Your IP : 216.73.217.95
require.config({"config": {
"jsbuild":{"Magento_PageBuilder/js/wysiwyg/factory.js":"/*eslint-disable */\n/* jscs:disable */\ndefine([\"jquery\", \"Magento_PageBuilder/js/utils/loader\"], function (_jquery, _loader) {\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n\n /**\n * @param {String} contentTypeId The ID in the registry of the content type.\n * @param {String} elementId The ID of the editor element in the DOM.\n * @param {String} contentTypeName The type of content type this editor will be used in. E.g. \"banner\".\n * @param {AdditionalDataConfigInterface} config The configuration for the wysiwyg.\n * @param {DataStore} dataStore The datastore to store the content in.\n * @param {String} fieldName The key in the provided datastore to set the data.\n * @param {String} stageId The ID in the registry of the stage containing the content type.\n * @returns {Wysiwyg}\n */\n function create(contentTypeId, elementId, contentTypeName, config, dataStore, fieldName, stageId) {\n config = _jquery.extend(true, {}, config);\n return new Promise(function (resolve) {\n (0, _loader)([config.adapter_config.component], function (WysiwygInstance) {\n new Promise(function (configResolve) {\n if (config.adapter_config.config_modifiers && config.adapter_config.config_modifiers[contentTypeName]) {\n (0, _loader)([config.adapter_config.config_modifiers[contentTypeName]], function (ConfigModifierType) {\n var modifier = new ConfigModifierType(); // Allow dynamic settings to be set before editor is initialized\n\n modifier.modify(contentTypeId, config);\n configResolve();\n });\n } else {\n configResolve();\n }\n }).then(function () {\n // Instantiate the component\n var wysiwyg = new WysiwygInstance(contentTypeId, elementId, config, dataStore, fieldName, stageId);\n\n if (config.adapter_config.component_initializers && config.adapter_config.component_initializers[contentTypeName]) {\n (0, _loader)([config.adapter_config.component_initializers[contentTypeName]], function (InitializerType) {\n var initializer = new InitializerType(); // Allow dynamic bindings from configuration such as events from the editor\n\n initializer.initialize(wysiwyg);\n resolve(wysiwyg);\n });\n } else {\n resolve(wysiwyg);\n }\n });\n });\n });\n }\n\n return create;\n});\n//# sourceMappingURL=factory.js.map","Magento_PageBuilder/js/grid/columns/preview-image.js":"/**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n\n/**\n * @api\n */\ndefine([\n 'Magento_Ui/js/grid/columns/column',\n 'jquery',\n 'mage/template',\n 'text!Magento_PageBuilder/template/grid/cells/preview-image/preview.html',\n 'underscore',\n 'Magento_Ui/js/modal/modal',\n 'mage/translate'\n], function (Column, $, mageTemplate, thumbnailPreviewTemplate, _) {\n 'use strict';\n\n return Column.extend({\n defaults: {\n bodyTmpl: 'ui/grid/cells/thumbnail',\n fieldClass: {\n 'data-grid-preview-image-cell': true\n }\n },\n\n /**\n * Get image source data per row.\n *\n * @param {Object} row\n * @returns {String}\n */\n getSrc: function (row) {\n return row[this.index + '_src'];\n },\n\n /**\n * Retrieve the original images src to be displayed at full size in the modal\n *\n * @param {Object} row\n * @returns {*}\n */\n getOrigSrc: function (row) {\n return row[this.index + '_orig_src'];\n },\n\n /**\n * Get alternative text data per row.\n *\n * @param {Object} row\n * @returns {String}\n */\n getAlt: function (row) {\n return _.escape(row[this.index + '_alt']);\n },\n\n /**\n * Check if preview available.\n *\n * @returns {Boolean}\n */\n isPreviewAvailable: function () {\n return this['has_preview'] || false;\n },\n\n /**\n * Build preview.\n *\n * @param {Object} row\n */\n preview: function (row) {\n var modalHtml = mageTemplate(\n thumbnailPreviewTemplate,\n {\n src: this.getOrigSrc(row),\n alt: this.getAlt(row)\n }\n ),\n previewPopup = $('<div/>').html(modalHtml);\n\n previewPopup.modal({\n title: this.getAlt(row),\n innerScroll: true,\n modalClass: '_image-box',\n buttons: []\n }).trigger('openModal');\n },\n\n /**\n * Get field handler per row.\n *\n * @param {Object} row\n * @returns {Function}\n */\n getFieldHandler: function (row) {\n if (this.isPreviewAvailable()) {\n return this.preview.bind(this, row);\n }\n }\n });\n});\n","Magento_PageBuilder/js/grid/columns/actions.js":"/**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n\ndefine([\n 'Magento_Ui/js/grid/columns/actions'\n], function (Actions) {\n 'use strict';\n\n return Actions.extend({\n defaults: {\n },\n\n /**\n * Callback after click on element.\n *\n * @public\n */\n applyAction: function () {\n switch (this.type) {\n case 'edit-user':\n $(this).userEdit(this.options)\n .trigger('editUser');\n break;\n\n case 'delete-user':\n $(this).userDelete(this.options)\n .trigger('deleteUser');\n break;\n\n case 'delete-role':\n $(this).roleDelete(this.options)\n .trigger('deleteRole');\n break;\n\n default:\n return true;\n }\n }\n });\n});\n","Magento_PageBuilder/js/grid/cells/template-apply.js":"/**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\ndefine([\n 'Magento_Ui/js/grid/columns/multiselect',\n 'Magento_PageBuilder/js/modal/dismissible-confirm',\n 'mage/translate'\n], function (Select, confirm, $t) {\n 'use strict';\n\n return Select.extend({\n defaults: {\n headerTmpl: 'ui/grid/columns/text',\n bodyTmpl: 'Magento_PageBuilder/grid/cells/template-apply',\n label: '',\n lastSelected: null\n },\n\n /** @inheritdoc */\n initObservable: function () {\n this._super()\n .observe('lastSelected');\n\n return this;\n },\n\n /** @inheritdoc */\n isSelected: function () {\n return false;\n },\n\n /** @inheritdoc **/\n select: function (id) {\n var self = this,\n superCall = this._super.bind(this);\n\n self.lastSelected(null);\n\n confirm({\n title: $t('Apply Template'),\n content: $t('Are you sure you want to apply this template? This will overwrite any existing content.'),\n dismissKey: 'pagebuilder_template_apply_confirm',\n dismissible: true,\n actions: {\n /**\n * Confirm action\n */\n confirm: function () {\n superCall();\n self.lastSelected(id);\n }\n },\n buttons: [{\n text: $t('Cancel'),\n class: 'action-secondary action-dismiss action-pagebuilder-cancel',\n\n /**\n * Close modal and trigger 'cancel' action on click\n */\n click: function (event) {\n this.closeModal(event);\n }\n }, {\n text: $t('Apply'),\n class: 'action-primary action-accept',\n\n /**\n * Close modal and trigger 'confirm' action on click\n */\n click: function (event) {\n superCall();\n self.lastSelected(id);\n this.closeModal(event);\n }\n }]\n });\n\n return this;\n },\n\n /** @inheritdoc */\n _setSelection: function () {\n return this;\n }\n });\n});\n","Magento_PageBuilder/js/grid/cells/single-select.js":"/**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\ndefine([\n 'Magento_Ui/js/grid/columns/multiselect',\n 'underscore'\n], function (Select, _) {\n 'use strict';\n\n return Select.extend({\n defaults: {\n headerTmpl: 'ui/grid/columns/text',\n bodyTmpl: 'Magento_PageBuilder/grid/cells/single-select',\n label: '',\n extendedSelections: [],\n lastSelected: null,\n listens: {\n selected: 'onSelectedChange setExtendedSelections'\n }\n },\n\n /** @inheritdoc */\n initObservable: function () {\n this._super()\n .observe('extendedSelections lastSelected');\n\n return this;\n },\n\n /**\n * Getter for extended selections.\n *\n * @returns {Array}\n */\n getExtendedSelections: function () {\n return this.extendedSelections();\n },\n\n /**\n * Setter for extended selections.\n *\n * @param {Array} selected\n */\n setExtendedSelections: function (selected) {\n var item = {},\n extended = [];\n\n _.each(selected, function (id) {\n item[this.indexField] = id;\n extended.push(_.findWhere(this.rows(), item));\n }, this);\n\n this.set('extendedSelections', extended);\n },\n\n /** @inheritdoc */\n isSelected: function (id, isIndex) {\n id = this.getId(id, isIndex);\n\n return this.selected()[0] === id;\n },\n\n /** @inheritdoc **/\n select: function (id) {\n this._super();\n this.lastSelected(id);\n\n return this;\n },\n\n /** @inheritdoc */\n _setSelection: function (id, isIndex, select) {\n var selected = this.selected;\n\n id = this.getId(id, isIndex);\n\n if (!select && this.isSelected(id)) {\n selected([]);\n } else if (select) {\n selected([id]);\n }\n\n return this;\n }\n });\n});\n","Magento_PageBuilder/js/widget/show-on-hover.js":"/**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n\ndefine(['jquery'], function ($) {\n 'use strict';\n\n /**\n * Show the overlay on hover of specific elements\n *\n * @param {JQuery<Element>[]} $elements\n */\n function showOverlayOnHover($elements) {\n $elements.each(function (index, element) {\n var overlayEl = $(element).find('.pagebuilder-overlay'),\n overlayColor = overlayEl.attr('data-overlay-color');\n\n $(element).on('mouseenter', function () {\n overlayEl.css('background-color', overlayColor);\n });\n\n $(element).on('mouseleave', function () {\n overlayEl.css('background-color', 'transparent');\n });\n });\n }\n\n /**\n * Show button on hover of specific elements\n *\n * @param {JQuery<Element>[]} $elements\n * @param {String} buttonClass\n */\n function showButtonOnHover($elements, buttonClass) {\n $elements.each(function (index, element) {\n var buttonEl = $(element).find(buttonClass);\n\n $(element).on('mouseenter', function () {\n buttonEl.css({\n 'opacity': '1',\n 'visibility': 'visible'\n });\n });\n\n $(element).on('mouseleave', function () {\n buttonEl.css({\n 'opacity': '0',\n 'visibility': 'hidden'\n });\n });\n });\n }\n\n return function (config) {\n\n var buttonSelector = config.buttonSelector,\n overlayHoverSelector = 'div[data-content-type=\"%s\"][data-show-overlay=\"%s\"]'\n .replace('%s', config.dataRole)\n .replace('%s', config.showOverlay),\n overlayButtonSelector = 'div[data-content-type=\"%s\"][data-show-button=\"%s\"]'\n .replace('%s', config.dataRole)\n .replace('%s', config.showOverlay);\n\n showOverlayOnHover($(overlayHoverSelector));\n showButtonOnHover($(overlayButtonSelector), buttonSelector);\n };\n});\n","Magento_PageBuilder/js/widget/video-background.js":"/**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\ndefine([\n 'jquery',\n 'jarallax',\n 'jarallaxVideo',\n 'vimeoWrapper'\n], function ($) {\n 'use strict';\n\n return function (config, element) {\n var $element = $(element),\n parallaxSpeed = $element.data('enableParallax') !== 1 ? 1 : parseFloat($element.data('parallaxSpeed'));\n\n if ($element.data('background-type') !== 'video') {\n return;\n }\n\n $element.addClass('jarallax');\n $element.attr('data-jarallax', '');\n\n window.jarallax($element[0], {\n imgSrc: $element.data('videoFallbackSrc'),\n speed: !isNaN(parallaxSpeed) ? parallaxSpeed : 0.5,\n videoLoop: $element.data('videoLoop'),\n videoPlayOnlyVisible: $element.data('videoPlayOnlyVisible'),\n videoLazyLoading: $element.data('videoLazyLoad'),\n disableVideo: false,\n elementInViewport: $element.data('elementInViewport') &&\n $element[0].querySelector($element.data('elementInViewport'))\n });\n $element[0].jarallax.video && $element[0].jarallax.video.on('started', function () {\n if ($element[0].jarallax.$video) {\n $element[0].jarallax.$video.style.visibility = 'visible';\n }\n });\n };\n});\n","Magento_PageBuilder/js/property/property-reader-pool-factory.js":"/*eslint-disable */\n/* jscs:disable */\n\nfunction _createForOfIteratorHelperLoose(o, allowArrayLike) { var it = typeof Symbol !== \"undefined\" && o[Symbol.iterator] || o[\"@@iterator\"]; if (it) return (it = it.call(o)).next.bind(it); if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === \"number\") { if (it) o = it; var i = 0; return function () { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }; } throw new TypeError(\"Invalid attempt to iterate non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\n\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(o); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\n\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }\n\ndefine([\"Magento_PageBuilder/js/config\", \"Magento_PageBuilder/js/utils/loader\", \"Magento_PageBuilder/js/property/property-reader-pool\"], function (_config, _loader, _propertyReaderPool) {\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n\n /**\n * Create a new instance of property reader pool\n */\n function create(contentType) {\n var config = _config.getContentTypeConfig(contentType);\n\n var propertyReaders = [];\n var appearanceName;\n\n for (var _i = 0, _Object$keys = Object.keys(config.appearances); _i < _Object$keys.length; _i++) {\n appearanceName = _Object$keys[_i];\n var appearance = config.appearances[appearanceName];\n\n if (appearance !== undefined && appearance.elements !== undefined) {\n var elementName = void 0;\n\n for (var _i2 = 0, _Object$keys2 = Object.keys(appearance.elements); _i2 < _Object$keys2.length; _i2++) {\n elementName = _Object$keys2[_i2];\n var element = appearance.elements[elementName];\n\n if (element.style !== undefined) {\n for (var _iterator = _createForOfIteratorHelperLoose(element.style), _step; !(_step = _iterator()).done;) {\n var propertyConfig = _step.value;\n\n if (propertyConfig.reader && propertyReaders.indexOf(propertyConfig.reader) === -1 && !_propertyReaderPool.get(propertyConfig.reader)) {\n propertyReaders.push(propertyConfig.reader);\n }\n }\n }\n\n if (element.attributes !== undefined) {\n for (var _iterator2 = _createForOfIteratorHelperLoose(element.attributes), _step2; !(_step2 = _iterator2()).done;) {\n var attributeConfig = _step2.value;\n\n if (attributeConfig.reader && propertyReaders.indexOf(attributeConfig.reader) === -1 && !_propertyReaderPool.get(attributeConfig.reader)) {\n propertyReaders.push(attributeConfig.reader);\n }\n }\n }\n }\n }\n }\n\n return new Promise(function (resolve) {\n (0, _loader)(propertyReaders, function () {\n for (var _len = arguments.length, loadedPropertyReaders = new Array(_len), _key = 0; _key < _len; _key++) {\n loadedPropertyReaders[_key] = arguments[_key];\n }\n\n for (var i = 0; i < propertyReaders.length; i++) {\n _propertyReaderPool.register(propertyReaders[i], new loadedPropertyReaders[i]());\n }\n\n resolve(_propertyReaderPool);\n });\n });\n }\n\n return create;\n});\n//# sourceMappingURL=property-reader-pool-factory.js.map","Magento_PageBuilder/js/property/attribute-reader.js":"/*eslint-disable */\n/* jscs:disable */\ndefine([], function () {\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n\n /**\n * @api\n */\n var AttributeReader = /*#__PURE__*/function () {\n \"use strict\";\n\n function AttributeReader() {}\n\n var _proto = AttributeReader.prototype;\n\n /**\n * Read attribute from element\n *\n * @param {HTMLElement} element\n * @param {string} source\n * @returns {string | object}\n */\n _proto.read = function read(element, source) {\n return element.getAttribute(source);\n };\n\n return AttributeReader;\n }();\n\n return AttributeReader;\n});\n//# sourceMappingURL=attribute-reader.js.map","Magento_PageBuilder/js/property/margins.js":"/*eslint-disable */\n/* jscs:disable */\ndefine([], function () {\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n\n /**\n * @api\n */\n var Margins = /*#__PURE__*/function () {\n \"use strict\";\n\n function Margins() {}\n\n var _proto = Margins.prototype;\n\n /**\n * Read margins from element\n *\n * @param {HTMLElement} element\n * @returns {string | object}\n */\n _proto.read = function read(element) {\n return {\n margin: {\n left: element.style.marginLeft,\n top: element.style.marginTop,\n right: element.style.marginRight,\n bottom: element.style.marginBottom\n }\n };\n };\n\n return Margins;\n }();\n\n return Margins;\n});\n//# sourceMappingURL=margins.js.map","Magento_PageBuilder/js/property/property-reader-interface.js":"/*eslint-disable */\n/* jscs:disable */\ndefine([], function () {\n \"use strict\";\n});\n//# sourceMappingURL=property-reader-interface.js.map","Magento_PageBuilder/js/property/property-reader-pool.js":"/*eslint-disable */\n/* jscs:disable */\ndefine([], function () {\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n var PropertyReaderPool = /*#__PURE__*/function () {\n \"use strict\";\n\n function PropertyReaderPool() {\n this.propertyReaders = {};\n }\n\n var _proto = PropertyReaderPool.prototype;\n\n /**\n * Retrieve a property reader from the pool\n *\n * @param {string} name\n * @returns {PropertyReaderInterface}\n */\n _proto.get = function get(name) {\n return this.propertyReaders[name] !== undefined ? this.propertyReaders[name] : null;\n }\n /**\n * Register a new property reader into the pool\n *\n * @param {string} name\n * @param {PropertyReaderInterface} property\n */\n ;\n\n _proto.register = function register(name, property) {\n this.propertyReaders[name] = property;\n };\n\n return PropertyReaderPool;\n }();\n\n var _default = new PropertyReaderPool();\n\n return Object.assign(_default, {\n PropertyReaderPool: PropertyReaderPool\n });\n});\n//# sourceMappingURL=property-reader-pool.js.map","Magento_PageBuilder/js/property/paddings.js":"/*eslint-disable */\n/* jscs:disable */\ndefine([], function () {\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n\n /**\n * @api\n */\n var Paddings = /*#__PURE__*/function () {\n \"use strict\";\n\n function Paddings() {}\n\n var _proto = Paddings.prototype;\n\n /**\n * Read paddings from element\n *\n * @param {HTMLElement} element\n * @returns {string | object}\n */\n _proto.read = function read(element) {\n return {\n padding: {\n left: element.style.paddingLeft,\n top: element.style.paddingTop,\n right: element.style.paddingRight,\n bottom: element.style.paddingBottom\n }\n };\n };\n\n return Paddings;\n }();\n\n return Paddings;\n});\n//# sourceMappingURL=paddings.js.map","Magento_PageBuilder/js/property/link.js":"/*eslint-disable */\n/* jscs:disable */\ndefine([], function () {\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n\n /**\n * @api\n */\n var Link = /*#__PURE__*/function () {\n \"use strict\";\n\n function Link() {\n this.regexpByLinkType = {\n category: new RegExp(/id_path=['\"]category\\/(\\d+)/),\n product: new RegExp(/id_path=['\"]product\\/(\\d+)/),\n page: new RegExp(/page_id=['\"](\\d+)/)\n };\n }\n\n var _proto = Link.prototype;\n\n /**\n * Read link from element\n *\n * @param {HTMLElement} element\n * @returns {string | object}\n */\n _proto.read = function read(element) {\n var _ref;\n\n var href = element.getAttribute(\"href\");\n var attributeLinkType = element.getAttribute(\"data-link-type\");\n\n if (typeof href === \"string\" && attributeLinkType !== \"default\") {\n href = this.getIdFromWidgetSyntax(href, this.regexpByLinkType[attributeLinkType]);\n }\n\n return _ref = {}, _ref[attributeLinkType] = href, _ref.setting = element.getAttribute(\"target\") === \"_blank\", _ref.type = attributeLinkType, _ref;\n }\n /**\n * Returns link value from widget string\n *\n * @param {string} href\n * @param {RegExp} regexp\n * @return {string}\n */\n ;\n\n _proto.getIdFromWidgetSyntax = function getIdFromWidgetSyntax(href, regexp) {\n var attributeIdMatches = href.match(regexp);\n\n if (!attributeIdMatches) {\n return href;\n }\n\n return attributeIdMatches[1];\n };\n\n return Link;\n }();\n\n return Link;\n});\n//# sourceMappingURL=link.js.map","Magento_PageBuilder/js/property/style-property-reader.js":"/*eslint-disable */\n/* jscs:disable */\ndefine([\"Magento_PageBuilder/js/utils/string\"], function (_string) {\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n\n /**\n * @api\n */\n var StylePropertyReader = /*#__PURE__*/function () {\n \"use strict\";\n\n function StylePropertyReader() {}\n\n var _proto = StylePropertyReader.prototype;\n\n /**\n * Read style property from element\n *\n * @param {HTMLElement} element\n * @param {string} source\n * @returns {string | object}\n */\n _proto.read = function read(element, source) {\n var camelCasedSource = (0, _string.fromSnakeToCamelCase)(source);\n return element.style[camelCasedSource];\n };\n\n return StylePropertyReader;\n }();\n\n return StylePropertyReader;\n});\n//# sourceMappingURL=style-property-reader.js.map","Magento_PageBuilder/js/drag-drop/sortable.js":"/*eslint-disable */\n/* jscs:disable */\ndefine([\"jquery\", \"knockout\", \"Magento_PageBuilder/js/events\", \"Magento_PageBuilder/js/content-type-factory\", \"Magento_PageBuilder/js/drag-drop/drop-indicators\", \"Magento_PageBuilder/js/drag-drop/matrix\", \"Magento_PageBuilder/js/drag-drop/move-content-type\", \"Magento_PageBuilder/js/drag-drop/registry\"], function (_jquery, _knockout, _events, _contentTypeFactory, _dropIndicators, _matrix, _moveContentType, _registry) {\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n\n /**\n * The class used when hiding a content type\n * @type {string}\n */\n var hiddenClass = \".pagebuilder-content-type-hidden\";\n /**\n * Return the sortable options for an instance which requires sorting / dropping functionality\n *\n * @param {Preview} preview\n * @returns {JQueryUI.SortableOptions | any}\n */\n\n function getSortableOptions(preview) {\n return {\n cursor: \"-webkit-grabbing\",\n tolerance: \"pointer\",\n helper: function helper(event, item) {\n var helper = (0, _jquery)(item).clone();\n helper.css({\n pointerEvents: \"none\"\n });\n return helper[0];\n },\n appendTo: document.body,\n placeholder: {\n element: function element() {\n return (0, _jquery)(\"<div />\").addClass(\"pagebuilder-sortable-placeholder\")[0];\n },\n update: function update() {\n return;\n }\n },\n handle: \".move-structural\",\n items: \"> .pagebuilder-content-type-wrapper\",\n start: function start() {\n onSortStart.apply(this, [preview].concat(Array.prototype.slice.call(arguments)));\n },\n sort: function sort() {\n onSort.apply(this, [preview].concat(Array.prototype.slice.call(arguments)));\n },\n receive: function receive() {\n onSortReceive.apply(this, [preview].concat(Array.prototype.slice.call(arguments)));\n },\n update: function update() {\n onSortUpdate.apply(this, [preview].concat(Array.prototype.slice.call(arguments)));\n },\n stop: function stop() {\n onSortStop.apply(this, [preview].concat(Array.prototype.slice.call(arguments)));\n }\n };\n }\n /**\n * Get the stage ID from the preview\n *\n * @param {Preview | Stage} preview\n * @returns {string}\n */\n\n\n function getPreviewStageIdProxy(preview) {\n return preview.contentType.stageId;\n }\n /**\n * Retrieve the contentType from the preview\n *\n * @param {Preview | Stage} instance\n * @returns {any}\n */\n\n\n function getcontentTypeProxy(instance) {\n return instance.contentType;\n }\n\n var sortedContentType;\n /**\n * On sort start record the item being sorted\n *\n * @param {Preview} preview\n * @param {Event} event\n * @param {JQueryUI.SortableUIParams} ui\n */\n\n function onSortStart(preview, event, ui) {\n // Verify we're sorting an already created item\n if (ui.item.hasClass(\"pagebuilder-content-type-wrapper\")) {\n _events.trigger(\"stage:interactionStart\");\n\n var contentTypeInstance = _knockout.dataFor(ui.item[0]);\n\n if (contentTypeInstance) {\n // Ensure the original item is displayed but with reduced opacity\n ui.item.css(\"display\", \"block\").addClass(\"pagebuilder-sorting-original\");\n (0, _jquery)(\".pagebuilder-drop-indicator.hidden-drop-indicator\").css(\"display\", \"block\").removeClass(\"hidden-drop-indicator\"); // If we're the first item in the container we need to hide the first drop indicator\n\n if (contentTypeInstance.parentContentType.getChildren().indexOf(contentTypeInstance) === 0) {\n ui.item.prev(\".pagebuilder-drop-indicator\").css(\"display\", \"none\").addClass(\"hidden-drop-indicator\");\n }\n\n (0, _dropIndicators.showDropIndicators)(contentTypeInstance.config.name, preview.contentType.stageId);\n sortedContentType = contentTypeInstance; // Dynamically change the connect with option to restrict content types\n\n (0, _jquery)(this).sortable(\"option\", \"connectWith\", (0, _matrix.getAllowedContainersClasses)(contentTypeInstance.config.name, preview.contentType.stageId));\n (0, _jquery)(this).sortable(\"refresh\");\n }\n }\n }\n\n var placeholderContainer;\n /**\n * On a sort action hide the placeholder if disabled\n *\n * @param {Preview} preview\n * @param {Event} event\n * @param {JQueryUI.SortableUIParams} ui\n */\n\n function onSort(preview, event, ui) {\n if ((0, _jquery)(this).sortable(\"option\", \"disabled\") || ui.placeholder.parents(hiddenClass).length > 0) {\n ui.placeholder.css(\"display\", \"none\");\n } else {\n ui.placeholder.css(\"display\", \"block\");\n }\n /**\n * We record the position of the placeholder on sort so we can ensure we place the content type in the correct place\n * as jQuery UI's events aren't reliable.\n */\n\n\n placeholderContainer = ui.placeholder.parents(\".content-type-container\")[0];\n }\n /**\n * On sort stop hide any indicators\n */\n\n\n function onSortStop(preview, event, ui) {\n ui.item.removeClass(\"pagebuilder-sorting-original\");\n (0, _dropIndicators.hideDropIndicators)();\n (0, _registry.setDraggedContentTypeConfig)(null); // Only trigger stop if we triggered start\n\n if (ui.item.hasClass(\"pagebuilder-content-type-wrapper\")) {\n _events.trigger(\"stage:interactionStop\");\n }\n\n if (ui.item && !sortedContentType) {\n ui.item.remove();\n }\n\n sortedContentType = null;\n }\n /**\n * Handle receiving a content type from the left panel\n *\n * @param {Preview} preview\n * @param {Event} event\n * @param {JQueryUI.SortableUIParams} ui\n */\n\n\n function onSortReceive(preview, event, ui) {\n var contentTypeConfig = (0, _registry.getDraggedContentTypeConfig)();\n (0, _registry.setDraggedContentTypeConfig)(null);\n\n if ((0, _jquery)(event.target)[0] !== this) {\n return;\n } // If the container content type can't receive drops we need to cancel the operation\n\n\n if (!preview.isContainer()) {\n (0, _jquery)(this).sortable(\"cancel\");\n return;\n }\n\n if (contentTypeConfig) {\n // If the sortable instance is disabled don't complete this operation\n if ((0, _jquery)(this).sortable(\"option\", \"disabled\") || (0, _jquery)(this).parents(hiddenClass).length > 0) {\n return;\n } // jQuery's index method doesn't work correctly here, so use Array.findIndex instead\n\n\n var index = (0, _jquery)(event.target).children(\".pagebuilder-content-type-wrapper, .pagebuilder-draggable-content-type\").toArray().findIndex(function (element) {\n return element.classList.contains(\"pagebuilder-draggable-content-type\");\n }); // Create the new content type and insert it into the parent\n\n (0, _contentTypeFactory)(contentTypeConfig, getcontentTypeProxy(preview), getPreviewStageIdProxy(preview)).then(function (contentType) {\n // Set the content type instance as \"dropped\", as it was dropped from the left panel\n contentType.dropped = true;\n getcontentTypeProxy(preview).addChild(contentType, index);\n\n _events.trigger(\"contentType:dropAfter\", {\n id: contentType.id,\n contentType: contentType\n });\n\n _events.trigger(contentTypeConfig.name + \":dropAfter\", {\n id: contentType.id,\n contentType: contentType\n });\n\n return contentType;\n }); // Remove the DOM element, as this is a drop event we can't just remove the ui.item\n\n (0, _jquery)(event.target).find(\".pagebuilder-draggable-content-type\").remove();\n }\n }\n /**\n * On sort update handle sorting the underlying children knockout list\n *\n * @param {Preview} preview\n * @param {Event} event\n * @param {JQueryUI.SortableUIParams} ui\n */\n\n\n function onSortUpdate(preview, event, ui) {\n // If the sortable instance is disabled don't complete this operation\n if ((0, _jquery)(this).hasClass(\"ui-sortable\") && (0, _jquery)(this).sortable(\"option\", \"disabled\") || ui.item.parents(hiddenClass).length > 0) {\n ui.item.remove();\n (0, _jquery)(this).sortable(\"cancel\"); // jQuery tries to reset the state but kills KO's bindings, so we'll force a re-render on the content type\n\n if (ui.item.length > 0 && typeof _knockout.dataFor(ui.item[0]) !== \"undefined\") {\n var data = _knockout.dataFor(ui.item[0]);\n\n var contentType = data.contentType && data.contentType.getChildren ? data.contentType : data.parentContentType;\n var children = contentType.getChildren()().splice(0);\n contentType.getChildren()([]);\n contentType.getChildren()(children);\n }\n\n return;\n }\n /**\n * Validate the event is coming from the exact instance or a child instance, we validate on the child instance\n * as the event is sometimes annoyingly caught by the parent rather than the child it's dropped into. Combining this\n * with placeholderContainer logic we can ensure we always do the right operation.\n */\n\n\n if (sortedContentType && (this === ui.item.parent()[0] || placeholderContainer && (0, _jquery)(this).find(ui.item.parent()).length > 0)) {\n var el = ui.item[0];\n\n var contentTypeInstance = _knockout.dataFor(el);\n\n var target = _knockout.dataFor(placeholderContainer);\n\n if (target && contentTypeInstance) {\n // Calculate the source and target index\n var sourceParent = contentTypeInstance.parentContentType;\n var targetParent = getcontentTypeProxy(target);\n var targetIndex = (0, _jquery)(placeholderContainer).children(\".pagebuilder-content-type-wrapper, .pagebuilder-draggable-content-type\").toArray().findIndex(function (element) {\n return element === el;\n });\n\n if (sourceParent) {\n (0, _jquery)(sourceParent === targetParent ? this : ui.sender || this).sortable(\"cancel\");\n } else {\n (0, _jquery)(el).remove();\n }\n\n (0, _moveContentType.moveContentType)(contentTypeInstance, targetIndex, targetParent);\n\n if (contentTypeInstance.parentContentType !== targetParent) {\n ui.item.remove();\n }\n }\n }\n }\n\n return {\n getSortableOptions: getSortableOptions,\n hiddenClass: hiddenClass\n };\n});\n//# sourceMappingURL=sortable.js.map","Magento_PageBuilder/js/drag-drop/registry.js":"/*eslint-disable */\n/* jscs:disable */\ndefine([], function () {\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n var draggedContentTypeConfig;\n /**\n * Set the current dragged blocks config into the registry\n *\n * @param {ContentTypeConfigInterface} config\n */\n\n function setDraggedContentTypeConfig(config) {\n draggedContentTypeConfig = config;\n }\n /**\n * Retrieve the dragged blocks config\n *\n * @returns {ContentTypeConfigInterface}\n */\n\n\n function getDraggedContentTypeConfig() {\n return draggedContentTypeConfig;\n }\n\n return {\n setDraggedContentTypeConfig: setDraggedContentTypeConfig,\n getDraggedContentTypeConfig: getDraggedContentTypeConfig\n };\n});\n//# sourceMappingURL=registry.js.map","Magento_PageBuilder/js/drag-drop/matrix.js":"/*eslint-disable */\n/* jscs:disable */\ndefine([\"underscore\", \"Magento_PageBuilder/js/config\"], function (_underscore, _config) {\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n var allowedParents = {};\n /**\n * Build a matrix of which containers each content type can go into, these are determined by the allowed_parents\n * node within the content types configuration\n */\n\n function generateAllowedParents() {\n _underscore.values(_config.getConfig(\"content_types\")).forEach(function (contentType) {\n allowedParents[contentType.name] = contentType.allowed_parents.slice();\n });\n }\n /**\n * Retrieve the containers a specific content type can be contained in\n *\n * @param {string} contentType\n * @returns {any}\n */\n\n\n function getContainersFor(contentType) {\n if (allowedParents[contentType]) {\n return allowedParents[contentType];\n }\n\n return [];\n }\n /**\n * Generate classes of containers the content type is allowed within\n *\n * @param {string} contentType\n * @param {string} stageId\n * @returns {string}\n */\n\n\n function getAllowedContainersClasses(contentType, stageId) {\n return getContainersFor(contentType).map(function (value) {\n return \"#\" + stageId + \" .content-type-container.\" + value + \"-container\";\n }).join(\", \");\n }\n /**\n * @api\n */\n\n\n return {\n generateAllowedParents: generateAllowedParents,\n getContainersFor: getContainersFor,\n getAllowedContainersClasses: getAllowedContainersClasses\n };\n});\n//# sourceMappingURL=matrix.js.map","Magento_PageBuilder/js/drag-drop/move-content-type.js":"/*eslint-disable */\n/* jscs:disable */\ndefine([\"knockout\", \"Magento_PageBuilder/js/events\"], function (_knockout, _events) {\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n\n /**\n * Move a content type to a new index, with the option to move to a new container\n *\n * @param {ContentTypeInterface | ContentTypeCollectionInterface} contentType\n * @param {number} targetIndex\n * @param {ContentTypeCollectionInterface} targetParent\n */\n function moveContentType(contentType, targetIndex, targetParent) {\n if (targetParent === void 0) {\n targetParent = null;\n }\n\n var sourceParent = contentType.parentContentType;\n var sourceIndex = contentType.parentContentType.children().indexOf(contentType);\n var sourceParentChildren = sourceParent.getChildren(); // Trigger our block move event\n\n _events.trigger(\"contentType:moveBefore\", {\n contentType: contentType,\n sourceParent: sourceParent,\n targetParent: targetParent,\n targetIndex: targetIndex,\n stageId: contentType.stageId\n });\n\n _events.trigger(contentType.config.name + \":moveBefore\", {\n contentType: contentType,\n sourceParent: sourceParent,\n targetParent: targetParent,\n targetIndex: targetIndex,\n stageId: contentType.stageId\n });\n\n if (targetParent && sourceParent !== targetParent) {\n contentType.parentContentType = targetParent; // Handle dragging between sortable elements\n\n sourceParentChildren.splice(sourceIndex, 1);\n targetParent.getChildren().splice(targetIndex, 0, contentType);\n } else {\n // Retrieve the children from the source parent\n var children = _knockout.utils.unwrapObservable(sourceParentChildren); // Inform KO that this value is about to mutate\n\n\n if (sourceParentChildren.valueWillMutate) {\n sourceParentChildren.valueWillMutate();\n } // Perform the mutation\n\n\n children.splice(sourceIndex, 1);\n children.splice(targetIndex, 0, contentType); // Inform KO that the mutation is complete\n\n if (sourceParentChildren.valueHasMutated) {\n sourceParentChildren.valueHasMutated();\n }\n } // Process any deferred bindings\n\n\n if (_knockout.processAllDeferredBindingUpdates) {\n _knockout.processAllDeferredBindingUpdates();\n } // Trigger our content type move event\n\n\n _events.trigger(\"contentType:moveAfter\", {\n contentType: contentType,\n sourceParent: sourceParent,\n targetParent: targetParent,\n targetIndex: targetIndex,\n stageId: contentType.stageId\n });\n\n _events.trigger(contentType.config.name + \":moveAfter\", {\n contentType: contentType,\n sourceParent: sourceParent,\n targetParent: targetParent,\n targetIndex: targetIndex,\n stageId: contentType.stageId\n });\n }\n\n return {\n moveContentType: moveContentType\n };\n});\n//# sourceMappingURL=move-content-type.js.map","Magento_PageBuilder/js/drag-drop/drop-indicators.js":"/*eslint-disable */\n/* jscs:disable */\ndefine([\"Magento_PageBuilder/js/utils/create-stylesheet\", \"Magento_PageBuilder/js/drag-drop/matrix\"], function (_createStylesheet, _matrix) {\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n var headDropIndicatorStyles;\n /**\n * Show the drop indicators for a specific content type\n *\n * We do this by creating a style sheet and injecting it into the head. It's dramatically quicker to allow the browsers\n * CSS engine to display these for us than manually iterating through the DOM and applying a class to the elements.\n *\n * @param {string} contentType\n * @param {string} stageId\n * @returns {HTMLStyleElement}\n */\n\n function showDropIndicators(contentType, stageId) {\n var acceptedContainers = (0, _matrix.getContainersFor)(contentType);\n\n if (acceptedContainers.length > 0) {\n var _ref;\n\n var classNames = acceptedContainers.map(function (container) {\n return \"#\" + stageId + \" .content-type-container.\" + container + \"-container > .pagebuilder-drop-indicator, \" + (\"#\" + stageId + \" .pagebuilder-content-type.type-container.empty-container > .content-type-container.\") + (container + \"-container:before\");\n });\n var styles = (0, _createStylesheet.createStyleSheet)((_ref = {}, _ref[classNames.join(\", \")] = {\n opacity: 1,\n visibility: \"visible\"\n }, _ref));\n document.head.appendChild(styles);\n headDropIndicatorStyles = styles;\n return styles;\n }\n }\n /**\n * Hide the drop indicators\n */\n\n\n function hideDropIndicators() {\n if (headDropIndicatorStyles) {\n headDropIndicatorStyles.remove();\n headDropIndicatorStyles = null;\n }\n }\n\n return {\n showDropIndicators: showDropIndicators,\n hideDropIndicators: hideDropIndicators\n };\n});\n//# sourceMappingURL=drop-indicators.js.map","Magento_PageBuilder/js/binding/draggable.js":"/*eslint-disable */\n/* jscs:disable */\ndefine([\"jquery\", \"knockout\"], function (_jquery, _knockout) {\n \"use strict\";\n\n _jquery = _interopRequireDefault(_jquery);\n _knockout = _interopRequireDefault(_knockout);\n\n function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n\n /**\n * @api\n */\n // Create a new sortable Knockout binding\n _knockout.default.bindingHandlers.draggable = {\n init: function init(element, valueAccessor) {\n (0, _jquery.default)(element).draggable(valueAccessor());\n }\n };\n});\n//# sourceMappingURL=draggable.js.map","Magento_PageBuilder/js/binding/sortable.js":"/*eslint-disable */\n/* jscs:disable */\ndefine([\"jquery\", \"knockout\", \"underscore\"], function (_jquery, _knockout, _underscore) {\n \"use strict\";\n\n _jquery = _interopRequireDefault(_jquery);\n _knockout = _interopRequireDefault(_knockout);\n _underscore = _interopRequireDefault(_underscore);\n\n function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n // Create a new sortable Knockout binding\n _knockout.default.bindingHandlers.sortable = {\n init: function init(element, valueAccessor) {\n // As we can't conditionally apply bindings we block this operation when options are null\n if (valueAccessor() === null) {\n return;\n }\n\n _underscore.default.defer(function () {\n (0, _jquery.default)(element).sortable(valueAccessor());\n });\n }\n };\n});\n//# sourceMappingURL=sortable.js.map","Magento_PageBuilder/js/binding/focus.js":"/*eslint-disable */\n/* jscs:disable */\ndefine([\"knockout\"], function (_knockout) {\n \"use strict\";\n\n _knockout = _interopRequireDefault(_knockout);\n\n function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n\n /**\n * @api\n */\n _knockout.default.bindingHandlers.hasFocusNoScroll = {\n init: _knockout.default.bindingHandlers.hasFocus.init,\n update: function update(element, valueAccessor, allBindingsAccessor, viewModel, bindingContext) {\n var value = !!_knockout.default.utils.unwrapObservable(valueAccessor());\n value ? element.focus({\n preventScroll: true\n }) : element.blur();\n }\n };\n});\n//# sourceMappingURL=focus.js.map","Magento_PageBuilder/js/binding/live-edit.js":"/*eslint-disable */\n/* jscs:disable */\ndefine([\"jquery\", \"knockout\", \"Magento_Ui/js/lib/key-codes\", \"underscore\"], function (_jquery, _knockout, _keyCodes, _underscore) {\n \"use strict\";\n\n _jquery = _interopRequireDefault(_jquery);\n _knockout = _interopRequireDefault(_knockout);\n _keyCodes = _interopRequireDefault(_keyCodes);\n _underscore = _interopRequireDefault(_underscore);\n\n function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n\n /**\n * @api\n */\n\n /**\n * Strip HTML and return text\n *\n * @param {string} html\n * @returns {string}\n */\n function stripHtml(html) {\n if (html) {\n var htmlDocument = new DOMParser().parseFromString(html, \"text/html\");\n return htmlDocument.body ? htmlDocument.body.textContent : \"\";\n }\n\n return html;\n }\n /**\n * Add or remove the placeholder-text class from the element based on its content\n *\n * @param {Element} element\n */\n\n\n function handlePlaceholderClass(element) {\n if (stripHtml(element.innerHTML).length === 0) {\n element.innerHTML = \"\";\n element.classList.add(\"placeholder-text\");\n } else {\n element.classList.remove(\"placeholder-text\");\n }\n } // Custom Knockout binding for live editing text inputs\n\n\n _knockout.default.bindingHandlers.liveEdit = {\n /**\n * Init the live edit binding on an element\n *\n * @param {HTMLElement} element\n * @param {() => any} valueAccessor\n * @param {KnockoutAllBindingsAccessor} allBindings\n * @param {any} viewModel\n * @param {KnockoutBindingContext} bindingContext\n */\n init: function init(element, valueAccessor, allBindings, viewModel, bindingContext) {\n var _valueAccessor = valueAccessor(),\n field = _valueAccessor.field,\n placeholder = _valueAccessor.placeholder,\n _valueAccessor$select = _valueAccessor.selectAll,\n selectAll = _valueAccessor$select === void 0 ? false : _valueAccessor$select;\n\n var focusedValue = element.innerHTML;\n var previouslyFocused = false;\n var blurTimeout;\n var lastUpdateValue;\n /**\n * Record the value on focus, only conduct an update when data changes\n */\n\n var onFocus = function onFocus() {\n clearTimeout(blurTimeout);\n focusedValue = stripHtml(element.innerHTML);\n lastUpdateValue = focusedValue;\n\n if (selectAll && element.innerHTML !== \"\" && !previouslyFocused) {\n _underscore.default.defer(function () {\n var selection = window.getSelection();\n var range = document.createRange();\n range.selectNodeContents(element);\n selection.removeAllRanges();\n selection.addRange(range);\n previouslyFocused = true;\n });\n }\n };\n /**\n * On blur change our timeout for previously focused. We require a flag to track whether the input has been\n * focused and selected previously due to a bug in Firefox which doesn't handle focus events correctly when\n * contenteditable is placed within an anchor.\n */\n\n\n var onBlur = function onBlur() {\n blurTimeout = setTimeout(function () {\n previouslyFocused = false;\n }, 100);\n };\n /**\n * Mousedown event on element\n *\n * @param {Event} event\n */\n\n\n var onMouseDown = function onMouseDown(event) {\n event.stopPropagation();\n };\n /**\n * Key down event on element\n *\n * Prevent styling such as bold, italic, and underline using keyboard commands, and prevent multi-line entries\n *\n * @param {JQueryEventObject} event\n */\n\n\n var onKeyDown = function onKeyDown(event) {\n var key = _keyCodes.default[event.keyCode]; // command or control\n\n if (event.metaKey || event.ctrlKey) {\n if (key === \"bKey\" || key === \"iKey\" || key === \"uKey\") {\n event.preventDefault();\n }\n }\n\n if (key === \"enterKey\") {\n event.preventDefault();\n } // prevent slides from sliding\n\n\n if (key === \"pageLeftKey\" || key === \"pageRightKey\") {\n event.stopPropagation();\n }\n };\n /**\n * On key up update the view model to ensure all changes are saved\n */\n\n\n var onKeyUp = function onKeyUp() {\n var strippedValue = stripHtml(element.innerHTML);\n\n if (focusedValue !== strippedValue) {\n lastUpdateValue = strippedValue;\n viewModel.updateData(field, strippedValue);\n }\n };\n /**\n * Prevent content from being dropped inside of inline edit area\n *\n * @param {DragEvent} event\n */\n\n\n var onDrop = function onDrop(event) {\n event.preventDefault();\n };\n /**\n * Prevent content from being dragged\n *\n * @param {DragEvent} event\n */\n\n\n var onDragStart = function onDragStart(event) {\n event.preventDefault();\n };\n /**\n * Input event on element\n */\n\n\n var onInput = function onInput() {\n handlePlaceholderClass(element);\n };\n /**\n * On paste strip any HTML\n */\n\n\n var onPaste = function onPaste() {\n // Record the original caret position so we can ensure we restore it at the correct position\n var selection = window.getSelection();\n var originalPositionStart = selection.getRangeAt(0).cloneRange().startOffset;\n var originalPositionEnd = selection.getRangeAt(0).cloneRange().endOffset;\n var originalContentLength = stripHtml(element.innerHTML).length; // Allow the paste action to update the content\n\n _underscore.default.defer(function () {\n var strippedValue = stripHtml(element.innerHTML);\n lastUpdateValue = strippedValue;\n element.textContent = strippedValue;\n /**\n * Calculate the position the caret should end up at, the difference in string length + the original\n * end offset position\n */\n\n var restoredPosition = Math.abs(strippedValue.length - originalContentLength) + originalPositionStart; // If part of the text was selected adjust the position for the removed text\n\n if (originalPositionStart !== originalPositionEnd) {\n restoredPosition += Math.abs(originalPositionEnd - originalPositionStart);\n }\n\n var range = document.createRange();\n range.setStart(element.childNodes[0], restoredPosition);\n range.setEnd(element.childNodes[0], restoredPosition);\n selection.removeAllRanges();\n selection.addRange(range);\n });\n };\n\n element.setAttribute(\"data-placeholder\", placeholder);\n element.textContent = viewModel.contentType.dataStore.get(field);\n element.contentEditable = \"true\";\n element.addEventListener(\"focus\", onFocus);\n element.addEventListener(\"blur\", onBlur);\n element.addEventListener(\"mousedown\", onMouseDown);\n element.addEventListener(\"keydown\", onKeyDown);\n element.addEventListener(\"keyup\", onKeyUp);\n element.addEventListener(\"input\", onInput);\n element.addEventListener(\"drop\", onDrop);\n element.addEventListener(\"paste\", onPaste);\n element.addEventListener(\"dragstart\", onDragStart);\n (0, _jquery.default)(element).parent().css(\"cursor\", \"text\");\n handlePlaceholderClass(element); // Create a subscription onto the original data to update the internal value\n\n viewModel.contentType.dataStore.subscribe(function (data) {\n // Only update the value if it differs from the last value added within live edit\n if (lastUpdateValue !== data[field]) {\n lastUpdateValue = data[field];\n element.textContent = data[field];\n handlePlaceholderClass(element);\n }\n }, field); // Resolve issues of content editable being within an anchor\n\n if ((0, _jquery.default)(element).parent().is(\"a\")) {\n (0, _jquery.default)(element).parent().attr(\"draggable\", \"false\");\n }\n },\n\n /**\n * Update live edit binding on an element\n *\n * @param {any} element\n * @param {() => any} valueAccessor\n * @param {KnockoutAllBindingsAccessor} allBindings\n * @param {any} viewModel\n * @param {KnockoutBindingContext} bindingContext\n */\n update: function update(element, valueAccessor, allBindings, viewModel, bindingContext) {\n var _valueAccessor2 = valueAccessor(),\n field = _valueAccessor2.field;\n\n element.textContent = viewModel.contentType.dataStore.get(field);\n handlePlaceholderClass(element);\n }\n };\n});\n//# sourceMappingURL=live-edit.js.map","Magento_PageBuilder/js/binding/sortable-children.js":"/*eslint-disable */\n/* jscs:disable */\ndefine([\"jquery\", \"knockout\", \"Magento_PageBuilder/js/events\", \"Magento_PageBuilder/js/drag-drop/move-content-type\", \"Magento_PageBuilder/js/utils/array\"], function (_jquery, _knockout, _events, _moveContentType, _array) {\n \"use strict\";\n\n _jquery = _interopRequireDefault(_jquery);\n _knockout = _interopRequireDefault(_knockout);\n _events = _interopRequireDefault(_events);\n\n function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n\n /**\n * @api\n */\n var draggedContentType; // Create a new sortable Knockout binding\n\n _knockout.default.bindingHandlers.sortableChildren = {\n /**\n * Init the draggable binding on an element\n *\n * @param element\n * @param valueAccessor\n * @param allBindingsAccessor\n * @param data\n * @param context\n */\n init: function init(element, valueAccessor, allBindingsAccessor, data, context) {\n var instance = context.$data.contentType;\n\n var options = _knockout.default.unwrap(valueAccessor());\n\n var originalPosition;\n (0, _jquery.default)(element).sortable(options).on(\"sortstart\", function (event, ui) {\n originalPosition = ui.item.index();\n draggedContentType = instance.children()[originalPosition];\n\n _events.default.trigger(\"childContentType:sortStart\", {\n instance: instance,\n originalPosition: originalPosition,\n ui: ui\n });\n }).on(\"sortstop\", function (event, ui) {\n _events.default.trigger(\"childContentType:sortStop\", {\n instance: instance,\n ui: ui,\n originalPosition: originalPosition\n });\n }).on(\"sortupdate\", function (event, ui) {\n if (this === ui.item.parent()[0]) {\n var index = ui.item.index();\n\n var targetParent = _knockout.default.dataFor(ui.item.parent()[0]).contentType;\n\n if (targetParent && (originalPosition !== index || draggedContentType.parentContentType !== targetParent)) {\n ui.item.remove();\n\n if (draggedContentType.parentContentType === targetParent) {\n (0, _array.moveArrayItem)(instance.children, originalPosition, index);\n } else {\n (0, _moveContentType.moveContentType)(draggedContentType, index, targetParent);\n }\n\n _events.default.trigger(\"childContentType:sortUpdate\", {\n instance: instance,\n newPosition: index,\n originalPosition: originalPosition,\n ui: ui,\n event: event\n });\n }\n }\n });\n }\n };\n});\n//# sourceMappingURL=sortable-children.js.map","Magento_PageBuilder/js/binding/style.js":"/*eslint-disable */\n/* jscs:disable */\ndefine([\"knockout\", \"mageUtils\", \"underscore\", \"Magento_PageBuilder/js/config\", \"Magento_PageBuilder/js/content-type/style-registry\"], function (_knockout, _mageUtils, _underscore, _config, _styleRegistry) {\n \"use strict\";\n\n _knockout = _interopRequireDefault(_knockout);\n _mageUtils = _interopRequireDefault(_mageUtils);\n _underscore = _interopRequireDefault(_underscore);\n _config = _interopRequireDefault(_config);\n\n function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n var originalStyle = _knockout.default.bindingHandlers.style;\n\n var bodyId = _config.default.getConfig(\"bodyId\");\n\n function isPageBuilderContext(context) {\n return !!(context.stage && context.stage.pageBuilder);\n }\n\n _knockout.default.bindingHandlers.style = {\n init: function init(element, valueAccessor, allBindings, viewModel, bindingContext) {\n if (isPageBuilderContext(bindingContext)) {\n element.setAttribute(_styleRegistry.pbStyleAttribute, _mageUtils.default.uniqueid());\n }\n },\n update: function update(element, valueAccessor, allBindings, viewModel, bindingContext) {\n if (isPageBuilderContext(bindingContext)) {\n var value = _knockout.default.utils.unwrapObservable(valueAccessor() || {});\n\n var styles = {};\n var styleId = element.getAttribute(_styleRegistry.pbStyleAttribute);\n var existedStyleBlock = document.querySelector(\"style[\" + _styleRegistry.styleDataAttribute + \"=\\\"\" + styleId + \"\\\"]\");\n\n _knockout.default.utils.objectForEach(value, function (styleName, styleValue) {\n styleValue = _knockout.default.utils.unwrapObservable(styleValue);\n\n if (styleValue === null || styleValue === undefined || styleValue === false) {\n styleValue = \"\";\n }\n\n if (styleValue) {\n styles[styleName] = styleValue;\n }\n });\n\n if (existedStyleBlock) {\n existedStyleBlock.remove();\n }\n\n if (!_underscore.default.isEmpty(styles)) {\n var styleElement = document.createElement(\"style\");\n styleElement.setAttribute(_styleRegistry.styleDataAttribute, styleId);\n styleElement.innerHTML = (0, _styleRegistry.generateCssBlock)(\"#\" + bodyId + \" [\" + _styleRegistry.pbStyleAttribute + \"=\\\"\" + styleId + \"\\\"]\", styles);\n element.parentElement.append(styleElement);\n }\n } else {\n originalStyle.update(element, valueAccessor, allBindings, viewModel, bindingContext);\n }\n }\n };\n});\n//# sourceMappingURL=style.js.map","Magento_PageBuilder/js/binding/master-style.js":"/*eslint-disable */\n/* jscs:disable */\ndefine([\"knockout\", \"mageUtils\", \"underscore\", \"Magento_PageBuilder/js/config\", \"Magento_PageBuilder/js/content-type/style-registry\"], function (_knockout, _mageUtils, _underscore, _config, _styleRegistry) {\n \"use strict\";\n\n _knockout = _interopRequireDefault(_knockout);\n _mageUtils = _interopRequireDefault(_mageUtils);\n _underscore = _interopRequireDefault(_underscore);\n _config = _interopRequireDefault(_config);\n\n function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }\n\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n var bodyId = _config.default.getConfig(\"bodyId\");\n\n var getStyles = function getStyles(styleObject) {\n var styles = {};\n\n _knockout.default.utils.objectForEach(styleObject, function (styleName, styleValue) {\n styleValue = _knockout.default.utils.unwrapObservable(styleValue);\n\n if (styleValue === null || styleValue === undefined || styleValue === false) {\n // Empty string removes the value, whereas null/undefined have no effect\n styleValue = \"\";\n }\n\n if (styleValue) {\n styles[styleName] = styleValue;\n }\n });\n\n return styles;\n };\n\n _knockout.default.bindingHandlers.style = {\n update: function update(element, valueAccessor, allBindings, viewModel, bindingContext) {\n var value = _knockout.default.utils.unwrapObservable(valueAccessor() || {});\n\n var viewportKeys = _underscore.default.keys(_config.default.getConfig(\"viewports\"));\n\n var commonStyles = getStyles(_underscore.default.omit(value, viewportKeys));\n var viewportStyles = {};\n\n _underscore.default.each(viewportKeys, function (name) {\n viewportStyles[name] = _underscore.default.extend(getStyles(value[name]), commonStyles);\n });\n\n if (_underscore.default.findKey(viewportStyles, function (styles) {\n return !_underscore.default.isEmpty(styles);\n })) {\n var id = _mageUtils.default.uniqueid();\n\n var selector = \"#\" + bodyId + \" [\" + _styleRegistry.pbStyleAttribute + \"=\\\"\" + id + \"\\\"]\";\n\n _underscore.default.each(viewportKeys, function (name) {\n var registry = (0, _styleRegistry.getStyleRegistry)(name + bindingContext.$root.id);\n registry.setStyles(selector, viewportStyles[name]);\n });\n\n element.setAttribute(_styleRegistry.pbStyleAttribute, id);\n }\n }\n };\n});\n//# sourceMappingURL=master-style.js.map","Magento_PageBuilder/js/content-type/appearance-config.js":"/*eslint-disable */\n/* jscs:disable */\ndefine([\"Magento_PageBuilder/js/config\"], function (_config) {\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n\n /**\n * Get config for appearance\n *\n * @param {string} contentType\n * @param {string} appearance\n * @returns {ContentTypeConfigAppearanceInterface}\n * @api\n */\n function getAppearanceConfig(contentType, appearance) {\n var contentTypeConfig = _config.getContentTypeConfig(contentType);\n\n var config;\n\n if (contentTypeConfig.appearances !== undefined) {\n if (!appearance) {\n for (var key in contentTypeConfig.appearances) {\n if (!!contentTypeConfig.appearances[key].default) {\n appearance = key;\n break;\n }\n }\n }\n\n if (appearance) {\n config = contentTypeConfig.appearances[appearance];\n }\n }\n\n return config;\n }\n\n return getAppearanceConfig;\n});\n//# sourceMappingURL=appearance-config.js.map","Magento_PageBuilder/js/content-type/master-collection.js":"/*eslint-disable */\n/* jscs:disable */\n\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }\n\nfunction _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\ndefine([\"Magento_PageBuilder/js/content-type/master\"], function (_master) {\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n var MasterCollection = /*#__PURE__*/function (_master2) {\n \"use strict\";\n\n _inheritsLoose(MasterCollection, _master2);\n\n function MasterCollection() {\n return _master2.apply(this, arguments) || this;\n }\n\n _createClass(MasterCollection, [{\n key: \"masterTemplate\",\n get:\n /**\n * Retrieve the child template\n *\n * @returns {string}\n */\n function get() {\n return \"Magento_PageBuilder/content-type/master-collection\";\n }\n }]);\n\n return MasterCollection;\n }(_master);\n\n return MasterCollection;\n});\n//# sourceMappingURL=master-collection.js.map","Magento_PageBuilder/js/content-type/preview-collection.js":"/*eslint-disable */\n/* jscs:disable */\n\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }\n\nfunction _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\ndefine([\"Magento_PageBuilder/js/config\", \"Magento_PageBuilder/js/content-type-factory\", \"Magento_PageBuilder/js/content-type/preview\"], function (_config, _contentTypeFactory, _preview) {\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n var PreviewCollection = /*#__PURE__*/function (_preview2) {\n \"use strict\";\n\n _inheritsLoose(PreviewCollection, _preview2);\n\n function PreviewCollection() {\n return _preview2.apply(this, arguments) || this;\n }\n\n var _proto = PreviewCollection.prototype;\n\n /**\n * Duplicate a collection content type\n *\n * @param {ContentTypeCollectionInterface} contentType\n * @param {boolean} autoAppend\n * @param {boolean} direct\n * @returns {Promise<ContentTypeCollectionInterface> | void}\n */\n _proto.clone = function clone(contentType, autoAppend, direct) {\n var _this = this;\n\n if (autoAppend === void 0) {\n autoAppend = true;\n }\n\n if (direct === void 0) {\n direct = false;\n }\n\n var defaultViewport = _config.getConfig(\"defaultViewport\");\n\n var index = contentType.parentContentType.getChildren().indexOf(contentType) + 1 || null;\n var childrenLength = contentType.children ? contentType.children().length : 0;\n return new Promise(function (resolve, reject) {\n (0, _contentTypeFactory)(contentType.config, contentType.parentContentType, contentType.stageId, contentType.dataStores[defaultViewport].getState(), childrenLength, contentType.getDataStoresStates()).then(function (duplicate) {\n if (contentType.children && contentType.children().length > 0) {\n // Duplicate the instances children into the new duplicate\n contentType.children().forEach(function (subChild) {\n var subChildClone = duplicate.preview.clone(subChild, false);\n\n if (subChildClone) {\n subChildClone.then(function (duplicateSubChild) {\n duplicateSubChild.parentContentType = duplicate;\n duplicate.addChild(duplicateSubChild);\n });\n } else {\n reject(\"Unable to duplicate sub child.\");\n }\n });\n }\n\n if (autoAppend) {\n contentType.parentContentType.addChild(duplicate, index);\n }\n\n _this.dispatchContentTypeCloneEvents(contentType, duplicate, index, direct);\n\n resolve(duplicate);\n });\n });\n }\n /**\n * Tries to call specified method of a current content type,\n * and delegates attempt to its' children.\n * @param args\n */\n ;\n\n _proto.delegate = function delegate() {\n var _preview2$prototype$d;\n\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n (_preview2$prototype$d = _preview2.prototype.delegate).call.apply(_preview2$prototype$d, [this].concat(args));\n\n this.contentType.getChildren()().forEach(function (elem) {\n elem.preview.delegate.apply(elem.preview, args);\n });\n }\n /**\n * Does the current instance have any children or values different from the default for it's type?\n *\n * @returns {boolean}\n */\n ;\n\n _proto.isConfigured = function isConfigured() {\n if (this.contentType.children().length > 0) {\n return true;\n }\n\n return _preview2.prototype.isConfigured.call(this);\n };\n\n _createClass(PreviewCollection, [{\n key: \"childTemplate\",\n get:\n /**\n * Retrieve the preview child template\n *\n * @returns {string}\n */\n function get() {\n return \"Magento_PageBuilder/content-type/preview-collection\";\n }\n }]);\n\n return PreviewCollection;\n }(_preview);\n\n return PreviewCollection;\n});\n//# sourceMappingURL=preview-collection.js.map","Magento_PageBuilder/js/content-type/style-registry.js":"/*eslint-disable */\n/* jscs:disable */\ndefine([\"underscore\", \"Magento_PageBuilder/js/utils/string\"], function (_underscore, _string) {\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n var styleRegistries = {};\n var pbStyleAttribute = \"data-pb-style\";\n var styleDataAttribute = \"data-style-id\";\n\n var StyleRegistry = /*#__PURE__*/function () {\n \"use strict\";\n\n function StyleRegistry(identifier) {\n this.styles = {};\n\n if (identifier) {\n styleRegistries[identifier] = this;\n }\n }\n /**\n * Update styles for selector\n *\n * @param selector\n * @param styles\n */\n\n\n var _proto = StyleRegistry.prototype;\n\n _proto.setStyles = function setStyles(selector, styles) {\n this.styles[selector] = styles;\n }\n /**\n * Retrieve styles for a selector\n *\n * @param selector\n */\n ;\n\n _proto.getStyles = function getStyles(selector) {\n if (this.styles[selector]) {\n return this.styles[selector];\n }\n\n return {};\n }\n /**\n * Retrieve all styles\n */\n ;\n\n _proto.getAllStyles = function getAllStyles() {\n return this.styles;\n };\n\n return StyleRegistry;\n }();\n /**\n * Return the style registry\n *\n * @param id\n */\n\n\n function getStyleRegistry(id) {\n return styleRegistries[id] !== undefined ? styleRegistries[id] : null;\n }\n /**\n * Delete the style registry\n *\n * @param id\n */\n\n\n function deleteStyleRegistry(id) {\n if (styleRegistries[id]) {\n delete styleRegistries[id];\n }\n }\n /**\n * Generate CSS from styles\n *\n * @param styles\n */\n\n\n function generateCss(styles) {\n var generatedCss = \"\";\n Object.keys(styles).forEach(function (selector) {\n if (!_underscore.isEmpty(styles[selector])) {\n generatedCss += generateCssBlock(selector, styles[selector]);\n }\n });\n return generatedCss;\n }\n /**\n * Generate styles from an object\n *\n * @param selector\n * @param styles\n */\n\n\n function generateCssBlock(selector, styles) {\n var generatedStyles = \"\";\n Object.keys(styles).forEach(function (key) {\n if (!_underscore.isEmpty(styles[key])) {\n generatedStyles += (0, _string.fromCamelCaseToDash)(key) + \": \" + styles[key] + \"; \";\n }\n });\n return selector + \" { \" + generatedStyles + \" }\";\n }\n\n return Object.assign(StyleRegistry, {\n getStyleRegistry: getStyleRegistry,\n deleteStyleRegistry: deleteStyleRegistry,\n generateCss: generateCss,\n generateCssBlock: generateCssBlock,\n pbStyleAttribute: pbStyleAttribute,\n styleDataAttribute: styleDataAttribute\n });\n});\n//# sourceMappingURL=style-registry.js.map","Magento_PageBuilder/js/content-type/preview-converter-resolver.js":"/*eslint-disable */\n/* jscs:disable */\ndefine([], function () {\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n\n /**\n * Resolve converter\n *\n * @param {DataMappingStyleInterface} config\n * @return string\n */\n function resolve(config) {\n return config.preview_converter ? config.preview_converter : config.converter;\n }\n\n return resolve;\n});\n//# sourceMappingURL=preview-converter-resolver.js.map","Magento_PageBuilder/js/content-type/preview-styles.js":"/*eslint-disable */\n/* jscs:disable */\ndefine([\"knockout\", \"Magento_PageBuilder/js/events\", \"Magento_PageBuilder/js/content-type/style-registry\"], function (_knockout, _events, _styleRegistry) {\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n var PreviewStyles =\n /*#__PURE__*/\n function () {\n \"use strict\";\n\n function PreviewStyles(stageId) {\n var _this = this;\n\n this.styleBlocks = _knockout.observableArray([]);\n this.template = \"Magento_PageBuilder/content-type/preview-styles\";\n this.stageId = stageId;\n\n _events.on(\"styles:update\", function (args) {\n if (args.stageId === _this.stageId) {\n var css = (0, _styleRegistry.generateCssBlock)(args.className, args.styles); // Remove any existing style blocks for the current class name\n\n var existingBlock = _this.styleBlocks().find(function (block) {\n return block.className === args.className;\n });\n\n if (existingBlock) {\n // Don't do an update if the CSS matches\n if (existingBlock.css === css) {\n return;\n }\n\n _this.styleBlocks.splice(_this.styleBlocks().indexOf(existingBlock), 1);\n }\n\n _this.styleBlocks.push({\n className: args.className,\n css: css\n });\n }\n });\n }\n /**\n * Get template.\n *\n * @returns {string}\n */\n\n\n var _proto = PreviewStyles.prototype;\n\n _proto.getTemplate = function getTemplate() {\n return this.template;\n };\n\n return PreviewStyles;\n }();\n\n return PreviewStyles;\n});\n//# sourceMappingURL=preview-styles.js.map","Magento_PageBuilder/js/content-type/master.js":"/*eslint-disable */\n/* jscs:disable */\n\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }\n\ndefine([\"underscore\", \"Magento_PageBuilder/js/utils/object\", \"Magento_PageBuilder/js/content-type/appearance-config\"], function (_underscore, _object, _appearanceConfig) {\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n\n /**\n * @api\n */\n var Master = /*#__PURE__*/function () {\n \"use strict\";\n\n /**\n * @param {ContentTypeInterface} contentType\n * @param {ObservableUpdater} observableUpdater\n */\n function Master(contentType, observableUpdater) {\n this.data = {};\n this.contentType = contentType;\n this.observableUpdater = observableUpdater;\n this.bindEvents();\n }\n /**\n * Retrieve the render template\n *\n * @returns {string}\n */\n\n\n var _proto = Master.prototype;\n\n /**\n * Get content type data\n *\n * @param {string} element\n * @returns {DataObject}\n * @deprecated\n */\n _proto.getData = function getData(element) {\n var data = _underscore.extend({}, this.contentType.dataStore.getState());\n\n if (undefined === element) {\n return data;\n }\n\n var appearanceConfiguration = (0, _appearanceConfig)(this.contentType.config.name, data.appearance);\n var config = appearanceConfiguration.elements;\n data = this.observableUpdater.convertData(data, appearanceConfiguration.converters);\n var result = {};\n\n if (undefined !== config[element].tag.var) {\n result[config[element].tag.var] = (0, _object.get)(data, config[element].tag.var);\n }\n\n return result;\n }\n /**\n * Destroys current instance\n */\n ;\n\n _proto.destroy = function destroy() {\n return;\n }\n /**\n * Attach event to updating data in data store to update observables\n */\n ;\n\n _proto.bindEvents = function bindEvents() {\n var _this = this;\n\n this.contentType.dataStore.subscribe(function () {\n _this.updateObservables();\n });\n }\n /**\n * After observables updated, allows to modify observables\n */\n ;\n\n _proto.afterObservablesUpdated = function afterObservablesUpdated() {\n return;\n }\n /**\n * Update observables\n *\n * @deprecated\n */\n ;\n\n _proto.updateObservables = function updateObservables() {\n this.observableUpdater.update(this, _underscore.extend({\n name: this.contentType.config.name\n }, this.contentType.dataStore.getState()), this.contentType.getDataStoresStates());\n this.afterObservablesUpdated();\n };\n\n _createClass(Master, [{\n key: \"template\",\n get: function get() {\n return (0, _appearanceConfig)(this.contentType.config.name, this.getData().appearance).master_template;\n }\n }]);\n\n return Master;\n }();\n\n return Master;\n});\n//# sourceMappingURL=master.js.map","Magento_PageBuilder/js/content-type/preview-factory.js":"/*eslint-disable */\n/* jscs:disable */\ndefine([\"Magento_PageBuilder/js/utils/loader\", \"Magento_PageBuilder/js/content-type/observable-updater-factory\", \"Magento_PageBuilder/js/content-type/preview-converter-resolver\"], function (_loader, _observableUpdaterFactory, _previewConverterResolver) {\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n\n /**\n * Create new preview instance\n *\n * @param {ContentTypeInterface | ContentTypeCollectionInterface} contentType\n * @param {ContentTypeConfigInterface} config\n * @returns {Promise<Preview | PreviewCollection>}\n */\n function create(contentType, config) {\n return new Promise(function (resolve, reject) {\n (0, _observableUpdaterFactory)(config, _previewConverterResolver).then(function (observableUpdater) {\n (0, _loader)([config.preview_component], function (previewComponent) {\n try {\n var preview = new previewComponent(contentType, config, observableUpdater);\n resolve(preview);\n } catch (error) {\n reject(\"Error within preview component (\" + config.preview_component + \") for \" + config.name + \".\");\n console.error(error);\n }\n }, function (error) {\n reject(\"Unable to load preview component (\" + config.preview_component + \") for \" + config.name + \". Please \" + \"check preview component exists and content type configuration is correct.\");\n console.error(error);\n });\n }).catch(function (error) {\n console.error(error);\n return null;\n });\n });\n }\n\n return create;\n});\n//# sourceMappingURL=preview-factory.js.map","Magento_PageBuilder/js/content-type/observable-updater-factory.js":"/*eslint-disable */\n/* jscs:disable */\ndefine([\"Magento_PageBuilder/js/converter/converter-pool-factory\", \"Magento_PageBuilder/js/mass-converter/converter-pool-factory\", \"Magento_PageBuilder/js/content-type/observable-updater\"], function (_converterPoolFactory, _converterPoolFactory2, _observableUpdater) {\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n\n /**\n * Create new observable updater instance\n *\n * @param {ContentTypeConfigInterface} config\n * @param {Function} converterResolver\n * @returns {Promise<ObservableUpdater>}\n */\n function create(config, converterResolver) {\n var promises = [(0, _converterPoolFactory)(config.name), (0, _converterPoolFactory2)(config.name)];\n return new Promise(function (resolve) {\n Promise.all(promises).then(function (resolvedPromises) {\n var converterPool = resolvedPromises[0],\n massConverterPool = resolvedPromises[1];\n resolve(new _observableUpdater(converterPool, massConverterPool, converterResolver));\n }).catch(function (error) {\n console.error(error);\n return null;\n });\n });\n }\n\n return create;\n});\n//# sourceMappingURL=observable-updater-factory.js.map","Magento_PageBuilder/js/content-type/converter-resolver.js":"/*eslint-disable */\n/* jscs:disable */\ndefine([], function () {\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n\n /**\n * Resolve converter\n *\n * @param {DataMappingInterface} config\n * @return string\n */\n function resolve(config) {\n return config.converter;\n }\n\n return resolve;\n});\n//# sourceMappingURL=converter-resolver.js.map","Magento_PageBuilder/js/content-type/preview.js":"/*eslint-disable */\n/* jscs:disable */\n\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }\n\ndefine([\"jquery\", \"knockout\", \"mage/translate\", \"Magento_PageBuilder/js/events\", \"Magento_PageBuilder/js/modal/dismissible-confirm\", \"underscore\", \"Magento_PageBuilder/js/binding/live-edit\", \"Magento_PageBuilder/js/binding/sortable\", \"Magento_PageBuilder/js/binding/sortable-children\", \"Magento_PageBuilder/js/config\", \"Magento_PageBuilder/js/content-type-collection\", \"Magento_PageBuilder/js/content-type-factory\", \"Magento_PageBuilder/js/content-type-menu\", \"Magento_PageBuilder/js/content-type-menu/edit\", \"Magento_PageBuilder/js/content-type-menu/option\", \"Magento_PageBuilder/js/content-type-menu/title-option\", \"Magento_PageBuilder/js/drag-drop/registry\", \"Magento_PageBuilder/js/drag-drop/sortable\", \"Magento_PageBuilder/js/utils/check-stage-full-screen\", \"Magento_PageBuilder/js/utils/object\", \"Magento_PageBuilder/js/content-type/appearance-config\"], function (_jquery, _knockout, _translate, _events, _dismissibleConfirm, _underscore, _liveEdit, _sortable, _sortableChildren, _config, _contentTypeCollection, _contentTypeFactory, _contentTypeMenu, _edit, _option, _titleOption, _registry, _sortable2, _checkStageFullScreen, _object, _appearanceConfig) {\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n\n /**\n * @api\n */\n var Preview = /*#__PURE__*/function () {\n \"use strict\";\n\n /**\n * Provide preview data as an object which can be queried\n *\n * @deprecated please use getOptionValue directly\n */\n\n /**\n * Fields that should not be considered when evaluating whether an object has been configured.\n *\n * @see {Preview.isConfigured}\n * @type {[string]}\n */\n\n /**\n * @param {ContentTypeInterface} contentType\n * @param {ContentTypeConfigInterface} config\n * @param {ObservableUpdater} observableUpdater\n */\n function Preview(contentType, config, observableUpdater) {\n this.data = {};\n this.displayLabel = _knockout.observable();\n this.display = _knockout.observable(true);\n this.appearance = _knockout.observable();\n this.isPlaceholderVisible = _knockout.observable(true);\n this.isEmpty = _knockout.observable(true);\n this.viewport = _knockout.observable(\"\");\n this.previewData = {};\n this.fieldsToIgnoreOnRemove = [];\n this.events = {};\n this.isSnapshot = _knockout.observable(false);\n this.mouseover = false;\n this.contentType = contentType;\n this.config = config;\n this.edit = new _edit(this.contentType, this.contentType.dataStore);\n this.optionsMenu = new _contentTypeMenu(this, this.retrieveOptions());\n this.observableUpdater = observableUpdater;\n this.displayLabel(this.config.label);\n this.placeholderCss = _knockout.observable({\n \"visible\": this.isEmpty,\n \"empty-placeholder-background\": this.isPlaceholderVisible\n });\n\n if (_config.getConfig(\"pagebuilder_content_snapshot\")) {\n this.isSnapshot(!(0, _checkStageFullScreen)(this.contentType.stageId));\n }\n\n this.viewport(_config.getConfig(\"viewport\"));\n this.bindEvents();\n this.populatePreviewData();\n }\n /**\n * Retrieve the preview template\n *\n * @returns {string}\n */\n\n\n var _proto = Preview.prototype;\n\n /**\n * Calls methods by event name.\n *\n * @param {string} eventName\n * @param {any} params\n */\n _proto.trigger = function trigger(eventName, params) {\n var _this = this;\n\n if (this.events[eventName]) {\n var methods = this.events[eventName];\n\n _underscore.each(methods.split(\" \"), function (methodName) {\n var method = _this[methodName];\n\n if (method) {\n method.call(_this, params);\n }\n }, this);\n }\n }\n /**\n * Tries to call specified method of a current content type.\n *\n * @param args\n */\n ;\n\n _proto.delegate = function delegate() {\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n var methodName = args.slice(0, 1)[0];\n var method = this[methodName];\n\n if (method) {\n method.apply(this, args.slice(1, args.length));\n }\n }\n /**\n * Open the edit form for this content type\n */\n ;\n\n _proto.openEdit = function openEdit() {\n return this.edit.open();\n }\n /**\n * Update data store\n *\n * @param {string} key\n * @param {string} value\n */\n ;\n\n _proto.updateData = function updateData(key, value) {\n this.contentType.dataStore.set(key, value);\n }\n /**\n * Retrieve the value for an option\n *\n * @param key\n */\n ;\n\n _proto.getOptionValue = function getOptionValue(key) {\n return this.contentType.dataStore.get(key);\n }\n /**\n * Set state based on mouseover event for the preview\n *\n * @param {Preview} context\n * @param {Event} event\n */\n ;\n\n _proto.onMouseOver = function onMouseOver(context, event) {\n if (this.mouseover || (0, _registry.getDraggedContentTypeConfig)()) {\n return;\n } // Ensure no other options panel is displayed\n\n\n (0, _jquery)(\".pagebuilder-options-visible\").removeClass(\"pagebuilder-options-visible\");\n this.mouseover = true;\n this.mouseoverContext = context;\n var currentTarget = event.currentTarget;\n var optionsMenu = (0, _jquery)(currentTarget).find(\".pagebuilder-options-wrapper\");\n\n if (!(0, _jquery)(currentTarget).hasClass(\"type-nested\")) {\n optionsMenu = optionsMenu.first();\n }\n\n var middleOfPreview = currentTarget.getBoundingClientRect().left + currentTarget.offsetWidth / 2; // Check for space for option menu\n\n if (window.innerWidth - middleOfPreview > optionsMenu.width() / 2) {\n optionsMenu.parent().addClass(\"pagebuilder-options-middle\");\n } else {\n optionsMenu.parent().removeClass(\"pagebuilder-options-middle\");\n }\n\n optionsMenu.parent().addClass(\"pagebuilder-options-visible\");\n (0, _jquery)(currentTarget).addClass(\"pagebuilder-content-type-active\");\n }\n /**\n * Set state based on mouseout event for the preview\n *\n * @param {Preview} context\n * @param {Event} event\n */\n ;\n\n _proto.onMouseOut = function onMouseOut(context, event) {\n var _this2 = this;\n\n this.mouseover = false;\n\n if ((0, _registry.getDraggedContentTypeConfig)()) {\n return;\n }\n\n _underscore.delay(function () {\n if (!_this2.mouseover && _this2.mouseoverContext === context) {\n var currentTarget = event.currentTarget;\n var optionsMenu = (0, _jquery)(currentTarget).find(\".pagebuilder-options-wrapper\");\n\n if (!(0, _jquery)(currentTarget).hasClass(\"type-nested\")) {\n optionsMenu = optionsMenu.first();\n }\n\n optionsMenu.parent().removeClass(\"pagebuilder-options-visible\");\n (0, _jquery)(currentTarget).removeClass(\"pagebuilder-content-type-active\");\n }\n }, 100); // 100 ms delay to allow for users hovering over other elements\n\n }\n /**\n * After children render fire an event\n *\n * @param {Element} element\n * @deprecated\n */\n ;\n\n _proto.afterChildrenRender = function afterChildrenRender(element) {\n _events.trigger(\"contentType:childrenRenderAfter\", {\n id: this.contentType.id,\n contentType: this.contentType,\n element: element\n });\n\n _events.trigger(this.contentType.config.name + \":childrenRenderAfter\", {\n contentType: this.contentType,\n element: element,\n id: this.contentType.id\n });\n }\n /**\n * Dispatch an after render event for individual content types\n *\n * @param {Element[]} elements\n */\n ;\n\n _proto.dispatchAfterRenderEvent = function dispatchAfterRenderEvent(elements) {\n var elementNodes = elements.filter(function (renderedElement) {\n return renderedElement.nodeType === Node.ELEMENT_NODE;\n });\n\n if (elementNodes.length > 0) {\n var element = elementNodes[0];\n this.wrapperElement = element;\n\n _events.trigger(\"contentType:renderAfter\", {\n id: this.contentType.id,\n contentType: this.contentType,\n element: element\n });\n\n _events.trigger(this.contentType.config.name + \":renderAfter\", {\n contentType: this.contentType,\n element: element,\n id: this.contentType.id\n });\n\n this.disableImageUploadOnHide(element);\n }\n }\n /**\n * Get the options instance\n *\n * @returns {ContentTypeMenu}\n */\n ;\n\n _proto.getOptions = function getOptions() {\n return this.optionsMenu;\n }\n /**\n * Handle user editing an instance\n */\n ;\n\n _proto.onOptionEdit = function onOptionEdit() {\n this.openEdit();\n }\n /**\n * Reverse the display data currently in the data store\n */\n ;\n\n _proto.onOptionVisibilityToggle = function onOptionVisibilityToggle() {\n var display = this.contentType.dataStore.get(\"display\");\n this.contentType.dataStore.set(\"display\", !display);\n this.dispatchContentTypeVisibilityEvents(this.contentType, !display);\n }\n /**\n * Handle duplicate of items\n */\n ;\n\n _proto.onOptionDuplicate = function onOptionDuplicate() {\n this.clone(this.contentType, true, true);\n }\n /**\n * Duplicate content type\n *\n * @param {ContentTypeInterface | ContentTypeCollectionInterface} contentType\n * @param {boolean} autoAppend\n * @param {boolean} direct\n * @returns {Promise<ContentTypeInterface> | void}\n */\n ;\n\n _proto.clone = function clone(contentType, autoAppend, direct) {\n var _this3 = this;\n\n if (autoAppend === void 0) {\n autoAppend = true;\n }\n\n if (direct === void 0) {\n direct = false;\n }\n\n var defaultViewport = _config.getConfig(\"defaultViewport\");\n\n var contentTypeData = contentType.dataStores[defaultViewport].getState();\n var index = contentType.parentContentType.getChildren()().indexOf(contentType) + 1 || null;\n return (0, _contentTypeFactory)(contentType.config, contentType.parentContentType, contentType.stageId, contentTypeData, 0, contentType.getDataStoresStates()).then(function (duplicateContentType) {\n if (autoAppend) {\n contentType.parentContentType.addChild(duplicateContentType, index);\n }\n\n _this3.dispatchContentTypeCloneEvents(contentType, duplicateContentType, index, direct);\n\n return duplicateContentType;\n });\n }\n /**\n * Handle content type removal\n */\n ;\n\n _proto.onOptionRemove = function onOptionRemove() {\n var _this4 = this;\n\n var removeContentType = function removeContentType() {\n if (_this4.wrapperElement) {\n // Fade out the content type\n (0, _jquery)(_this4.wrapperElement).fadeOut(350 / 2, function () {\n _this4.contentType.destroy();\n });\n } else {\n _this4.contentType.destroy();\n }\n };\n\n if (this.isConfigured()) {\n (0, _dismissibleConfirm)({\n actions: {\n confirm: function confirm() {\n // Call the parent to remove the child element\n removeContentType();\n }\n },\n content: (0, _translate)(\"Are you sure you want to remove this item? The data within this item is not recoverable once removed.\"),\n // tslint:disable-line:max-line-length\n dismissKey: \"pagebuilder_modal_dismissed\",\n dismissible: true,\n title: (0, _translate)(\"Confirm Item Removal\")\n });\n } else {\n removeContentType();\n }\n }\n /**\n * Determine if the container can receive drop events? With the current matrix system everything can unless\n * specified in an inherited preview instance.\n *\n * @returns {boolean}\n */\n ;\n\n _proto.isContainer = function isContainer() {\n return true;\n }\n /**\n * Return the sortable options\n *\n * @returns {JQueryUI.SortableOptions}\n */\n ;\n\n _proto.getSortableOptions = function getSortableOptions() {\n return (0, _sortable2.getSortableOptions)(this);\n }\n /**\n * Destroys current instance\n */\n ;\n\n _proto.destroy = function destroy() {\n return;\n }\n /**\n * Get the CSS classes for the children element, as we dynamically create this class name it can't sit in the DOM\n * without causing browser issues\n *\n * @returns {{[p: string]: boolean}}\n */\n ;\n\n _proto.getChildrenCss = function getChildrenCss() {\n var _ref;\n\n return _ref = {}, _ref[this.config.name + \"-container\"] = true, _ref;\n }\n /**\n * Return an array of options\n *\n * @returns {OptionsInterface}\n */\n ;\n\n _proto.retrieveOptions = function retrieveOptions() {\n var options = {\n move: new _option({\n preview: this,\n icon: \"<i class='icon-admin-pagebuilder-handle'></i>\",\n title: (0, _translate)(\"Move\"),\n classes: [\"move-structural\"],\n sort: 10\n }),\n title: new _titleOption({\n preview: this,\n title: this.config.label,\n template: \"Magento_PageBuilder/content-type/title\",\n sort: 20\n }),\n edit: new _option({\n preview: this,\n icon: \"<i class='icon-admin-pagebuilder-systems'></i>\",\n title: (0, _translate)(\"Edit\"),\n action: this.onOptionEdit,\n classes: [\"edit-content-type\"],\n sort: 30\n }),\n duplicate: new _option({\n preview: this,\n icon: \"<i class='icon-pagebuilder-copy'></i>\",\n title: (0, _translate)(\"Duplicate\"),\n action: this.onOptionDuplicate,\n classes: [\"duplicate-structural\"],\n sort: 50\n }),\n remove: new _option({\n preview: this,\n icon: \"<i class='icon-admin-pagebuilder-remove'></i>\",\n title: (0, _translate)(\"Remove\"),\n action: this.onOptionRemove,\n classes: [\"remove-structural\"],\n sort: 60\n })\n };\n return options;\n }\n /**\n * Dispatch content type clone events\n *\n * @param {ContentTypeInterface | ContentTypeCollectionInterface} originalContentType\n * @param {ContentTypeInterface | ContentTypeCollectionInterface} duplicateContentType\n * @param {number} index\n * @param {boolean} direct\n */\n ;\n\n _proto.dispatchContentTypeCloneEvents = function dispatchContentTypeCloneEvents(originalContentType, duplicateContentType, index, direct) {\n var duplicateEventParams = {\n originalContentType: originalContentType,\n duplicateContentType: duplicateContentType,\n index: index,\n direct: direct\n };\n\n _events.trigger(\"contentType:duplicateAfter\", duplicateEventParams);\n\n _events.trigger(originalContentType.config.name + \":duplicateAfter\", duplicateEventParams);\n }\n /**\n * Dispatch content type visibility events\n *\n * @param {ContentTypeInterface | ContentTypeCollectionInterface} contentType\n * @param {boolean} visibility\n */\n ;\n\n _proto.dispatchContentTypeVisibilityEvents = function dispatchContentTypeVisibilityEvents(contentType, visibility) {\n var visibilityEventParams = {\n contentType: contentType,\n visibility: visibility\n };\n\n _events.trigger(\"contentType:visibilityAfter\", visibilityEventParams);\n\n _events.trigger(contentType.config.name + \":visibilityAfter\", visibilityEventParams);\n }\n /**\n * Bind events\n */\n ;\n\n _proto.bindEvents = function bindEvents() {\n var _this5 = this;\n\n var fullScreenModeChangeAfterEvent = \"stage:\" + this.contentType.stageId + \":fullScreenModeChangeAfter\";\n this.contentType.dataStore.subscribe(function (data) {\n _this5.updateObservables();\n\n _this5.updatePlaceholderVisibility(data); // Keep a reference to the display state in an observable for adding classes to the wrapper\n\n\n _this5.display(!!data.display);\n\n _this5.appearance(data.appearance);\n });\n\n if (this.contentType instanceof _contentTypeCollection) {\n this.contentType.children.subscribe(function (children) {\n _this5.isEmpty(!children.length);\n });\n }\n\n _events.on(fullScreenModeChangeAfterEvent, this.toggleSnapshot.bind(this));\n\n _events.on(\"stage:\" + this.contentType.stageId + \":viewportChangeAfter\", function (args) {\n _this5.viewport(args.viewport);\n });\n }\n /**\n * After observables updated, allows to modify observables\n */\n ;\n\n _proto.afterObservablesUpdated = function afterObservablesUpdated() {\n return;\n }\n /**\n * Does the current instance have any children or values different from the default for it's type?\n *\n * @returns {boolean}\n */\n ;\n\n _proto.isConfigured = function isConfigured() {\n var _this6 = this;\n\n var data = this.contentType.dataStore.getState();\n var fields = this.contentType.config.fields[this.appearance() + \"-appearance\"] || this.contentType.config.fields.default;\n var hasDataChanges = false;\n\n _underscore.each(fields, function (field, key) {\n if (_this6.fieldsToIgnoreOnRemove && _this6.fieldsToIgnoreOnRemove.includes(key)) {\n return;\n }\n\n var fieldValue = (0, _object.get)(data, key);\n\n if (!fieldValue) {\n fieldValue = \"\";\n } // Default values can only ever be strings\n\n\n if (_underscore.isObject(fieldValue)) {\n // Empty arrays as default values appear as empty strings\n if (_underscore.isArray(fieldValue) && fieldValue.length === 0) {\n fieldValue = \"\";\n } else {\n fieldValue = JSON.stringify(fieldValue);\n }\n }\n\n if (_underscore.isObject(field.default)) {\n if (JSON.stringify(field.default) !== fieldValue) {\n hasDataChanges = true;\n }\n } else if (field.default !== fieldValue) {\n hasDataChanges = true;\n }\n\n return;\n });\n\n return hasDataChanges;\n }\n /**\n * Any hidden element should block drag / drop events from uploading images from the OS. We have to block this for\n * all elements as underlying elements could still receive the events if a parent is hidden.\n *\n * @param {Element} element\n */\n ;\n\n _proto.disableImageUploadOnHide = function disableImageUploadOnHide(element) {\n var _this7 = this;\n\n (0, _jquery)(element).on(\"drag dragstart dragend dragover dragenter dragleave drop\", function (event) {\n if (_this7.display() === false) {\n event.preventDefault();\n event.stopPropagation();\n }\n });\n }\n /**\n * Update observables\n */\n ;\n\n _proto.updateObservables = function updateObservables() {\n this.observableUpdater.update(this, _underscore.extend({}, this.contentType.dataStore.getState()));\n this.afterObservablesUpdated();\n }\n /**\n * Update placeholder background visibility base on height and padding\n *\n * @param {DataObject} data\n */\n ;\n\n _proto.updatePlaceholderVisibility = function updatePlaceholderVisibility(data) {\n var minHeight = !_underscore.isEmpty(data.min_height) ? parseFloat(data.min_height) : 130;\n var marginsAndPadding = _underscore.isString(data.margins_and_padding) && data.margins_and_padding ? JSON.parse(data.margins_and_padding) : data.margins_and_padding || {};\n var padding = marginsAndPadding.padding || {};\n var paddingBottom = parseFloat(padding.bottom) || 0;\n var paddingTop = parseFloat(padding.top) || 0;\n this.isPlaceholderVisible(paddingBottom + paddingTop + minHeight >= 130);\n }\n /**\n * Populate the preview data with calls to the supported getOptionValue method\n *\n * @deprecated this function is only included to preserve backwards compatibility, use getOptionValue directly\n */\n ;\n\n _proto.populatePreviewData = function populatePreviewData() {\n var _this8 = this;\n\n if (this.config.fields) {\n _underscore.each(this.config.fields, function (fields) {\n _underscore.keys(fields).forEach(function (key) {\n _this8.previewData[key] = _knockout.observable(\"\");\n });\n });\n } // Subscribe to this content types data in the store\n\n\n this.contentType.dataStore.subscribe(function (data) {\n _underscore.forEach(data, function (value, key) {\n var optionValue = _this8.getOptionValue(key);\n\n if (_knockout.isObservable(_this8.previewData[key])) {\n _this8.previewData[key](optionValue);\n } else {\n if (_underscore.isArray(optionValue)) {\n _this8.previewData[key] = _knockout.observableArray(optionValue);\n } else {\n _this8.previewData[key] = _knockout.observable(optionValue);\n }\n }\n });\n });\n }\n /**\n * Enable snapshot mode.\n * @param args\n */\n ;\n\n _proto.toggleSnapshot = function toggleSnapshot(args) {\n if (_config.getConfig(\"pagebuilder_content_snapshot\")) {\n this.isSnapshot(!args.fullScreen);\n }\n };\n\n _createClass(Preview, [{\n key: \"template\",\n get: function get() {\n return (0, _appearanceConfig)(this.config.name, this.appearance()).preview_template;\n }\n }]);\n\n return Preview;\n }();\n\n return Preview;\n});\n//# sourceMappingURL=preview.js.map","Magento_PageBuilder/js/content-type/observable-updater.js":"/*eslint-disable */\n/* jscs:disable */\n\nfunction _createForOfIteratorHelperLoose(o, allowArrayLike) { var it = typeof Symbol !== \"undefined\" && o[Symbol.iterator] || o[\"@@iterator\"]; if (it) return (it = it.call(o)).next.bind(it); if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === \"number\") { if (it) o = it; var i = 0; return function () { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }; } throw new TypeError(\"Invalid attempt to iterate non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\n\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(o); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\n\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }\n\ndefine([\"consoleLogger\", \"knockout\", \"underscore\", \"Magento_PageBuilder/js/config\", \"Magento_PageBuilder/js/content-type/appearance-config\", \"Magento_PageBuilder/js/content-type/observable-updater/attributes\", \"Magento_PageBuilder/js/content-type/observable-updater/css\", \"Magento_PageBuilder/js/content-type/observable-updater/html\", \"Magento_PageBuilder/js/content-type/observable-updater/style\"], function (_consoleLogger, _knockout, _underscore, _config, _appearanceConfig, _attributes, _css, _html, _style) {\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n var ObservableUpdater = /*#__PURE__*/function () {\n \"use strict\";\n\n /**\n * @param {typeof ConverterPool} converterPool\n * @param {typeof MassConverterPool} massConverterPool\n * @param {(config: object) => string} converterResolver\n */\n function ObservableUpdater(converterPool, massConverterPool, converterResolver) {\n this.previousData = {};\n this.bindingGenerators = {\n attributes: _attributes,\n css: _css,\n html: _html,\n style: _style\n };\n this.converterPool = converterPool;\n this.massConverterPool = massConverterPool;\n this.converterResolver = converterResolver;\n }\n /**\n * Update the associated viewModel with the generated data\n *\n * We create an API for each potential binding and make it available in the master and preview templates through\n * the data variable. Each data variable will have associated observables that are updated on a data change.\n *\n * @param {Preview} viewModel\n * @param {DataObject} data\n * @param {DataObject} dataStores\n */\n\n\n var _proto = ObservableUpdater.prototype;\n\n _proto.update = function update(viewModel, data, dataStores) {\n var appearance = data && data.appearance !== undefined ? data.appearance : undefined;\n var appearanceConfiguration = (0, _appearanceConfig)(viewModel.contentType.config.name, appearance);\n\n if (undefined === appearanceConfiguration || undefined === appearanceConfiguration.elements) {\n return;\n } // Generate Knockout bindings in objects for usage in preview and master templates\n\n\n var generatedBindings = this.generateKnockoutBindings(appearanceConfiguration.elements, appearanceConfiguration.converters, data, dataStores);\n\n var _loop = function _loop(element) {\n if (generatedBindings.hasOwnProperty(element)) {\n // Ensure every element is represented by an object\n if (viewModel.data[element] === undefined) {\n viewModel.data[element] = {};\n }\n /**\n * Iterate through each elements data (css, style, attributes) and apply data updates within the\n * observable. If no observable already exists create a new one.\n */\n\n\n Object.keys(generatedBindings[element]).forEach(function (key) {\n var elementBindings = viewModel.data[element][key];\n\n if (elementBindings !== undefined && _knockout.isObservable(elementBindings)) {\n elementBindings(generatedBindings[element][key]);\n } else {\n viewModel.data[element][key] = _knockout.observable(generatedBindings[element][key]);\n }\n });\n }\n };\n\n for (var element in generatedBindings) {\n _loop(element);\n }\n }\n /**\n * Generate binding object to be applied to master format\n *\n * This function iterates through each element defined in the content types XML and generates a nested object of\n * the associated Knockout binding data. We support 5 bindings attributes, style, css, html & tag.\n *\n * @param elements\n * @param converters\n * @param data\n * @param dataStoreStates\n */\n ;\n\n _proto.generateKnockoutBindings = function generateKnockoutBindings(elements, converters, data, dataStoreStates) {\n var convertedData = this.convertData(data, converters);\n var generatedData = {};\n\n for (var _i = 0, _Object$keys = Object.keys(elements); _i < _Object$keys.length; _i++) {\n var elementName = _Object$keys[_i];\n var elementConfig = elements[elementName];\n\n if (this.previousData[elementName] === undefined) {\n this.previousData[elementName] = {};\n }\n\n generatedData[elementName] = {\n attributes: this.generateKnockoutBinding(\"attributes\", elementName, elementConfig, data),\n style: _config.getMode() === \"Preview\" ? this.generateKnockoutBinding(\"style\", elementName, elementConfig, data) : this.generateKnockoutBindingForBreakpoints(\"style\", elementName, elementConfig, data, dataStoreStates),\n css: elementConfig.css.var in convertedData ? this.generateKnockoutBinding(\"css\", elementName, elementConfig, data) : {},\n html: this.generateKnockoutBinding(\"html\", elementName, elementConfig, data)\n };\n\n if (elementConfig.tag !== undefined && elementConfig.tag.var !== undefined) {\n if (generatedData[elementName][elementConfig.tag.var] === undefined) {\n generatedData[elementName][elementConfig.tag.var] = \"\";\n }\n\n generatedData[elementName][elementConfig.tag.var] = convertedData[elementConfig.tag.var];\n }\n }\n\n return generatedData;\n }\n /**\n * Process data for elements before its converted to knockout format\n *\n * @param {object} data\n * @param {ConverterInterface[]} convertersConfig\n * @returns {object}\n */\n ;\n\n _proto.convertData = function convertData(data, convertersConfig) {\n for (var _iterator = _createForOfIteratorHelperLoose(convertersConfig), _step; !(_step = _iterator()).done;) {\n var converterConfig = _step.value;\n this.massConverterPool.get(converterConfig.component).toDom(data, converterConfig.config);\n }\n\n return data;\n }\n /**\n * Generate an individual knockout binding\n *\n * @param binding\n * @param elementName\n * @param config\n * @param data\n */\n ;\n\n _proto.generateKnockoutBinding = function generateKnockoutBinding(binding, elementName, config, data) {\n if (config[binding] === undefined) {\n return {};\n }\n\n var previousData = {};\n\n if (this.previousData[elementName][binding] !== undefined) {\n previousData = this.previousData[elementName][binding];\n }\n\n if (this.bindingGenerators[binding] === undefined) {\n _consoleLogger.error(\"Unable to find Knockout binding generator for \" + binding);\n\n return {};\n } // Generate the associated binding using our dedicated generators\n\n\n var generatedBindingData = this.bindingGenerators[binding](elementName, config, data, this.converterResolver, this.converterPool, previousData);\n this.previousData[elementName][binding] = generatedBindingData;\n return generatedBindingData;\n }\n /**\n * Generate an individual knockout binding for breakpoints\n *\n * @param binding\n * @param elementName\n * @param config\n * @param data\n * @param dataStoreStates\n */\n ;\n\n _proto.generateKnockoutBindingForBreakpoints = function generateKnockoutBindingForBreakpoints(binding, elementName, config, data, dataStoreStates) {\n var _this = this;\n\n var result = {};\n Object.keys(dataStoreStates).forEach(function (name) {\n result[name] = _underscore.isEmpty(dataStoreStates[name]) ? {} : _this.generateKnockoutBinding(binding, elementName, config, dataStoreStates[name]);\n });\n return result;\n };\n\n return ObservableUpdater;\n }();\n\n return ObservableUpdater;\n});\n//# sourceMappingURL=observable-updater.js.map","Magento_PageBuilder/js/content-type/master-factory.js":"/*eslint-disable */\n/* jscs:disable */\ndefine([\"Magento_PageBuilder/js/utils/loader\", \"Magento_PageBuilder/js/content-type/converter-resolver\", \"Magento_PageBuilder/js/content-type/observable-updater-factory\"], function (_loader, _converterResolver, _observableUpdaterFactory) {\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n\n /**\n * Create new content instance\n *\n * @param {ContentTypeInterface | ContentTypeCollectionInterface} contentType\n * @param {ContentTypeConfigInterface} config\n * @returns {Promise<ContentTypeInterface>}\n */\n function create(contentType, config) {\n return new Promise(function (resolve, reject) {\n (0, _observableUpdaterFactory)(config, _converterResolver).then(function (observableUpdater) {\n (0, _loader)([config.master_component], function (masterComponent) {\n try {\n var master = new masterComponent(contentType, observableUpdater);\n resolve(master);\n } catch (error) {\n reject(\"Error within master component (\" + config.master_component + \") for \" + config.name + \".\");\n console.error(error);\n }\n }, function (error) {\n reject(\"Unable to load preview component (\" + config.master_component + \") for \" + config.name + \". Please \" + \"check preview component exists and content type configuration is correct.\");\n console.error(error);\n });\n }).catch(function (error) {\n console.error(error);\n return null;\n });\n });\n }\n\n return create;\n});\n//# sourceMappingURL=master-factory.js.map","Magento_PageBuilder/js/content-type/button-item/preview.js":"/*eslint-disable */\n/* jscs:disable */\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\ndefine([\"jquery\", \"knockout\", \"mage/translate\", \"Magento_PageBuilder/js/content-type-menu/conditional-remove-option\", \"Magento_PageBuilder/js/content-type/preview\"], function (_jquery, _knockout, _translate, _conditionalRemoveOption, _preview) {\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n\n /**\n * @api\n */\n var Preview = /*#__PURE__*/function (_preview2) {\n \"use strict\";\n\n _inheritsLoose(Preview, _preview2);\n\n function Preview() {\n var _this;\n\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n _this = _preview2.call.apply(_preview2, [this].concat(args)) || this;\n _this.buttonPlaceholder = (0, _translate)(\"Edit Button Text\");\n return _this;\n }\n\n var _proto = Preview.prototype;\n\n /**\n * Use the conditional remove to disable the option when the parent has a single child\n *\n * @returns {OptionsInterface}\n */\n _proto.retrieveOptions = function retrieveOptions() {\n var options = _preview2.prototype.retrieveOptions.call(this);\n\n delete options.title;\n delete options.move;\n options.remove = new _conditionalRemoveOption(_extends({}, options.remove.config, {\n preview: this\n }));\n return options;\n }\n /**\n * Force the focus on the clicked button\n *\n * @param {number} index\n * @param {JQueryEventObject} event\n */\n ;\n\n _proto.onClick = function onClick(index, event) {\n (0, _jquery)(event.currentTarget).find(\"[contenteditable]\").focus();\n event.stopPropagation();\n }\n /**\n * Handle on focus out events, when the button item is focused out we need to set our focusedButton record on the\n * buttons preview item to null. If we detect this focus out event is to focus into another button we need to ensure\n * we update the record appropriately.\n *\n * @param {number} index\n * @param {Event} event\n */\n ;\n\n _proto.onFocusOut = function onFocusOut(index, event) {\n if (this.contentType && this.contentType.parentContentType) {\n var parentPreview = this.contentType.parentContentType.preview;\n\n var unfocus = function unfocus() {\n window.getSelection().removeAllRanges();\n parentPreview.focusedButton(null);\n };\n\n if (event.relatedTarget && _jquery.contains(parentPreview.wrapperElement, event.relatedTarget)) {\n // Verify the focus was not onto the options menu\n if ((0, _jquery)(event.relatedTarget).closest(\".pagebuilder-options\").length > 0) {\n unfocus();\n } else {\n // Have we moved the focus onto another button in the current group?\n var buttonItem = _knockout.dataFor(event.relatedTarget);\n\n if (buttonItem && buttonItem.contentType && buttonItem.contentType.parentContentType && buttonItem.contentType.parentContentType.id === this.contentType.parentContentType.id) {\n var newIndex = buttonItem.contentType.parentContentType.children().indexOf(buttonItem.contentType);\n parentPreview.focusedButton(newIndex);\n } else {\n unfocus();\n }\n }\n } else if (parentPreview.focusedButton() === index) {\n unfocus();\n }\n }\n }\n /**\n * On focus in set the focused button\n *\n * @param {number} index\n * @param {Event} event\n */\n ;\n\n _proto.onFocusIn = function onFocusIn(index, event) {\n var parentPreview = this.contentType.parentContentType.preview;\n\n if (parentPreview.focusedButton() !== index) {\n parentPreview.focusedButton(index);\n }\n }\n /**\n * If the button is displayed we need to show the options menu on hover\n *\n * @param {Preview} context\n * @param {Event} event\n */\n ;\n\n _proto.onButtonMouseOver = function onButtonMouseOver(context, event) {\n if (this.display() === false) {\n this.onMouseOver(context, event);\n }\n }\n /**\n * If the button is displayed we need to hide the options menu on mouse out\n *\n * @param {Preview} context\n * @param {Event} event\n */\n ;\n\n _proto.onButtonMouseOut = function onButtonMouseOut(context, event) {\n if (this.display() === false) {\n this.onMouseOut(context, event);\n }\n };\n\n return Preview;\n }(_preview);\n\n return Preview;\n});\n//# sourceMappingURL=preview.js.map","Magento_PageBuilder/js/content-type/button-item/converter/style/display.js":"/*eslint-disable */\n/* jscs:disable */\ndefine([\"underscore\", \"Magento_PageBuilder/js/utils/object\"], function (_underscore, _object) {\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n\n /**\n * @api\n */\n var Display = /*#__PURE__*/function () {\n \"use strict\";\n\n function Display() {}\n\n var _proto = Display.prototype;\n\n /**\n * Convert value to internal format\n *\n * @param value string\n * @returns {string | object}\n */\n _proto.fromDom = function fromDom(value) {\n return !(value === \"none\");\n }\n /**\n * Convert value to knockout format, if buttons are displayed they should be inline block\n *\n * @param {string} name\n * @param {DataObject} data\n * @returns {string}\n */\n ;\n\n _proto.toDom = function toDom(name, data) {\n var value = (0, _object.get)(data, name);\n\n if (!_underscore.isUndefined(value) && value === false) {\n return \"none\";\n }\n\n return \"inline-block\";\n };\n\n return Display;\n }();\n\n return Display;\n});\n//# sourceMappingURL=display.js.map","Magento_PageBuilder/js/content-type/map/preview.js":"/*eslint-disable */\n/* jscs:disable */\n\nfunction _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\ndefine([\"knockout\", \"Magento_PageBuilder/js/events\", \"Magento_PageBuilder/js/utils/map\", \"module\", \"Magento_PageBuilder/js/content-type-menu/hide-show-option\", \"Magento_PageBuilder/js/content-type/preview\"], function (_knockout, _events, _map, _module, _hideShowOption, _preview) {\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n\n /**\n * @api\n */\n var Preview = /*#__PURE__*/function (_preview2) {\n \"use strict\";\n\n _inheritsLoose(Preview, _preview2);\n\n function Preview() {\n var _this;\n\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n _this = _preview2.call.apply(_preview2, [this].concat(args)) || this;\n _this.apiKeyValid = _knockout.observable(!!_module.config().apiKey);\n _this.apiKeyErrorMessage = _module.config().apiKeyErrorMessage;\n return _this;\n }\n\n var _proto = Preview.prototype;\n\n /**\n * Return an array of options\n *\n * @returns {OptionsInterface}\n */\n _proto.retrieveOptions = function retrieveOptions() {\n var options = _preview2.prototype.retrieveOptions.call(this);\n\n options.hideShow = new _hideShowOption({\n preview: this,\n icon: _hideShowOption.showIcon,\n title: _hideShowOption.showText,\n action: this.onOptionVisibilityToggle,\n classes: [\"hide-show-content-type\"],\n sort: 40\n });\n return options;\n }\n /**\n * Open edit menu on map content type drop with a delay of 300ms\n */\n ;\n\n _proto.bindEvents = function bindEvents() {\n var _this2 = this;\n\n _preview2.prototype.bindEvents.call(this); // When the map api key fails, empties out the content type and adds the placeholder\n\n\n _events.on(\"googleMaps:authFailure\", function () {\n _this2.apiKeyValid(false);\n });\n }\n /**\n * Renders the map and subscribe to position for updates\n *\n * @param {Element} element\n * @returns {void}\n */\n ;\n\n _proto.renderMap = function renderMap(element) {\n var _this3 = this;\n\n if (!this.apiKeyValid()) {\n return;\n }\n\n this.generateMap(element);\n this.element = element;\n\n if (this.mapElement && this.mapElement.map) {\n this.data.main.attributes.subscribe(function () {\n _this3.updateMap();\n });\n }\n }\n /**\n * Generate maps\n *\n * @param {Element} element\n * @returns {void}\n */\n ;\n\n _proto.generateMap = function generateMap(element) {\n var currentLocations = this.data.main.attributes()[\"data-locations\"] || \"[]\";\n var controls = this.data.main.attributes()[\"data-show-controls\"] || \"true\";\n var locations = [];\n var options = {\n disableDefaultUI: controls !== \"true\",\n mapTypeControl: controls === \"true\"\n };\n\n if (currentLocations !== \"[]\") {\n var mapData = this.getMapData();\n locations = mapData.locations;\n options = mapData.options;\n }\n\n this.mapElement = new _map(element, locations, options);\n }\n /**\n * Updates map\n *\n * @returns {void}\n */\n ;\n\n _proto.updateMap = function updateMap() {\n var mapData = this.getMapData();\n this.mapElement.onUpdate(mapData.locations, mapData.options);\n }\n /**\n * Get locations, center coordinates, and zoom from data.position\n *\n * @returns {Object}\n */\n ;\n\n _proto.getMapData = function getMapData() {\n var attributes = this.data.main.attributes();\n var controls = attributes[\"data-show-controls\"];\n var options = {\n disableDefaultUI: controls !== \"true\",\n mapTypeControl: controls === \"true\"\n };\n var locations = attributes[\"data-locations\"];\n\n if (locations !== \"\" && typeof locations === \"string\") {\n locations = JSON.parse(locations);\n }\n\n locations.forEach(function (location) {\n location.position.latitude = parseFloat(location.position.latitude);\n location.position.longitude = parseFloat(location.position.longitude);\n });\n return {\n locations: locations,\n options: options\n };\n };\n\n return Preview;\n }(_preview);\n\n return Preview;\n});\n//# sourceMappingURL=preview.js.map","Magento_PageBuilder/js/content-type/map/appearance/default/widget.js":"/**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\ndefine([\n 'jquery',\n 'Magento_PageBuilder/js/utils/map'\n], function ($, GoogleMap) {\n 'use strict';\n\n return function (config, element) {\n var locations,\n controls,\n mapOptions = {};\n\n element = element[0];\n\n if (element !== undefined && element.hasAttribute('data-locations')) {\n\n /**\n * Set map display to none if no locations\n */\n if (element.getAttribute('data-locations') === '[]') {\n $(element).hide();\n\n return;\n }\n locations = JSON.parse(element.getAttribute('data-locations'));\n locations.forEach(function (location) {\n location.position.latitude = parseFloat(location.position.latitude);\n location.position.longitude = parseFloat(location.position.longitude);\n });\n controls = element.getAttribute('data-show-controls');\n mapOptions.disableDefaultUI = controls !== 'true';\n mapOptions.mapTypeControl = controls === 'true';\n new GoogleMap(element, locations, mapOptions);\n }\n };\n});\n","Magento_PageBuilder/js/content-type/map/converter/attribute/locations.js":"/*eslint-disable */\n/* jscs:disable */\ndefine([\"underscore\", \"Magento_PageBuilder/js/utils/object\"], function (_underscore, _object) {\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n var Locations = /*#__PURE__*/function () {\n \"use strict\";\n\n function Locations() {}\n\n var _proto = Locations.prototype;\n\n /**\n * Convert value to internal format\n *\n * @param value string\n * @returns {string | object}\n */\n _proto.fromDom = function fromDom(value) {\n if (value && value !== \"\") {\n return JSON.parse(value);\n }\n\n return [];\n }\n /**\n * Convert value to knockout format\n *\n * @param name string\n * @param data Object\n * @returns {string | object}\n */\n ;\n\n _proto.toDom = function toDom(name, data) {\n var content = (0, _object.get)(data, name);\n\n if (_underscore.isString(content) && content !== \"\") {\n content = JSON.parse(content);\n }\n\n if (content && Object.keys(content).length) {\n content.forEach(function (marker) {\n if (marker.position) {\n marker.position.latitude = parseFloat(marker.position.latitude);\n marker.position.longitude = parseFloat(marker.position.longitude);\n }\n });\n return JSON.stringify(content);\n }\n\n return JSON.stringify([]);\n };\n\n return Locations;\n }();\n\n return Locations;\n});\n//# sourceMappingURL=locations.js.map","Magento_PageBuilder/js/content-type/text/preview.js":"/*eslint-disable */\n/* jscs:disable */\n\nfunction _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\ndefine([\"jquery\", \"Magento_PageBuilder/js/events\", \"underscore\", \"Magento_PageBuilder/js/content-type-menu/hide-show-option\", \"Magento_PageBuilder/js/utils/delay-until\", \"Magento_PageBuilder/js/utils/editor\", \"Magento_PageBuilder/js/wysiwyg/factory\", \"Magento_PageBuilder/js/content-type/preview\"], function (_jquery, _events, _underscore, _hideShowOption, _delayUntil, _editor, _factory, _preview) {\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n\n /**\n * @api\n */\n var Preview = /*#__PURE__*/function (_preview2) {\n \"use strict\";\n\n _inheritsLoose(Preview, _preview2);\n\n function Preview() {\n var _this;\n\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n _this = _preview2.call.apply(_preview2, [this].concat(args)) || this;\n _this.wysiwygDeferred = _jquery.Deferred();\n _this.afterRenderDeferred = _jquery.Deferred();\n _this.handledDoubleClick = false;\n return _this;\n }\n\n var _proto = Preview.prototype;\n\n /**\n * @returns {Boolean}\n */\n _proto.isWysiwygSupported = function isWysiwygSupported() {\n return (0, _editor.isWysiwygSupported)();\n }\n /**\n * Return an array of options\n *\n * @returns {OptionsInterface}\n */\n ;\n\n _proto.retrieveOptions = function retrieveOptions() {\n var options = _preview2.prototype.retrieveOptions.call(this);\n\n options.hideShow = new _hideShowOption({\n preview: this,\n icon: _hideShowOption.showIcon,\n title: _hideShowOption.showText,\n action: this.onOptionVisibilityToggle,\n classes: [\"hide-show-content-type\"],\n sort: 40\n });\n return options;\n }\n /**\n * @param {HTMLElement} element\n */\n ;\n\n _proto.afterRenderWysiwyg = function afterRenderWysiwyg(element) {\n var _this2 = this;\n\n this.element = element;\n element.id = this.contentType.id + \"-editor\"; // Set the innerHTML manually so we don't upset Knockout & TinyMCE\n\n element.innerHTML = this.data.main.html();\n this.contentType.dataStore.subscribe(function () {\n // If we're not focused into TinyMCE inline, update the value when it changes in the data store\n if (!_this2.wysiwyg || _this2.wysiwyg && _this2.wysiwyg.getAdapter().id !== (0, _editor.getActiveEditor)().id) {\n element.innerHTML = _this2.data.main.html();\n }\n }, \"content\");\n this.afterRenderDeferred.resolve(element);\n /**\n * afterRenderWysiwyg is called whenever Knockout causes a DOM re-render. This occurs frequently within Slider\n * due to Slick's inability to perform a refresh with Knockout managing the DOM. Due to this the original\n * WYSIWYG instance will be detached from this slide and we need to re-initialize on click.\n */\n\n this.wysiwyg = null;\n }\n /**\n * Stop event to prevent execution of action when editing textarea.\n *\n * @param {Preview} preview\n * @param {JQueryEventObject} event\n * @returns {Boolean}\n */\n ;\n\n _proto.stopEvent = function stopEvent(preview, event) {\n event.stopPropagation();\n return true;\n }\n /**\n * Init WYSIWYG on load\n *\n * @param element\n * @deprecated please use activateEditor & initWysiwygFromClick\n */\n ;\n\n _proto.initWysiwyg = function initWysiwyg(element) {\n this.element = element;\n element.id = this.contentType.id + \"-editor\";\n this.wysiwyg = null;\n return this.initWysiwygFromClick(true);\n }\n /**\n * Init the WYSIWYG\n *\n * @param {boolean} focus Should wysiwyg focus after initialization?\n * @returns Promise\n */\n ;\n\n _proto.initWysiwygFromClick = function initWysiwygFromClick(focus) {\n var _this3 = this;\n\n if (focus === void 0) {\n focus = false;\n }\n\n if (this.wysiwyg) {\n return Promise.resolve(this.wysiwyg);\n }\n\n var wysiwygConfig = this.config.additional_data.wysiwygConfig.wysiwygConfigData;\n wysiwygConfig.adapter.settings.paste_as_text = true;\n\n if (focus) {\n wysiwygConfig.adapter.settings.auto_focus = this.element.id;\n\n wysiwygConfig.adapter.settings.init_instance_callback = function () {\n _underscore.defer(function () {\n _this3.element.blur();\n\n _this3.element.focus();\n });\n };\n }\n\n return (0, _factory)(this.contentType.id, this.element.id, this.config.name, wysiwygConfig, this.contentType.dataStore, \"content\", this.contentType.stageId).then(function (wysiwyg) {\n _this3.wysiwyg = wysiwyg;\n return wysiwyg;\n });\n }\n /**\n * Makes WYSIWYG active\n *\n * @param {Preview} preview\n * @param {JQueryEventObject} event\n * @returns {Boolean}\n */\n ;\n\n _proto.activateEditor = function activateEditor(preview, event) {\n var _this4 = this;\n\n if (this.element && !this.wysiwyg) {\n var bookmark = (0, _editor.createBookmark)(event);\n (0, _editor.lockImageSize)(this.element);\n this.element.removeAttribute(\"contenteditable\");\n\n _underscore.defer(function () {\n _this4.initWysiwygFromClick(true).then(function () {\n return (0, _delayUntil)(function () {\n // We no longer need to handle double click once it's initialized\n _this4.handledDoubleClick = true;\n\n _this4.wysiwygDeferred.resolve();\n\n (0, _editor.moveToBookmark)(bookmark);\n (0, _editor.unlockImageSize)(_this4.element);\n }, function () {\n return _this4.element.classList.contains(\"mce-edit-focus\");\n }, 10);\n }).catch(function (error) {\n // If there's an error with init of WYSIWYG editor push into the console to aid support\n console.error(error);\n });\n });\n }\n }\n /**\n * If a user double clicks prior to initializing TinyMCE, forward the event\n *\n * @param preview\n * @param event\n */\n ;\n\n _proto.handleDoubleClick = function handleDoubleClick(preview, event) {\n var _this5 = this;\n\n if (this.handledDoubleClick) {\n return;\n }\n\n event.preventDefault();\n var targetIndex = (0, _editor.findNodeIndex)(this.element, event.target.tagName, event.target);\n this.handledDoubleClick = true;\n this.wysiwygDeferred.then(function () {\n var target = document.getElementById(event.target.id);\n\n if (!target) {\n target = (0, _editor.getNodeByIndex)(_this5.element, event.target.tagName, targetIndex);\n }\n\n if (target) {\n target.dispatchEvent((0, _editor.createDoubleClickEvent)());\n }\n });\n }\n /**\n * @param {HTMLTextAreaElement} element\n */\n ;\n\n _proto.initTextarea = function initTextarea(element) {\n var _this6 = this;\n\n this.textarea = element; // set initial value of textarea based on data store\n\n this.textarea.value = this.contentType.dataStore.get(\"content\");\n this.adjustTextareaHeightBasedOnScrollHeight(); // Update content in our stage preview textarea after its slideout counterpart gets updated\n\n _events.on(\"form:\" + this.contentType.id + \":saveAfter\", function () {\n _this6.textarea.value = _this6.contentType.dataStore.get(\"content\");\n\n _this6.adjustTextareaHeightBasedOnScrollHeight();\n });\n }\n /**\n * Save current value of textarea in data store\n */\n ;\n\n _proto.onTextareaKeyUp = function onTextareaKeyUp() {\n this.adjustTextareaHeightBasedOnScrollHeight();\n this.contentType.dataStore.set(\"content\", this.textarea.value);\n }\n /**\n * Start stage interaction on textarea blur\n */\n ;\n\n _proto.onTextareaFocus = function onTextareaFocus() {\n (0, _jquery)(this.textarea).closest(\".pagebuilder-content-type\").addClass(\"pagebuilder-toolbar-active\");\n\n _events.trigger(\"stage:interactionStart\");\n }\n /**\n * Stop stage interaction on textarea blur\n */\n ;\n\n _proto.onTextareaBlur = function onTextareaBlur() {\n (0, _jquery)(this.textarea).closest(\".pagebuilder-content-type\").removeClass(\"pagebuilder-toolbar-active\");\n\n _events.trigger(\"stage:interactionStop\");\n }\n /**\n * Retrieve the margin & padding & alignment styles for the placeholder\n *\n * @returns {any}\n */\n ;\n\n _proto.getPlaceholderStyle = function getPlaceholderStyle() {\n var keys = [\"marginBottom\", \"marginLeft\", \"marginRight\", \"marginTop\", \"paddingBottom\", \"paddingLeft\", \"paddingRight\", \"paddingTop\", \"textAlign\"];\n return _underscore.pick(this.data.main.style(), function (style, key) {\n return keys.indexOf(key) !== -1;\n });\n }\n /**\n * Bind events\n */\n ;\n\n _proto.bindEvents = function bindEvents() {\n var _this7 = this;\n\n _preview2.prototype.bindEvents.call(this);\n\n this.contentType.dataStore.subscribe(function (state) {\n var sanitizedContent = (0, _editor.replaceDoubleQuoteWithSingleQuoteWithinVariableDirective)((0, _editor.escapeDoubleQuoteWithinWidgetDirective)(state.content));\n\n if (sanitizedContent !== state.content) {\n state.content = sanitizedContent;\n }\n }); // After drop of new content type open TinyMCE and focus\n\n _events.on(\"text:dropAfter\", function (args) {\n if (args.id === _this7.contentType.id) {\n _this7.afterRenderDeferred.then(function () {\n if (_this7.isWysiwygSupported()) {\n _this7.initWysiwygFromClick(true);\n }\n });\n }\n });\n }\n /**\n * Adjust textarea's height based on scrollHeight\n */\n ;\n\n _proto.adjustTextareaHeightBasedOnScrollHeight = function adjustTextareaHeightBasedOnScrollHeight() {\n this.textarea.style.height = \"\";\n var scrollHeight = this.textarea.scrollHeight;\n var minHeight = parseInt((0, _jquery)(this.textarea).css(\"min-height\"), 10);\n\n if (scrollHeight === minHeight) {\n // leave height at 'auto'\n return;\n }\n\n (0, _jquery)(this.textarea).height(scrollHeight);\n };\n\n return Preview;\n }(_preview);\n\n return Preview;\n});\n//# sourceMappingURL=preview.js.map","Magento_PageBuilder/js/content-type/text/wysiwyg/tinymce/component-initializer.js":"/*eslint-disable */\n/* jscs:disable */\ndefine([\"jquery\", \"mage/adminhtml/wysiwyg/events\"], function (_jquery, _events) {\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n var ComponentInitializer = /*#__PURE__*/function () {\n \"use strict\";\n\n function ComponentInitializer() {}\n\n var _proto = ComponentInitializer.prototype;\n\n /**\n * The editor element\n */\n\n /**\n * The configuration of the wysiwyg content type\n */\n\n /**\n * Initialize the instance\n *\n * @param {Wysiwyg} wysiwyg\n */\n _proto.initialize = function initialize(wysiwyg) {\n this.$element = (0, _jquery)(\"#\" + wysiwyg.elementId);\n this.config = wysiwyg.config;\n var tinymce = wysiwyg.getAdapter();\n tinymce.eventBus.attachEventHandler(_events.afterFocus, this.onFocus.bind(this));\n tinymce.eventBus.attachEventHandler(_events.afterBlur, this.onBlur.bind(this));\n }\n /**\n * Called when tinymce is focused\n */\n ;\n\n _proto.onFocus = function onFocus() {\n var _this = this;\n\n // If there isn't enough room for a left-aligned toolbar, right align it\n if ((0, _jquery)(window).width() < this.$element.offset().left + parseInt(this.config.adapter_config.minToolbarWidth, 10)) {\n this.$element.addClass(\"_right-aligned-toolbar\");\n } else {\n this.$element.removeClass(\"_right-aligned-toolbar\");\n }\n\n _jquery.each(this.config.adapter_config.parentSelectorsToUnderlay, function (i, selector) {\n _this.$element.closest(selector).css(\"z-index\", 100);\n });\n }\n /**\n * Called when tinymce is blurred\n */\n ;\n\n _proto.onBlur = function onBlur() {\n var _this2 = this;\n\n _jquery.each(this.config.adapter_config.parentSelectorsToUnderlay, function (i, selector) {\n _this2.$element.closest(selector).css(\"z-index\", \"\");\n });\n };\n\n return ComponentInitializer;\n }();\n\n return ComponentInitializer;\n});\n//# sourceMappingURL=component-initializer.js.map","Magento_PageBuilder/js/content-type/text/wysiwyg/tinymce/config-modifier.js":"/*eslint-disable */\n/* jscs:disable */\ndefine([], function () {\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n var ConfigModifier = /*#__PURE__*/function () {\n \"use strict\";\n\n function ConfigModifier() {}\n\n var _proto = ConfigModifier.prototype;\n\n /**\n * Initialize the config\n *\n * @param {String} contentTypeId\n * @param {Object} config\n */\n _proto.modify = function modify(contentTypeId, config) {\n if (config.adapter_config.mode === \"inline\") {\n config.adapter.settings.fixed_toolbar_container = \"#\" + contentTypeId + \" \" + config.adapter.settings.fixed_toolbar_container;\n }\n };\n\n return ConfigModifier;\n }();\n\n return ConfigModifier;\n});\n//# sourceMappingURL=config-modifier.js.map","Magento_PageBuilder/js/content-type/column-line/drag-and-drop.js":"/*eslint-disable */\n/* jscs:disable */\ndefine([], function () {\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n\n /**\n * Calculate the drop positions of a column group\n *\n * @param {ContentTypeCollectionInterface} group\n * @returns {any[]}\n */\n function calculateDropPositions(line) {\n var resizeUtils = line.preview.getResizeUtils();\n var dropPositions = [];\n line.children().forEach(function (column, index) {\n var left = column.preview.element.position().left;\n var width = column.preview.element.outerWidth(true);\n var canShrink = resizeUtils.getAcceptedColumnWidth(resizeUtils.getColumnWidth(column).toString()) > resizeUtils.getSmallestColumnWidth();\n dropPositions.push({\n affectedColumn: column,\n canShrink: canShrink,\n insertIndex: index,\n left: left,\n placement: \"left\",\n right: left + width / 2\n }, {\n affectedColumn: column,\n canShrink: canShrink,\n insertIndex: index + 1,\n left: left + width / 2,\n placement: \"right\",\n right: left + width\n });\n });\n return dropPositions;\n }\n\n return {\n calculateDropPositions: calculateDropPositions\n };\n});\n//# sourceMappingURL=drag-and-drop.js.map","Magento_PageBuilder/js/content-type/column-line/preview.js":"/*eslint-disable */\n/* jscs:disable */\n\nfunction _createForOfIteratorHelperLoose(o, allowArrayLike) { var it = typeof Symbol !== \"undefined\" && o[Symbol.iterator] || o[\"@@iterator\"]; if (it) return (it = it.call(o)).next.bind(it); if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === \"number\") { if (it) o = it; var i = 0; return function () { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }; } throw new TypeError(\"Invalid attempt to iterate non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\n\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(o); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\n\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }\n\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return self; }\n\nfunction _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\ndefine([\"jquery\", \"knockout\", \"Magento_PageBuilder/js/content-type-factory\", \"Magento_PageBuilder/js/content-type/column-group/factory\", \"Magento_PageBuilder/js/content-type/column-group/registry\", \"Magento_PageBuilder/js/drag-drop/move-content-type\", \"Magento_PageBuilder/js/drag-drop/registry\", \"Magento_PageBuilder/js/drag-drop/sortable\", \"Magento_PageBuilder/js/events\", \"Magento_PageBuilder/js/utils/create-stylesheet\", \"underscore\", \"Magento_PageBuilder/js/config\", \"Magento_PageBuilder/js/content-type/column-group/grid-size\", \"Magento_PageBuilder/js/content-type/column/resize\", \"Magento_PageBuilder/js/content-type/preview-collection\", \"Magento_PageBuilder/js/content-type/column-line/drag-and-drop\"], function (_jquery, _knockout, _contentTypeFactory, _factory, _registry, _moveContentType, _registry2, _sortable, _events, _createStylesheet, _underscore, _config, _gridSize, _resize, _previewCollection, _dragAndDrop) {\n function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== \"function\") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }\n\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n\n /**\n * @api\n */\n var Preview = /*#__PURE__*/function (_previewCollection2) {\n \"use strict\";\n\n _inheritsLoose(Preview, _previewCollection2);\n\n /**\n *\n * @param {ContentTypeCollection} contentType\n * @param {ContentTypeConfigInterface} config\n * @param {ObservableUpdater} observableUpdater\n */\n function Preview(contentType, config, observableUpdater) {\n var _this;\n\n _this = _previewCollection2.call(this, contentType, config, observableUpdater) || this;\n _this.resizing = _knockout.observable(false);\n _this.gridSizeArray = _knockout.observableArray([]);\n _this.dropPositions = [];\n _this.resizeHistory = {\n left: [],\n right: []\n };\n _this.interactionLevel = 0;\n _this.lineDropperHeight = 50;\n _this.resizeUtils = new _resize(_this.contentType.parentContentType, _this.contentType);\n\n _events.on(\"contentType:removeAfter\", function (args) {\n if (args.parentContentType && args.parentContentType.id === _this.contentType.id) {\n _underscore.defer(function () {\n _this.spreadWidth(args.index);\n });\n }\n }); // Listen for resizing events from child columns\n\n\n _events.on(\"column:resizeHandleBindAfter\", function (args) {\n // Does the events content type match the previews column group?\n if (args.columnLine.id === _this.contentType.id) {\n _this.registerResizeHandle(args.column, args.handle);\n }\n });\n\n _events.on(\"column:initializeAfter\", function (args) {\n // Does the events parent match the previews column group?\n if (args.columnGroup.id === _this.contentType.id) {\n _this.bindDraggable(args.column);\n }\n });\n\n var parentPreview = _this.contentType.parentContentType.preview;\n\n _this.gridSizeArray(parentPreview.gridSizeArray());\n\n parentPreview.gridSizeArray.subscribe(function (gridSize) {\n _this.gridSizeArray(gridSize);\n });\n\n _this.contentType.children.subscribe(_underscore.debounce(_this.removeIfEmpty.bind(_assertThisInitialized(_this)), 50));\n\n return _this;\n }\n /**\n * Bind events\n */\n\n\n var _proto = Preview.prototype;\n\n _proto.bindEvents = function bindEvents() {\n var _this2 = this;\n\n _previewCollection2.prototype.bindEvents.call(this);\n\n if (_config.getContentTypeConfig(\"column\")) {\n _events.on(\"column-line:dropAfter\", function (args) {\n if (args.id === _this2.contentType.id) {\n _this2.createColumns();\n }\n });\n }\n\n _events.on(\"column:initializeAfter\", function (args) {\n // Does the events parent match the previews column group?\n if (args.columnLine.id === _this2.contentType.id) {\n _this2.bindDraggable(args.column);\n }\n });\n }\n /**\n * Init the droppable & resizing interactions\n *\n * @param line\n */\n ;\n\n _proto.bindInteractions = function bindInteractions(line) {\n this.element = (0, _jquery)(line);\n this.initDroppable(this.element);\n this.initMouseMove(this.element); // Handle the mouse leaving the window\n // $(\"body\").mouseleave(this.endAllInteractions.bind(this));\n }\n /**\n * Init the drop placeholder\n *\n * @param {Element} element\n */\n ;\n\n _proto.bindDropPlaceholder = function bindDropPlaceholder(element) {\n this.dropPlaceholder = (0, _jquery)(element);\n }\n /**\n * Init the drop placeholder\n *\n * @param {Element} element\n */\n ;\n\n _proto.bindColumnLineBottomDropPlaceholder = function bindColumnLineBottomDropPlaceholder(element) {\n this.columnLineBottomDropPlaceholder = (0, _jquery)(element);\n }\n /**\n * Init the drop placeholder\n *\n * @param {Element} element\n */\n ;\n\n _proto.bindColumnLineDropPlaceholder = function bindColumnLineDropPlaceholder(element) {\n this.columnLineDropPlaceholder = (0, _jquery)(element);\n }\n /**\n * Init the move placeholder\n *\n * @param {Element} element\n */\n ;\n\n _proto.bindMovePlaceholder = function bindMovePlaceholder(element) {\n this.movePlaceholder = (0, _jquery)(element);\n }\n /**\n * Retrieve the ghost element from the template\n *\n * @param {Element} ghost\n */\n ;\n\n _proto.bindGhost = function bindGhost(ghost) {\n this.resizeGhost = (0, _jquery)(ghost);\n }\n /**\n * Retrieve the resize utils\n *\n * @returns {Resize}\n */\n ;\n\n _proto.getResizeUtils = function getResizeUtils() {\n return this.resizeUtils;\n }\n /**\n * Bind draggable instances to the child columns\n *\n * @param {ContentTypeCollectionInterface<ColumnPreview>} column\n */\n ;\n\n _proto.bindDraggable = function bindDraggable(column) {\n var _this3 = this;\n\n column.preview.element.draggable({\n appendTo: \"body\",\n containment: \"body\",\n cursor: \"-webkit-grabbing\",\n handle: \".move-column\",\n revertDuration: 250,\n helper: function helper() {\n var helper = (0, _jquery)(this).clone();\n helper.css({\n height: (0, _jquery)(this).outerHeight() + \"px\",\n minHeight: 0,\n opacity: 0.5,\n pointerEvents: \"none\",\n width: (0, _jquery)(this).outerWidth() + \"px\",\n zIndex: 5000\n });\n return helper;\n },\n start: function start(event) {\n var columnInstance = _knockout.dataFor((0, _jquery)(event.target)[0]); // Use the global state as columns can be dragged between groups\n\n\n (0, _registry.setDragColumn)(columnInstance.contentType);\n _this3.dropPositions = (0, _dragAndDrop.calculateDropPositions)(_this3.contentType);\n _this3.startDragEvent = event;\n\n _events.trigger(\"column:dragStart\", {\n column: columnInstance,\n stageId: _this3.contentType.stageId\n });\n\n _events.trigger(\"stage:interactionStart\", {\n stageId: _this3.contentType.stageId\n });\n },\n stop: function stop() {\n var draggedColumn = (0, _registry.getDragColumn)();\n\n if (_this3.movePosition && draggedColumn) {\n // Check if we're moving within the same group, even though this function will\n // only ever run on the group that bound the draggable event\n if (draggedColumn.parentContentType === _this3.contentType) {\n _this3.onColumnSort(draggedColumn, _this3.movePosition.insertIndex);\n\n _this3.movePosition = null; // todo see from column group\n }\n }\n\n (0, _registry.removeDragColumn)();\n\n _this3.dropPlaceholder.removeClass(\"left right\");\n\n _this3.movePlaceholder.removeClass(\"active\");\n\n _this3.movePosition = null;\n _this3.startDragEvent = null;\n\n _events.trigger(\"column:dragStop\", {\n column: draggedColumn,\n stageId: _this3.contentType.stageId\n });\n\n _events.trigger(\"stage:interactionStop\", {\n stageId: _this3.contentType.stageId\n });\n }\n });\n }\n /**\n * Handle a column being sorted into a new position in the column line\n *\n * @param {ContentTypeCollectionInterface<ColumnPreview>} column\n * @param {number} newIndex\n */\n ;\n\n _proto.onColumnSort = function onColumnSort(column, newIndex) {\n var currentIndex = (0, _resize.getColumnIndexInLine)(column);\n\n if (currentIndex !== newIndex) {\n if (currentIndex < newIndex) {\n // As we're moving an array item the keys all reduce by 1\n --newIndex;\n } // Move the content type\n\n\n (0, _moveContentType.moveContentType)(column, newIndex);\n }\n }\n /**\n * Handle a new column being dropped into the group\n *\n * @param {DropPosition} dropPosition\n */\n ;\n\n _proto.onNewColumnDrop = function onNewColumnDrop(dropPosition) {\n var _this4 = this;\n\n // Create our new column\n (0, _factory.createColumn)(this.contentType, this.resizeUtils.getSmallestColumnWidth(), dropPosition.insertIndex).then(function () {\n var newWidth = _this4.resizeUtils.getAcceptedColumnWidth((_this4.resizeUtils.getColumnWidth(dropPosition.affectedColumn) - _this4.resizeUtils.getSmallestColumnWidth()).toString()); // Reduce the affected columns width by the smallest column width\n\n\n (0, _resize.updateColumnWidth)(dropPosition.affectedColumn, newWidth);\n });\n }\n /**\n * Handle an existing column being dropped into a different column line\n *\n * @param {DropPosition} movePosition\n */\n ;\n\n _proto.onExistingColumnDrop = function onExistingColumnDrop(movePosition) {\n var _this5 = this;\n\n var column = (0, _registry.getDragColumn)();\n var sourceLinePreview = column.parentContentType.preview;\n var modifyOldNeighbour; // Determine which old neighbour we should modify\n\n var oldWidth = sourceLinePreview.getResizeUtils().getColumnWidth(column);\n var direction = \"+1\"; // Retrieve the adjacent column either +1 or -1\n\n if ((0, _resize.getAdjacentColumn)(column, \"+1\")) {\n modifyOldNeighbour = (0, _resize.getAdjacentColumn)(column, \"+1\");\n } else if ((0, _resize.getAdjacentColumn)(column, \"-1\")) {\n direction = \"-1\";\n modifyOldNeighbour = (0, _resize.getAdjacentColumn)(column, \"-1\");\n } // Modify the old neighbour\n\n\n var oldNeighbourWidth = 100;\n\n if (modifyOldNeighbour) {\n oldNeighbourWidth = sourceLinePreview.getResizeUtils().getAcceptedColumnWidth((oldWidth + sourceLinePreview.getResizeUtils().getColumnWidth(modifyOldNeighbour)).toString());\n } // Move the content type\n\n\n if (this.columnLineDropPlaceholder.hasClass(\"active\")) {\n // if new column line placeholders are visible, add new column line and move column there\n (0, _factory.createColumnLine)(this.contentType.parentContentType, this.resizeUtils.getSmallestColumnWidth(), this.getNewColumnLineIndex()).then(function (columnLine) {\n (0, _moveContentType.moveContentType)(column, 0, columnLine);\n (0, _resize.updateColumnWidth)(column, 100);\n\n if (modifyOldNeighbour) {\n (0, _resize.updateColumnWidth)(modifyOldNeighbour, oldNeighbourWidth);\n }\n\n _this5.fireMountEvent(_this5.contentType, column);\n });\n } else if (this.columnLineBottomDropPlaceholder.hasClass(\"active\")) {\n // if new column line placeholders are visible, add new column line and move column there\n (0, _factory.createColumnLine)(this.contentType.parentContentType, this.resizeUtils.getSmallestColumnWidth(), this.getNewColumnLineIndex()).then(function (columnLine) {\n (0, _moveContentType.moveContentType)(column, 0, columnLine);\n (0, _resize.updateColumnWidth)(column, 100);\n\n if (modifyOldNeighbour) {\n (0, _resize.updateColumnWidth)(modifyOldNeighbour, oldNeighbourWidth);\n }\n\n _this5.fireMountEvent(_this5.contentType, column);\n });\n } else {\n (0, _moveContentType.moveContentType)(column, movePosition.insertIndex, this.contentType);\n\n if (modifyOldNeighbour) {\n (0, _resize.updateColumnWidth)(modifyOldNeighbour, oldNeighbourWidth);\n }\n\n var newNeighbourWidth = this.resizeUtils.getAcceptedColumnWidth((this.resizeUtils.getColumnWidth(movePosition.affectedColumn) - oldWidth).toString());\n var newNeighbour = movePosition.affectedColumn;\n var totalWidthAdjusted = 0;\n (0, _resize.updateColumnWidth)(column, oldWidth);\n\n while (true) {\n // take width from all neighbours in one direction till the entire width is obtained\n if (newNeighbourWidth <= 0) {\n newNeighbourWidth = this.resizeUtils.getSmallestColumnWidth();\n var originalWidthOfNeighbour = this.resizeUtils.getColumnWidth(newNeighbour);\n (0, _resize.updateColumnWidth)(newNeighbour, newNeighbourWidth);\n totalWidthAdjusted += originalWidthOfNeighbour - newNeighbourWidth;\n } else {\n (0, _resize.updateColumnWidth)(newNeighbour, newNeighbourWidth);\n break;\n }\n\n if (direction === \"+1\") {\n newNeighbour = (0, _resize.getAdjacentColumn)(newNeighbour, \"+1\");\n } else {\n newNeighbour = (0, _resize.getAdjacentColumn)(newNeighbour, \"-1\");\n }\n\n if (!newNeighbour) {\n (0, _resize.updateColumnWidth)(column, totalWidthAdjusted);\n break;\n }\n\n var neighbourExistingWidth = this.resizeUtils.getColumnWidth(newNeighbour);\n newNeighbourWidth = neighbourExistingWidth - (oldWidth - totalWidthAdjusted);\n\n if (newNeighbourWidth < 0.001) {\n newNeighbourWidth = 0;\n }\n }\n\n var totalWidth = 0;\n this.contentType.children().forEach(function (columnChild) {\n totalWidth += _this5.resizeUtils.getColumnWidth(columnChild);\n });\n\n if (totalWidth > 100) {\n // take extra width from newly moved column\n (0, _resize.updateColumnWidth)(column, this.resizeUtils.getColumnWidth(column) - (totalWidth - 100));\n }\n }\n }\n /**\n * Init the resizing events on the group\n *\n * @param {JQuery} line\n */\n ;\n\n _proto.initMouseMove = function initMouseMove(line) {\n var _this6 = this;\n\n var intersects = false;\n (0, _jquery)(document).on(\"mousemove touchmove\", function (event) {\n if (line.parents(_sortable.hiddenClass).length > 0) {\n return;\n }\n\n var linePosition = _this6.getLinePosition(line); // If we're handling a touch event we need to pass through the page X & Y\n\n\n if (event.type === \"touchmove\") {\n event.pageX = event.originalEvent.pageX;\n event.pageY = event.originalEvent.pageY;\n }\n\n if (_this6.eventIntersectsLine(event, linePosition)) {\n intersects = true; // @todo re-instate onResizingMouseMove\n\n _this6.onResizingMouseMove(event, line, linePosition);\n\n _this6.onDraggingMouseMove(event, line, linePosition);\n\n _this6.onDroppingMouseMove(event, line, linePosition);\n } else {\n intersects = false;\n _this6.linePositionCache = null;\n _this6.dropPosition = null;\n\n _this6.dropPlaceholder.removeClass(\"left right\");\n\n _this6.columnLineDropPlaceholder.removeClass(\"active\");\n\n _this6.columnLineBottomDropPlaceholder.removeClass(\"active\");\n\n _this6.columnLineBottomDropPlaceholder.hide();\n\n _this6.columnLineDropPlaceholder.hide(); // @todo combine active and show/hide functionality for columnLineDropPlaceholder\n // this.movePlaceholder.css(\"left\", \"\").removeClass(\"active\");\n\n }\n }).on(\"mouseup touchend\", function () {\n if (intersects) {\n _this6.handleMouseUp();\n }\n\n intersects = false;\n _this6.dropPosition = null;\n\n _this6.endAllInteractions();\n\n _underscore.defer(function () {\n // Re-enable any disabled sortable areas\n line.find(\".ui-sortable\").each(function () {\n if ((0, _jquery)(this).data(\"ui-sortable\")) {\n (0, _jquery)(this).sortable(\"option\", \"disabled\", false);\n }\n });\n });\n });\n }\n /**\n * End all current interactions\n */\n ;\n\n _proto.endAllInteractions = function endAllInteractions() {\n if (this.resizing() === true) {\n for (; this.interactionLevel > 0; this.interactionLevel--) {\n _events.trigger(\"stage:interactionStop\", {\n stageId: this.contentType.stageId\n });\n }\n }\n\n this.linePositionCache = null;\n this.dropPosition = null;\n this.dropPlaceholder.removeClass(\"left right\");\n this.columnLineDropPlaceholder.removeClass(\"active\");\n this.columnLineBottomDropPlaceholder.removeClass(\"active\");\n this.columnLineBottomDropPlaceholder.hide();\n this.columnLineDropPlaceholder.hide();\n this.resizing(false);\n this.resizeMouseDown = null;\n this.resizeLeftLastColumnShrunk = this.resizeRightLastColumnShrunk = null;\n this.dropPositions = [];\n this.unsetResizingColumns(); // Change the cursor back\n\n (0, _jquery)(\"body\").css(\"cursor\", \"\");\n this.movePlaceholder.css(\"left\", \"\").removeClass(\"active\");\n this.resizeGhost.removeClass(\"active\"); // Reset the line positions cache\n\n this.linePositionCache = null;\n }\n /**\n * Handle the mouse up action, either adding a new column or moving an existing\n */\n ;\n\n _proto.handleMouseUp = function handleMouseUp() {\n var self = this;\n var dragColumn = (0, _registry.getDragColumn)();\n\n if ((this.columnLineDropPlaceholder.hasClass(\"active\") || this.columnLineBottomDropPlaceholder.hasClass(\"active\")) && !dragColumn) {\n (0, _factory.createColumnLine)(this.contentType.parentContentType, this.resizeUtils.getSmallestColumnWidth(), this.getNewColumnLineIndex()).then(function (columnLine) {\n _events.trigger(columnLine.config.name + \":dropAfter\", {\n id: columnLine.id,\n columnLine: columnLine\n });\n });\n return;\n }\n\n if (this.dropOverElement && this.dropPosition) {\n this.onNewColumnDrop(this.dropPosition);\n this.dropOverElement = null; // Re-enable the parent disabled sortable instance\n\n _underscore.defer(function () {\n (0, _jquery)(\".element-children.ui-sortable-disabled\").each(function () {\n (0, _jquery)(this).sortable(\"option\", \"disabled\", false);\n });\n });\n }\n\n var column = (0, _registry.getDragColumn)();\n\n if (this.isColumnBeingMovedToAnotherColumnLine()) {\n this.onExistingColumnDrop(this.movePosition);\n }\n }\n /**\n * Does the current event intersect with the line?\n *\n * @param {JQueryEventObject} event\n * @param {LinePositionCache} groupPosition\n * @returns {boolean}\n */\n ;\n\n _proto.eventIntersectsLine = function eventIntersectsLine(event, groupPosition) {\n return event.pageY > groupPosition.top && event.pageY < groupPosition.top + groupPosition.outerHeight && event.pageX > groupPosition.left && event.pageX < groupPosition.left + groupPosition.outerWidth;\n }\n /**\n * Handle a column being dragged around the group\n *\n * @param {JQueryEventObject} event\n * @param {JQuery} line\n * @param {LinePositionCache} linePosition\n */\n ;\n\n _proto.onDraggingMouseMove = function onDraggingMouseMove(event, line, linePosition) {\n var dragColumn = (0, _registry.getDragColumn)();\n\n if (dragColumn) {\n // If the drop positions haven't been calculated for this line do so now\n if (this.dropPositions.length === 0) {\n this.dropPositions = (0, _dragAndDrop.calculateDropPositions)(this.contentType);\n }\n\n var columnInstance = dragColumn;\n var currentX = event.pageX - linePosition.left; // Are we within the same column line or have we ended up over another?\n\n if (columnInstance.parentContentType === this.contentType && this.startDragEvent) {\n var dragDirection = event.pageX <= this.startDragEvent.pageX ? \"left\" : \"right\";\n var adjacentLeftColumn = (0, _resize.getAdjacentColumn)(dragColumn, \"-1\"); // Determine the current move position based on the cursors position and direction of drag\n\n this.movePosition = this.dropPositions.find(function (position) {\n return currentX > position.left && currentX < position.right && position.placement === dragDirection && position.affectedColumn !== dragColumn;\n }); // Differences in the element & event positions cause a right movement to activate on the left column\n\n if (this.movePosition && dragDirection === \"right\" && this.movePosition.affectedColumn === adjacentLeftColumn) {\n this.movePosition = null;\n }\n\n if (this.movePosition && !this.isNewLinePlaceDropPlaceholderVisible(event, linePosition) && !this.isNewLineBottomPlaceDropPlaceholderVisible(event, linePosition)) {\n this.dropPlaceholder.removeClass(\"left right\");\n this.movePlaceholder.css({\n left: this.movePosition.placement === \"left\" ? this.movePosition.left : \"\",\n right: this.movePosition.placement === \"right\" ? linePosition.width - this.movePosition.right : \"\",\n width: dragColumn.preview.element.outerWidth() + \"px\"\n }).addClass(\"active\");\n } else {\n this.movePlaceholder.removeClass(\"active\");\n }\n } else {\n // If we're moving to another column line we utilise the existing drop placeholder\n this.movePosition = this.dropPositions.find(function (position) {\n return currentX > position.left && currentX <= position.right && position.canShrink;\n });\n\n if (this.movePosition && !this.isNewLinePlaceDropPlaceholderVisible(event, linePosition)) {\n var classToRemove = this.movePosition.placement === \"left\" ? \"right\" : \"left\";\n this.movePlaceholder.removeClass(\"active\");\n this.dropPlaceholder.removeClass(classToRemove).css({\n left: this.movePosition.placement === \"left\" ? this.movePosition.left : \"\",\n right: this.movePosition.placement === \"right\" ? linePosition.width - this.movePosition.right : \"\",\n width: linePosition.width / this.resizeUtils.getGridSize() + \"px\"\n }).addClass(this.movePosition.placement);\n } else {\n this.dropPlaceholder.removeClass(\"left right\");\n }\n }\n }\n }\n /**\n * Handle the resizing on mouse move, we always resize a pair of columns at once\n *\n * @param {JQueryEventObject} event\n * @param {JQuery} group\n * @param {GroupPositionCache} groupPosition\n */\n ;\n\n _proto.onResizingMouseMove = function onResizingMouseMove(event, group, groupPosition) {\n var _this7 = this;\n\n var newColumnWidth;\n\n if (this.resizeMouseDown) {\n event.preventDefault();\n var currentPos = event.pageX;\n var resizeColumnLeft = this.resizeColumnInstance.preview.element.offset().left;\n var resizeColumnWidth = this.resizeColumnInstance.preview.element.outerWidth();\n var resizeHandlePosition = resizeColumnLeft + resizeColumnWidth;\n var direction = currentPos >= resizeHandlePosition ? \"right\" : \"left\";\n var adjustedColumn;\n var modifyColumnInPair; // We need to know if we're modifying the left or right column in the pair\n\n var usedHistory; // Was the adjusted column pulled from history?\n // Determine which column in the group should be adjusted for this action\n\n var _this$resizeUtils$det = this.resizeUtils.determineAdjustedColumn(currentPos, this.resizeColumnInstance, this.resizeHistory);\n\n adjustedColumn = _this$resizeUtils$det[0];\n modifyColumnInPair = _this$resizeUtils$det[1];\n usedHistory = _this$resizeUtils$det[2];\n // Calculate the ghost width based on mouse position and bounds of allowed sizes\n var ghostWidth = this.resizeUtils.calculateGhostWidth(groupPosition, currentPos, this.resizeColumnInstance, modifyColumnInPair, this.resizeMaxGhostWidth);\n this.resizeGhost.width(ghostWidth - 15 + \"px\").addClass(\"active\");\n\n if (adjustedColumn && this.resizeColumnWidths) {\n newColumnWidth = this.resizeColumnWidths.find(function (val) {\n return (0, _resize.comparator)(currentPos, val.position, 35) && val.forColumn === modifyColumnInPair;\n });\n\n if (newColumnWidth) {\n var mainColumn = this.resizeColumnInstance; // If we're using the left data set, we're actually resizing the right column of the group\n\n if (modifyColumnInPair === \"right\") {\n mainColumn = (0, _resize.getAdjacentColumn)(this.resizeColumnInstance, \"+1\");\n } // Ensure we aren't resizing multiple times, also validate the last resize isn't the same as the\n // one being performed now. This occurs as we re-calculate the column positions on resize, we have\n // to use the comparator as the calculation may result in slightly different numbers due to rounding\n\n\n if (this.resizeUtils.getColumnWidth(mainColumn) !== newColumnWidth.width && !(0, _resize.comparator)(this.resizeLastPosition, newColumnWidth.position, 10)) {\n // If our previous action was to resize the right column in pair, and we're now dragging back\n // to the right, but have matched a column for the left we need to fix the columns being\n // affected\n if (usedHistory && this.resizeLastColumnInPair === \"right\" && direction === \"right\" && newColumnWidth.forColumn === \"left\") {\n var originalMainColumn = mainColumn;\n mainColumn = adjustedColumn;\n adjustedColumn = (0, _resize.getAdjacentColumn)(originalMainColumn, \"+1\");\n }\n\n this.recordResizeHistory(usedHistory, direction, adjustedColumn, modifyColumnInPair);\n this.resizeLastPosition = newColumnWidth.position;\n this.resizeLastColumnInPair = modifyColumnInPair; // Ensure the adjusted column is marked as resizing to animate correctly\n\n this.setColumnsAsResizing(mainColumn, adjustedColumn);\n this.onColumnResize(mainColumn, newColumnWidth.width, adjustedColumn); // Wait for the render cycle to finish from the above resize before re-calculating\n\n _underscore.defer(function () {\n // If we do a resize, re-calculate the column widths\n _this7.resizeColumnWidths = _this7.resizeUtils.determineColumnWidths(_this7.resizeColumnInstance, groupPosition);\n _this7.resizeMaxGhostWidth = (0, _resize.determineMaxGhostWidth)(_this7.resizeColumnWidths);\n });\n }\n }\n }\n }\n }\n /**\n * Unset resizing flag on all child columns\n */\n ;\n\n _proto.unsetResizingColumns = function unsetResizingColumns() {\n this.contentType.children().forEach(function (column) {\n column.preview.resizing(false);\n\n if (column.preview.element) {\n column.preview.element.css({\n transition: \"\"\n });\n }\n });\n }\n /**\n *\n * @param event\n * @param linePosition\n * @private\n */\n ;\n\n _proto.isNewLinePlaceDropPlaceholderVisible = function isNewLinePlaceDropPlaceholderVisible(event, linePosition) {\n var siblings = this.contentType.parentContentType.children();\n var id = this.contentType.id;\n var index = 0;\n siblings.forEach(function (columnLine) {\n if (columnLine.id === id) {\n return false;\n }\n\n index++;\n });\n var draggedColumn = (0, _registry.getDragColumn)(); // show column line drop placeholder only for top column line in a group\n\n return (this.dropOverElement || draggedColumn) && event.pageY > linePosition.top + 15 && event.pageY < linePosition.top + 15 + this.lineDropperHeight;\n }\n /**\n *\n * @param event\n * @param linePosition\n * @private\n */\n ;\n\n _proto.isNewLineBottomPlaceDropPlaceholderVisible = function isNewLineBottomPlaceDropPlaceholderVisible(event, linePosition) {\n var draggedColumn = (0, _registry.getDragColumn)();\n return (this.dropOverElement || draggedColumn) && event.pageY < linePosition.top + 15 + this.element.outerHeight() && event.pageY > linePosition.top + 15 + this.element.outerHeight() - this.lineDropperHeight;\n }\n /**\n *\n * @param event\n * @param linePosition\n * @private\n */\n ;\n\n _proto.isNewColumnDropPlaceholderVisible = function isNewColumnDropPlaceholderVisible(event, linePosition) {\n var draggedColumn = (0, _registry.getDragColumn)();\n return (this.dropOverElement || draggedColumn) && event.pageY > linePosition.top + 15 + this.lineDropperHeight && event.pageY < linePosition.top + 15 + linePosition.outerHeight - this.lineDropperHeight;\n }\n /**\n * Handle mouse move events on when dropping elements\n *\n * @param {JQueryEventObject} event\n * @param {JQuery} line\n * @param {LinePositionCache} linePosition\n */\n ;\n\n _proto.onDroppingMouseMove = function onDroppingMouseMove(event, line, linePosition) {\n var elementChildrenParent = line.parents(\".element-children\"); // Only initiate this process if we're within the group by a buffer to allow for sortable to function correctly\n\n if (this.isNewLinePlaceDropPlaceholderVisible(event, linePosition)) {\n this.dropPosition = null;\n this.dropPlaceholder.removeClass(\"left right\");\n this.columnLineDropPlaceholder.addClass(\"active\");\n this.columnLineDropPlaceholder.show();\n return this.handleLineDropMouseMove(event, line, linePosition);\n } else if (this.isNewLineBottomPlaceDropPlaceholderVisible(event, linePosition)) {\n this.dropPosition = null;\n this.dropPlaceholder.removeClass(\"left right\");\n this.columnLineBottomDropPlaceholder.addClass(\"active\");\n this.columnLineBottomDropPlaceholder.show();\n return this.handleLineDropMouseMove(event, line, linePosition);\n } else if (this.dropOverElement) {\n this.columnLineDropPlaceholder.hide();\n this.columnLineBottomDropPlaceholder.hide();\n this.columnLineBottomDropPlaceholder.removeClass(\"active\");\n this.columnLineDropPlaceholder.removeClass(\"active\");\n }\n\n if (this.isNewColumnDropPlaceholderVisible(event, linePosition)) {\n this.columnLineDropPlaceholder.hide();\n this.columnLineDropPlaceholder.removeClass(\"active\");\n this.columnLineBottomDropPlaceholder.hide();\n this.columnLineBottomDropPlaceholder.removeClass(\"active\");\n return this.handleColumnDropMouseMove(event, line, linePosition);\n }\n }\n /**\n *\n * @param event\n * @param line\n * @param linePosition\n * @private\n */\n ;\n\n _proto.handleLineDropMouseMove = function handleLineDropMouseMove(event, line, linePosition) {\n var elementChildrenParent = line.parents(\".element-children\"); // Disable the column line sortable instance\n // Disable the column group sortable instance\n\n if (elementChildrenParent.data(\"ui-sortable\")) {\n elementChildrenParent.sortable(\"option\", \"disabled\", true);\n }\n }\n /**\n *\n * @param event\n * @param line\n * @param linePosition\n * @private\n */\n ;\n\n _proto.handleColumnDropMouseMove = function handleColumnDropMouseMove(event, line, linePosition) {\n var elementChildrenParent = line.parents(\".element-children\"); // Only initiate this process if we're within the group by a buffer to allow for sortable to function correctly\n\n if (this.dropOverElement && event.pageY > linePosition.top + 50 && event.pageY < linePosition.top + linePosition.outerHeight - 50) {\n // Disable the column line sortable instance\n if (elementChildrenParent.data(\"ui-sortable\")) {\n elementChildrenParent.sortable(\"option\", \"disabled\", true);\n }\n\n var currentX = event.pageX - linePosition.left;\n this.dropPosition = this.dropPositions.find(function (position) {\n return currentX > position.left && currentX <= position.right && position.canShrink;\n });\n\n if (this.dropPosition) {\n this.dropPlaceholder.removeClass(\"left right\").css({\n left: this.dropPosition.placement === \"left\" ? this.dropPosition.left : \"\",\n right: this.dropPosition.placement === \"right\" ? linePosition.width - this.dropPosition.right : \"\",\n width: linePosition.width / this.resizeUtils.getGridSize() + \"px\"\n }).addClass(this.dropPosition.placement);\n }\n } else if (this.dropOverElement) {\n // Re-enable the column group sortable instance\n if (elementChildrenParent.data(\"ui-sortable\")) {\n elementChildrenParent.sortable(\"option\", \"disabled\", false);\n }\n\n this.dropPosition = null;\n this.dropPlaceholder.removeClass(\"left right\");\n }\n }\n /**\n * Cache the groups positions\n *\n * @param {JQuery} line\n * @returns {}\n */\n ;\n\n _proto.getLinePosition = function getLinePosition(line) {\n if (!this.linePositionCache) {\n this.linePositionCache = {\n top: line.offset().top,\n left: line.offset().left,\n width: line.width(),\n height: line.height(),\n outerWidth: line.outerWidth(),\n outerHeight: line.outerHeight()\n };\n }\n\n return this.linePositionCache;\n }\n /**\n * Init the droppable functionality for new columns\n *\n * @param {JQuery} line\n */\n ;\n\n _proto.initDroppable = function initDroppable(line) {\n var self = this;\n var headStyles;\n line.droppable({\n deactivate: function deactivate() {\n self.dropOverElement = null;\n self.dropPlaceholder.removeClass(\"left right\");\n\n _underscore.defer(function () {\n // Re-enable the column group sortable instance & all children sortable instances\n line.parents(\".element-children\").each(function () {\n if ((0, _jquery)(this).data(\"ui-sortable\")) {\n (0, _jquery)(this).sortable(\"option\", \"disabled\", false);\n }\n });\n });\n },\n activate: function activate() {\n if ((0, _registry2.getDraggedContentTypeConfig)() === _config.getContentTypeConfig(\"column-group\")) {\n var _ref;\n\n line.find(\".ui-sortable\").each(function () {\n if ((0, _jquery)(this).data(\"ui-sortable\")) {\n (0, _jquery)(this).sortable(\"option\", \"disabled\", true);\n }\n });\n var classes = [\".pagebuilder-content-type.pagebuilder-column .pagebuilder-drop-indicator\", \".pagebuilder-content-type.pagebuilder-column .empty-container .content-type-container:before\"]; // Ensure we don't display any drop indicators inside the column\n\n headStyles = (0, _createStylesheet.createStyleSheet)((_ref = {}, _ref[classes.join(\", \")] = {\n display: \"none!important\"\n }, _ref));\n document.head.appendChild(headStyles);\n } else if (headStyles) {\n headStyles.remove();\n headStyles = null;\n }\n },\n drop: function drop() {\n self.dropPositions = [];\n self.dropPlaceholder.removeClass(\"left right\");\n },\n out: function out() {\n self.dropOverElement = null;\n self.dropPlaceholder.removeClass(\"left right\");\n },\n over: function over() {\n // Is the element currently being dragged a column group?\n if ((0, _registry2.getDraggedContentTypeConfig)() === _config.getContentTypeConfig(\"column-group\") || (0, _registry2.getDraggedContentTypeConfig)() === _config.getContentTypeConfig(\"column\")) {\n // Always calculate drop positions when an element is dragged over\n var ownContentType = self.contentType;\n self.dropPositions = (0, _dragAndDrop.calculateDropPositions)(ownContentType);\n self.dropOverElement = true;\n } else {\n self.dropOverElement = null;\n }\n }\n });\n }\n /**\n * Spread any empty space across the other columns when a column is removed\n *\n * @param {number} removedIndex\n */\n ;\n\n _proto.spreadWidth = function spreadWidth(removedIndex) {\n if (this.contentType.children().length === 0) {\n return;\n }\n\n var availableWidth = 100 - this.resizeUtils.getColumnsWidth();\n var formattedAvailableWidth = (0, _resize.getRoundedColumnWidth)(availableWidth);\n var totalChildColumns = this.contentType.children().length;\n var allowedColumnWidths = [];\n var spreadAcross = 1;\n var spreadAmount;\n\n for (var i = this.resizeUtils.getGridSize(); i > 0; i--) {\n allowedColumnWidths.push((0, _resize.getRoundedColumnWidth)(100 / this.resizeUtils.getGridSize() * i));\n } // Determine how we can spread the empty space across the columns\n\n\n for (var _i = totalChildColumns; _i > 0; _i--) {\n var potentialWidth = Math.floor(formattedAvailableWidth / _i);\n\n for (var _iterator = _createForOfIteratorHelperLoose(allowedColumnWidths), _step; !(_step = _iterator()).done;) {\n var width = _step.value;\n\n if (potentialWidth === Math.floor(width)) {\n spreadAcross = _i;\n spreadAmount = formattedAvailableWidth / _i;\n break;\n }\n }\n\n if (spreadAmount) {\n break;\n }\n } // Let's spread the width across the columns\n\n\n for (var _i2 = 1; _i2 <= spreadAcross; _i2++) {\n var columnToModify = void 0; // As the original column has been removed from the array, check the new index for a column\n\n if (removedIndex <= this.contentType.children().length && typeof this.contentType.children()[removedIndex] !== \"undefined\") {\n columnToModify = this.contentType.children()[removedIndex];\n }\n\n if (!columnToModify && removedIndex - _i2 >= 0 && typeof this.contentType.children()[removedIndex - _i2] !== \"undefined\") {\n columnToModify = this.contentType.children()[removedIndex - _i2];\n }\n\n if (columnToModify) {\n (0, _resize.updateColumnWidth)(columnToModify, this.resizeUtils.getColumnWidth(columnToModify) + spreadAmount);\n }\n }\n }\n /**\n * Register a resize handle within a child column\n *\n * @param {ContentTypeCollectionInterface<ColumnPreview>} column\n * @param {JQuery} handle\n */\n ;\n\n _proto.registerResizeHandle = function registerResizeHandle(column, handle) {\n var _this8 = this;\n\n handle.off(\"mousedown touchstart\");\n handle.on(\"mousedown touchstart\", function (event) {\n event.preventDefault();\n\n var groupPosition = _this8.getLinePosition(_this8.element);\n\n _this8.resizing(true); // @ts-ignore\n\n\n _this8.resizeColumnInstance = column;\n _this8.resizeColumnWidths = _this8.resizeUtils.determineColumnWidths(_this8.resizeColumnInstance, groupPosition);\n _this8.resizeMaxGhostWidth = (0, _resize.determineMaxGhostWidth)(_this8.resizeColumnWidths); // Force the cursor to resizing\n\n (0, _jquery)(\"body\").css(\"cursor\", \"col-resize\"); // Reset the resize history\n\n _this8.resizeHistory = {\n left: [],\n right: []\n };\n _this8.resizeLastPosition = null;\n _this8.resizeMouseDown = true;\n ++_this8.interactionLevel;\n\n _events.trigger(\"stage:interactionStart\", {\n stageId: _this8.contentType.stageId\n });\n });\n }\n /**\n * Add Columns to the current Column Line\n *\n * @returns {Promise<ContentTypeCollectionInterface>}\n */\n ;\n\n _proto.createColumns = function createColumns() {\n var _this9 = this;\n\n var defaultGridSize = (0, _gridSize.getDefaultGridSize)();\n var col1Width = (Math.ceil(defaultGridSize / 2) * 100 / defaultGridSize).toFixed(Math.round(100 / defaultGridSize) !== 100 / defaultGridSize ? 8 : 0);\n Promise.all([(0, _contentTypeFactory)(_config.getContentTypeConfig(\"column\"), this.contentType, this.contentType.stageId, {\n width: col1Width + \"%\"\n }), (0, _contentTypeFactory)(_config.getContentTypeConfig(\"column\"), this.contentType, this.contentType.stageId, {\n width: 100 - parseFloat(col1Width) + \"%\"\n })]).then(function (columns) {\n _this9.contentType.addChild(columns[0], 0);\n\n _this9.contentType.addChild(columns[1], 1);\n\n _this9.fireMountEvent(_this9.contentType, columns[0], columns[1]);\n });\n }\n /**\n * Record the resizing history for this action\n *\n * @param {string} usedHistory\n * @param {string} direction\n * @param {ContentTypeCollectionInterface<ColumnPreview>} adjustedColumn\n * @param {string} modifyColumnInPair\n */\n ;\n\n _proto.recordResizeHistory = function recordResizeHistory(usedHistory, direction, adjustedColumn, modifyColumnInPair) {\n if (usedHistory) {\n this.resizeHistory[usedHistory].pop();\n }\n\n this.resizeHistory[direction].push({\n adjustedColumn: adjustedColumn,\n modifyColumnInPair: modifyColumnInPair\n });\n }\n /**\n * Set columns in the group as resizing\n *\n * @param {Array<ContentTypeCollectionInterface<ColumnPreview>>} columns\n */\n ;\n\n _proto.setColumnsAsResizing = function setColumnsAsResizing() {\n for (var _len = arguments.length, columns = new Array(_len), _key = 0; _key < _len; _key++) {\n columns[_key] = arguments[_key];\n }\n\n columns.forEach(function (column) {\n column.preview.resizing(true);\n column.preview.element.css({\n transition: \"width 350ms ease-in-out\"\n });\n });\n }\n /**\n * Handle a column being resized\n *\n * @param {ContentTypeCollectionInterface<ColumnPreview>} column\n * @param {number} width\n * @param {ContentTypeCollectionInterface<ColumnPreview>} adjustedColumn\n */\n ;\n\n _proto.onColumnResize = function onColumnResize(column, width, adjustedColumn) {\n this.resizeUtils.resizeColumn(column, width, adjustedColumn);\n }\n /**\n * Fire the mount event for content types\n *\n * @param {ContentTypeInterface[]} contentTypes\n */\n ;\n\n _proto.fireMountEvent = function fireMountEvent() {\n for (var _len2 = arguments.length, contentTypes = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {\n contentTypes[_key2] = arguments[_key2];\n }\n\n contentTypes.forEach(function (contentType) {\n _events.trigger(\"contentType:mountAfter\", {\n id: contentType.id,\n contentType: contentType\n });\n\n _events.trigger(contentType.config.name + \":mountAfter\", {\n id: contentType.id,\n contentType: contentType\n });\n });\n }\n /**\n * Remove self if we contain no children\n */\n ;\n\n _proto.removeIfEmpty = function removeIfEmpty() {\n if (this.contentType.children().length === 0) {\n this.contentType.parentContentType.removeChild(this.contentType);\n return;\n }\n };\n\n _proto.getNewColumnLineIndex = function getNewColumnLineIndex() {\n var index = -1;\n var self = this;\n\n for (var _iterator2 = _createForOfIteratorHelperLoose(this.contentType.parentContentType.children()), _step2; !(_step2 = _iterator2()).done;) {\n var child = _step2.value;\n index++;\n\n if (child.id === self.contentType.id) {\n break;\n }\n }\n\n if (this.columnLineBottomDropPlaceholder.hasClass(\"active\")) {\n // show the bottom drop placeholder\n index++;\n }\n\n return index;\n };\n\n _proto.isColumnBeingMovedToAnotherColumnLine = function isColumnBeingMovedToAnotherColumnLine() {\n var column = (0, _registry.getDragColumn)();\n\n if (!column) {\n // if no move position, column is not being moved.\n return false;\n }\n\n if (column.parentContentType !== this.contentType) {\n // if the parent content type is not same as this column line, column is being moved to new column line\n return true;\n }\n\n if (column.parentContentType === this.contentType && (this.columnLineDropPlaceholder.hasClass(\"active\") || this.columnLineBottomDropPlaceholder.hasClass(\"active\"))) {\n // since new column line drop placeholder is visible, column move should introduce a new column line\n return true;\n }\n\n return false;\n };\n\n return Preview;\n }(_previewCollection);\n\n return Preview;\n});\n//# sourceMappingURL=preview.js.map","Magento_PageBuilder/js/content-type/divider/preview.js":"/*eslint-disable */\n/* jscs:disable */\n\nfunction _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\ndefine([\"Magento_PageBuilder/js/content-type-menu/hide-show-option\", \"Magento_PageBuilder/js/content-type/preview\"], function (_hideShowOption, _preview) {\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n\n /**\n * @api\n */\n var Preview = /*#__PURE__*/function (_preview2) {\n \"use strict\";\n\n _inheritsLoose(Preview, _preview2);\n\n function Preview() {\n return _preview2.apply(this, arguments) || this;\n }\n\n var _proto = Preview.prototype;\n\n /**\n * Return an array of options\n *\n * @returns {OptionsInterface}\n */\n _proto.retrieveOptions = function retrieveOptions() {\n var options = _preview2.prototype.retrieveOptions.call(this);\n\n options.hideShow = new _hideShowOption({\n preview: this,\n icon: _hideShowOption.showIcon,\n title: _hideShowOption.showText,\n action: this.onOptionVisibilityToggle,\n classes: [\"hide-show-content-type\"],\n sort: 40\n });\n return options;\n };\n\n return Preview;\n }(_preview);\n\n return Preview;\n});\n//# sourceMappingURL=preview.js.map","Magento_PageBuilder/js/content-type/tab-item/preview.js":"/*eslint-disable */\n/* jscs:disable */\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\ndefine([\"jquery\", \"knockout\", \"Magento_PageBuilder/js/content-type-menu/conditional-remove-option\", \"Magento_PageBuilder/js/content-type/preview-collection\"], function (_jquery, _knockout, _conditionalRemoveOption, _previewCollection) {\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n\n /**\n * @api\n */\n var Preview = /*#__PURE__*/function (_previewCollection2) {\n \"use strict\";\n\n _inheritsLoose(Preview, _previewCollection2);\n\n function Preview() {\n var _this;\n\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n _this = _previewCollection2.call.apply(_previewCollection2, [this].concat(args)) || this;\n _this.fieldsToIgnoreOnRemove = [\"tab_name\"];\n return _this;\n }\n\n var _proto = Preview.prototype;\n\n /**\n * Get background image url base on the viewport.\n *\n * @returns {string}\n */\n _proto.getBackgroundImage = function getBackgroundImage() {\n var mobileImage = this.contentType.dataStore.get(\"mobile_image\");\n var desktopImage = this.contentType.dataStore.get(\"background_image\");\n var backgroundImage = this.viewport() === \"mobile\" && mobileImage.length ? mobileImage : desktopImage;\n return backgroundImage.length ? \"url(\\\"\" + backgroundImage[0].url + \"\\\")\" : \"none\";\n }\n /**\n * Force the focus on the clicked tab header\n *\n * @param {number} index\n * @param {JQueryEventObject} event\n */\n ;\n\n _proto.onClick = function onClick(index, event) {\n (0, _jquery)(event.currentTarget).find(\"[contenteditable]\").focus();\n event.stopPropagation();\n }\n /**\n * On focus in set the focused button\n *\n * @param {number} index\n * @param {Event} event\n */\n ;\n\n _proto.onFocusIn = function onFocusIn(index, event) {\n var parentPreview = this.contentType.parentContentType.preview;\n\n if (parentPreview.focusedTab() !== index) {\n parentPreview.setFocusedTab(index, true);\n }\n }\n /**\n * On focus out set the focused tab to null\n *\n * @param {number} index\n * @param {JQueryEventObject} event\n */\n ;\n\n _proto.onFocusOut = function onFocusOut(index, event) {\n if (this.contentType && this.contentType.parentContentType) {\n var parentPreview = this.contentType.parentContentType.preview;\n\n var unfocus = function unfocus() {\n window.getSelection().removeAllRanges();\n parentPreview.focusedTab(null);\n };\n\n if (event.relatedTarget && _jquery.contains(parentPreview.wrapperElement, event.relatedTarget)) {\n // Verify the focus was not onto the options menu\n if ((0, _jquery)(event.relatedTarget).closest(\".pagebuilder-options\").length > 0) {\n unfocus();\n } else {\n // Have we moved the focus onto another button in the current group?\n var tabItem = _knockout.dataFor(event.relatedTarget);\n\n if (tabItem && tabItem.contentType && tabItem.contentType.parentContentType && tabItem.contentType.parentContentType.id === this.contentType.parentContentType.id) {\n var newIndex = tabItem.contentType.parentContentType.children().indexOf(tabItem.contentType);\n parentPreview.setFocusedTab(newIndex, true);\n } else {\n unfocus();\n }\n }\n } else if (parentPreview.focusedTab() === index) {\n unfocus();\n }\n }\n }\n /**\n * Get the options instance\n *\n * @returns {OptionsInterface}\n */\n ;\n\n _proto.retrieveOptions = function retrieveOptions() {\n var options = _previewCollection2.prototype.retrieveOptions.call(this);\n\n delete options.move;\n delete options.title;\n options.remove = new _conditionalRemoveOption(_extends({}, options.remove.config, {\n preview: this\n }));\n return options;\n };\n\n return Preview;\n }(_previewCollection);\n\n return Preview;\n});\n//# sourceMappingURL=preview.js.map","Magento_PageBuilder/js/content-type/slide/preview.js":"/*eslint-disable */\n/* jscs:disable */\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\ndefine([\"jarallax\", \"jarallaxVideo\", \"jquery\", \"knockout\", \"mage/translate\", \"Magento_PageBuilder/js/events\", \"mageUtils\", \"underscore\", \"vimeoWrapper\", \"Magento_PageBuilder/js/content-type-menu/conditional-remove-option\", \"Magento_PageBuilder/js/uploader\", \"Magento_PageBuilder/js/utils/delay-until\", \"Magento_PageBuilder/js/utils/editor\", \"Magento_PageBuilder/js/utils/nesting-link-dialog\", \"Magento_PageBuilder/js/utils/nesting-widget-dialog\", \"Magento_PageBuilder/js/wysiwyg/factory\", \"Magento_PageBuilder/js/content-type/preview\"], function (_jarallax, _jarallaxVideo, _jquery, _knockout, _translate, _events, _mageUtils, _underscore, _vimeoWrapper, _conditionalRemoveOption, _uploader, _delayUntil, _editor, _nestingLinkDialog, _nestingWidgetDialog, _factory, _preview) {\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n\n /**\n * @api\n */\n var Preview = /*#__PURE__*/function (_preview2) {\n \"use strict\";\n\n _inheritsLoose(Preview, _preview2);\n\n function Preview() {\n var _this;\n\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n _this = _preview2.call.apply(_preview2, [this].concat(args)) || this;\n _this.buttonPlaceholder = (0, _translate)(\"Edit Button Text\");\n _this.slideName = _knockout.observable();\n _this.wysiwygDeferred = _jquery.Deferred();\n _this.slideChanged = true;\n _this.handledDoubleClick = false;\n _this.videoUpdateProperties = [\"background_type\", \"video_fallback_image\", \"video_lazy_load\", \"video_loop\", \"video_play_only_visible\", \"video_source\"];\n _this.buildJarallax = _underscore.debounce(function () {\n // Destroy all instances of the plugin prior\n try {\n jarallax(_this.wrapper, \"destroy\");\n } catch (e) {// Failure of destroying is acceptable\n }\n\n if (_this.wrapper && _this.wrapper.dataset.backgroundType === \"video\" && _this.wrapper.dataset.videoSrc.length) {\n _underscore.defer(function () {\n // Build Parallax on elements with the correct class\n var viewportElement = (0, _jquery)(\"<div/>\").addClass(\"jarallax-viewport-element\");\n (0, _jquery)(_this.wrapper).append((0, _jquery)(\".jarallax-viewport-element\", _this.wrapper).length ? \"\" : viewportElement);\n jarallax(_this.wrapper, {\n videoSrc: _this.wrapper.dataset.videoSrc,\n imgSrc: _this.wrapper.dataset.videoFallbackSrc,\n videoLoop: _this.contentType.dataStore.get(\"video_loop\") === \"true\",\n speed: 1,\n videoPlayOnlyVisible: _this.contentType.dataStore.get(\"video_play_only_visible\") === \"true\",\n elementInViewport: (0, _jquery)(\".jarallax-viewport-element\", _this.wrapper),\n videoLazyLoading: _this.contentType.dataStore.get(\"video_lazy_load\") === \"true\"\n }); // @ts-ignore\n\n if (_this.wrapper.jarallax && _this.wrapper.jarallax.video) {\n // @ts-ignore\n _this.wrapper.jarallax.video.on(\"started\", function () {\n // @ts-ignore\n if (_this.wrapper.jarallax && _this.wrapper.jarallax.$video) {\n // @ts-ignore\n _this.wrapper.jarallax.$video.style.visibility = \"visible\";\n }\n });\n }\n });\n }\n }, 50);\n return _this;\n }\n\n var _proto = Preview.prototype;\n\n /**\n * Get background image url base on the viewport.\n *\n * @returns {string}\n */\n _proto.getBackgroundImage = function getBackgroundImage() {\n var mobileImage = this.contentType.dataStore.get(\"mobile_image\");\n var desktopImage = this.contentType.dataStore.get(\"background_image\");\n var backgroundImage = this.viewport() === \"mobile\" && mobileImage.length ? mobileImage : desktopImage;\n return backgroundImage.length ? \"url(\\\"\" + backgroundImage[0].url + \"\\\")\" : \"none\";\n }\n /**\n * @param {HTMLElement} element\n */\n ;\n\n _proto.afterRenderWysiwyg = function afterRenderWysiwyg(element) {\n var _this2 = this;\n\n this.element = element;\n element.id = this.contentType.id + \"-editor\"; // Set the innerHTML manually so we don't upset Knockout & TinyMCE\n\n element.innerHTML = this.data.content.html();\n this.contentType.dataStore.subscribe(function () {\n // If we're not focused into TinyMCE inline, update the value when it changes in the data store\n if (!_this2.wysiwyg || _this2.wysiwyg && _this2.wysiwyg.getAdapter().id !== (0, _editor.getActiveEditor)().id) {\n element.innerHTML = _this2.data.content.html();\n }\n }, \"content\");\n /**\n * afterRenderWysiwyg is called whenever Knockout causes a DOM re-render. This occurs frequently within Slider\n * due to Slick's inability to perform a refresh with Knockout managing the DOM. Due to this the original\n * WYSIWYG instance will be detached from this slide and we need to re-initialize on click.\n */\n\n this.wysiwyg = null;\n }\n /**\n * Set state based on overlay mouseover event for the preview\n */\n ;\n\n _proto.onMouseOverWrapper = function onMouseOverWrapper() {\n // Triggers the visibility of the overlay content to show\n if (this.data.main.attributes()[\"data-show-overlay\"] === \"hover\") {\n this.data.overlay.attributes(Object.assign(this.data.overlay.attributes(), {\n \"data-background-color-orig\": this.data.overlay.style().backgroundColor\n }));\n this.data.overlay.style(Object.assign(this.data.overlay.style(), {\n backgroundColor: this.data.overlay.attributes()[\"data-overlay-color\"]\n }));\n }\n\n if (this.data.main.attributes()[\"data-show-button\"] === \"hover\") {\n this.data.button.style(Object.assign(this.data.button.style(), {\n opacity: 1,\n visibility: \"visible\"\n }));\n }\n }\n /**\n * Set state based on overlay mouseout event for the preview\n */\n ;\n\n _proto.onMouseOutWrapper = function onMouseOutWrapper() {\n // Triggers the visibility of the overlay content to hide\n if (this.data.main.attributes()[\"data-show-overlay\"] === \"hover\") {\n this.data.overlay.style(Object.assign(this.data.overlay.style(), {\n backgroundColor: this.data.overlay.attributes()[\"data-background-color-orig\"]\n }));\n }\n\n if (this.data.main.attributes()[\"data-show-button\"] === \"hover\") {\n this.data.button.style(Object.assign(this.data.button.style(), {\n opacity: 0,\n visibility: \"hidden\"\n }));\n }\n }\n /**\n * Get the options instance\n *\n * @returns {OptionsInterface}\n */\n ;\n\n _proto.retrieveOptions = function retrieveOptions() {\n var options = _preview2.prototype.retrieveOptions.call(this);\n\n delete options.move;\n options.remove = new _conditionalRemoveOption(_extends({}, options.remove.config, {\n preview: this\n }));\n return options;\n }\n /**\n * Get registry callback reference to uploader UI component\n *\n * @returns {Uploader}\n */\n ;\n\n _proto.getUploader = function getUploader() {\n var initialImageValue = this.contentType.dataStore.get(this.config.additional_data.uploaderConfig.dataScope, \"\"); // Create uploader\n\n return new _uploader(\"imageuploader_\" + this.contentType.id, this.config.additional_data.uploaderConfig, this.contentType.id, this.contentType.dataStore, initialImageValue);\n }\n /**\n * Makes WYSIWYG active\n *\n * @param {Preview} preview\n * @param {JQueryEventObject} event\n * @returns {Boolean}\n */\n ;\n\n _proto.activateEditor = function activateEditor(preview, event) {\n var _this3 = this;\n\n if (this.element && !this.wysiwyg) {\n var bookmark = (0, _editor.createBookmark)(event);\n (0, _editor.lockImageSize)(this.element);\n this.element.removeAttribute(\"contenteditable\");\n\n _underscore.defer(function () {\n _this3.initWysiwygFromClick(true).then(function () {\n return (0, _delayUntil)(function () {\n // We no longer need to handle double click once it's initialized\n _this3.handledDoubleClick = true;\n\n _this3.wysiwygDeferred.resolve();\n\n (0, _editor.moveToBookmark)(bookmark);\n (0, _editor.unlockImageSize)(_this3.element);\n }, function () {\n return _this3.element.classList.contains(\"mce-edit-focus\");\n }, 10);\n }).catch(function (error) {\n // If there's an error with init of WYSIWYG editor push into the console to aid support\n console.error(error);\n });\n });\n } else if (this.element && this.wysiwyg) {\n var element = this.element || this.textarea;\n\n if (event.currentTarget !== event.target && event.target !== element && !element.contains(event.target)) {\n return;\n }\n\n element.focus();\n }\n }\n /**\n * If a user double clicks prior to initializing TinyMCE, forward the event\n *\n * @param preview\n * @param event\n */\n ;\n\n _proto.handleDoubleClick = function handleDoubleClick(preview, event) {\n var _this4 = this;\n\n if (this.handledDoubleClick) {\n return;\n }\n\n event.preventDefault();\n var targetIndex = (0, _editor.findNodeIndex)(this.element, event.target.tagName, event.target);\n this.handledDoubleClick = true;\n this.wysiwygDeferred.then(function () {\n var target = document.getElementById(event.target.id);\n\n if (!target) {\n target = (0, _editor.getNodeByIndex)(_this4.element, event.target.tagName, targetIndex);\n }\n\n if (target) {\n target.dispatchEvent((0, _editor.createDoubleClickEvent)());\n }\n });\n }\n /**\n * Stop event to prevent execution of action when editing textarea.\n *\n * @param {Preview} preview\n * @param {JQueryEventObject} event\n * @returns {Boolean}\n */\n ;\n\n _proto.stopEvent = function stopEvent(preview, event) {\n event.stopPropagation();\n return true;\n }\n /**\n * @returns {Boolean}\n */\n ;\n\n _proto.isWysiwygSupported = function isWysiwygSupported() {\n return (0, _editor.isWysiwygSupported)();\n }\n /**\n * @param {HTMLTextAreaElement} element\n */\n ;\n\n _proto.initTextarea = function initTextarea(element) {\n var _this5 = this;\n\n this.textarea = element; // set initial value of textarea based on data store\n\n this.textarea.value = this.contentType.dataStore.get(\"content\");\n this.adjustTextareaHeightBasedOnScrollHeight(); // Update content in our stage preview textarea after its slideout counterpart gets updated\n\n _events.on(\"form:\" + this.contentType.id + \":saveAfter\", function () {\n _this5.textarea.value = _this5.contentType.dataStore.get(\"content\");\n\n _this5.adjustTextareaHeightBasedOnScrollHeight();\n });\n }\n /**\n * Save current value of textarea in data store\n */\n ;\n\n _proto.onTextareaKeyUp = function onTextareaKeyUp() {\n this.adjustTextareaHeightBasedOnScrollHeight();\n this.contentType.dataStore.set(\"content\", this.textarea.value);\n }\n /**\n * Start stage interaction on textarea blur\n */\n ;\n\n _proto.onTextareaFocus = function onTextareaFocus() {\n (0, _jquery)(this.textarea).closest(\".pagebuilder-content-type\").addClass(\"pagebuilder-toolbar-active\");\n\n _events.trigger(\"stage:interactionStart\");\n }\n /**\n * Stop stage interaction on textarea blur\n */\n ;\n\n _proto.onTextareaBlur = function onTextareaBlur() {\n (0, _jquery)(this.textarea).closest(\".pagebuilder-content-type\").removeClass(\"pagebuilder-toolbar-active\");\n\n _events.trigger(\"stage:interactionStop\");\n }\n /**\n * Init WYSIWYG on load\n *\n * @param element\n * @deprecated please use activateEditor & initWysiwygFromClick\n */\n ;\n\n _proto.initWysiwyg = function initWysiwyg(element) {\n this.element = element;\n element.id = this.contentType.id + \"-editor\";\n this.wysiwyg = null;\n return this.initWysiwygFromClick(true);\n }\n /**\n * Init the WYSIWYG\n *\n * @param {boolean} focus Should wysiwyg focus after initialization?\n * @returns Promise\n */\n ;\n\n _proto.initWysiwygFromClick = function initWysiwygFromClick(focus) {\n var _this6 = this;\n\n if (focus === void 0) {\n focus = false;\n }\n\n if (this.wysiwyg) {\n return Promise.resolve(this.wysiwyg);\n }\n\n var wysiwygConfig = this.config.additional_data.wysiwygConfig.wysiwygConfigData;\n\n if (focus) {\n wysiwygConfig.adapter.settings.auto_focus = this.element.id;\n\n wysiwygConfig.adapter.settings.init_instance_callback = function (editor) {\n editor.on(\"blur\", function () {\n (0, _nestingLinkDialog)(_this6.contentType.dataStore, _this6.wysiwyg, \"content\", \"link_url\");\n (0, _nestingWidgetDialog)(_this6.contentType.dataStore, _this6.wysiwyg, \"content\", \"link_url\");\n });\n\n _underscore.defer(function () {\n _this6.element.blur();\n\n _this6.element.focus();\n });\n };\n }\n\n return (0, _factory)(this.contentType.id, this.element.id, this.config.name, wysiwygConfig, this.contentType.dataStore, \"content\", this.contentType.stageId).then(function (wysiwyg) {\n _this6.wysiwyg = wysiwyg;\n return wysiwyg;\n });\n }\n /**\n * Init the parallax element\n *\n * @param {HTMLElement} element\n */\n ;\n\n _proto.initParallax = function initParallax(element) {\n var _this7 = this;\n\n this.wrapper = element;\n\n _underscore.defer(function () {\n _this7.buildJarallax();\n });\n }\n /**\n * Destroy jarallax instance.\n */\n ;\n\n _proto.destroy = function destroy() {\n _preview2.prototype.destroy.call(this);\n\n if (this.wrapper) {\n jarallax(this.wrapper, \"destroy\");\n }\n }\n /**\n * @inheritDoc\n */\n ;\n\n _proto.bindEvents = function bindEvents() {\n var _this8 = this;\n\n _preview2.prototype.bindEvents.call(this);\n\n _events.on(\"slide:mountAfter\", function (args) {\n if (args.id === _this8.contentType.id) {\n _this8.buildJarallax();\n\n _this8.isSnapshot.subscribe(function (value) {\n _this8.changeUploaderControlsVisibility();\n });\n\n _this8.changeUploaderControlsVisibility();\n }\n });\n\n _events.on(this.config.name + \":\" + this.contentType.id + \":updateAfter\", function () {\n var dataStore = _this8.contentType.dataStore.getState();\n\n var imageObject = dataStore[_this8.config.additional_data.uploaderConfig.dataScope][0] || {};\n\n _events.trigger(\"image:\" + _this8.contentType.id + \":assignAfter\", imageObject);\n }); // Remove wysiwyg before assign new instance.\n\n\n _events.on(\"childContentType:sortUpdate\", function (args) {\n if (args.instance.id === _this8.contentType.parentContentType.id) {\n _this8.wysiwyg = null;\n }\n });\n\n _events.on(this.config.name + \":mountAfter\", function (args) {\n if (args.id === _this8.contentType.id) {\n // Update the display label for the slide\n var slider = _this8.contentType.parentContentType;\n\n _this8.displayLabel((0, _translate)(\"Slide \" + (slider.children().indexOf(_this8.contentType) + 1)));\n\n slider.children.subscribe(function (children) {\n var index = children.indexOf(_this8.contentType);\n\n _this8.displayLabel((0, _translate)(\"Slide \" + (slider.children().indexOf(_this8.contentType) + 1)));\n });\n }\n });\n\n _events.on(this.config.name + \":renderAfter\", function (args) {\n if (args.id === _this8.contentType.id) {\n var slider = _this8.contentType.parentContentType;\n (0, _jquery)(slider.preview.element).on(\"beforeChange\", function () {\n _this8.slideChanged = false;\n });\n (0, _jquery)(slider.preview.element).on(\"afterChange\", function (event, slick) {\n (0, _jquery)(slick.$slides).each(function (index, slide) {\n var videoSlide = slide.querySelector(\".jarallax\");\n\n if (videoSlide) {\n jarallax(videoSlide, \"onScroll\");\n }\n });\n _this8.slideChanged = true;\n });\n }\n });\n\n this.contentType.dataStore.subscribe(function (data) {\n _this8.slideName(data.slide_name);\n\n if (_this8.shouldUpdateVideo(data)) {\n _this8.buildJarallax();\n }\n });\n\n _events.on(\"image:\" + this.contentType.id + \":uploadAfter\", function () {\n _this8.contentType.dataStore.set(\"background_type\", \"image\");\n });\n\n _events.on(\"stage:\" + this.contentType.stageId + \":viewportChangeAfter\", function (args) {\n if (_this8.contentType.dataStore.get(\"background_type\") === \"video\") {\n _this8.buildJarallax();\n }\n });\n }\n /**\n * Change uploader controls visibility\n */\n ;\n\n _proto.changeUploaderControlsVisibility = function changeUploaderControlsVisibility() {\n var _this9 = this;\n\n this.getUploader().getUiComponent()(function (uploader) {\n uploader.visibleControls = !_this9.isSnapshot();\n });\n }\n /**\n * Update image data inside data store\n *\n * @param {Array} data - list of each files' data\n */\n ;\n\n _proto.onImageUploaded = function onImageUploaded(data) {\n this.contentType.dataStore.set(this.config.additional_data.uploaderConfig.dataScope, data);\n }\n /**\n * Adjust textarea's height based on scrollHeight\n */\n ;\n\n _proto.adjustTextareaHeightBasedOnScrollHeight = function adjustTextareaHeightBasedOnScrollHeight() {\n this.textarea.style.height = \"\";\n var scrollHeight = this.textarea.scrollHeight;\n var minHeight = parseInt((0, _jquery)(this.textarea).css(\"min-height\"), 10);\n\n if (scrollHeight === minHeight) {\n // leave height at 'auto'\n return;\n }\n\n (0, _jquery)(this.textarea).height(scrollHeight);\n }\n /**\n * Check if video options has been updated.\n *\n * @return boolean\n */\n ;\n\n _proto.shouldUpdateVideo = function shouldUpdateVideo(state) {\n var _this10 = this;\n\n var previousState = this.contentType.dataStore.getPreviousState();\n\n var diff = _mageUtils.compare(previousState, state).changes;\n\n if (diff.length > 0) {\n return _underscore.some(diff, function (element) {\n if (element.name === \"video_fallback_image\") {\n return (!_underscore.isEmpty(previousState.video_fallback_image) && previousState.video_fallback_image) !== (!_underscore.isEmpty(state.video_fallback_image) && state.video_fallback_image);\n }\n\n return _this10.videoUpdateProperties.indexOf(element.name) !== -1;\n });\n }\n };\n\n return Preview;\n }(_preview);\n\n return Preview;\n});\n//# sourceMappingURL=preview.js.map","Magento_PageBuilder/js/content-type/slide/appearance/default/widget.js":"/**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\ndefine([\n 'jquery',\n 'underscore',\n 'Magento_PageBuilder/js/widget/show-on-hover',\n 'Magento_PageBuilder/js/widget/video-background'\n], function ($, _, showOnHover, videoBackground) {\n 'use strict';\n\n return function (config, element) {\n var videoElement = element[0].querySelector('[data-background-type=video]'),\n viewportElement = document.createElement('div'),\n $slider = null;\n\n showOnHover(config);\n\n if (videoElement) {\n $slider = $(element).closest('[data-content-type=slider]');\n viewportElement.classList.add('jarallax-viewport-element');\n videoElement.setAttribute('data-element-in-viewport', '.jarallax-viewport-element');\n videoElement.appendChild(viewportElement);\n videoBackground(config, videoElement);\n\n if ($slider.data('afterChangeIsSet')) {\n return;\n }\n\n $slider.on('afterChange init', function () {\n var videoSlides = $slider[0].querySelectorAll('.jarallax');\n\n _.each(videoSlides, function (videoSlide) {\n videoSlide.jarallax && videoSlide.jarallax.onScroll();\n });\n });\n $slider.data('afterChangeIsSet', true);\n }\n };\n});\n","Magento_PageBuilder/js/content-type/slide/wysiwyg/tinymce/component-initializer.js":"/*eslint-disable */\n/* jscs:disable */\ndefine([\"jquery\", \"mage/adminhtml/wysiwyg/events\", \"Magento_PageBuilder/js/utils/delay-until\"], function (_jquery, _events, _delayUntil) {\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n var ComponentInitializer = /*#__PURE__*/function () {\n \"use strict\";\n\n function ComponentInitializer() {\n this.sliderSelector = \".slick-list\";\n this.sliderContentSelector = \".slick-track\";\n this.slideSelector = \".slick-slide\";\n this.activeSlideSelector = \".slick-current\";\n this.slideChanging = false;\n }\n\n var _proto = ComponentInitializer.prototype;\n\n /**\n * Initialize the instance\n *\n * @param {Wysiwyg} wysiwyg\n */\n _proto.initialize = function initialize(wysiwyg) {\n var _this = this;\n\n this.$element = (0, _jquery)(\"#\" + wysiwyg.elementId);\n this.config = wysiwyg.config;\n var tinymce = wysiwyg.getAdapter();\n tinymce.eventBus.attachEventHandler(_events.afterFocus, this.onFocus.bind(this));\n tinymce.eventBus.attachEventHandler(_events.afterBlur, this.onBlur.bind(this)); // Update our KO pointer to the active slide on change\n\n (0, _jquery)(this.$element.parents(this.sliderSelector)).parent().on(\"beforeChange\", function () {\n _this.slideChanging = true;\n }).on(\"afterChange\", function () {\n _this.slideChanging = false;\n });\n }\n /**\n * Event handler for wysiwyg focus\n * Fixes z-index issues for tabs and column\n * Fixes slider\n */\n ;\n\n _proto.onFocus = function onFocus() {\n var _this2 = this;\n\n var $slider = (0, _jquery)(this.$element.parents(this.sliderSelector));\n var sliderContent = this.$element.parents(this.sliderContentSelector)[0];\n var $notActiveSlides = $slider.find(this.slideSelector).not(this.activeSlideSelector); // If there isn't enough room for a left-aligned toolbar, right align it\n\n if ((0, _jquery)(window).width() < this.$element.offset().left + parseInt(this.config.adapter_config.minToolbarWidth, 10)) {\n this.$element.addClass(\"_right-aligned-toolbar\");\n } else {\n this.$element.removeClass(\"_right-aligned-toolbar\");\n }\n\n (0, _delayUntil)(function () {\n _jquery.each(_this2.config.adapter_config.parentSelectorsToUnderlay, function (i, selector) {\n _this2.$element.closest(selector).css(\"z-index\", 100);\n }); // Disable slider keyboard events and fix problem with overflow hidden issue\n\n\n $slider.parent().slick(\"slickSetOption\", \"accessibility\", false);\n _this2.autoplay = $slider.parent().slick(\"slickGetOption\", \"autoplay\");\n _this2.fade = $slider.parent().slick(\"slickGetOption\", \"fade\");\n\n if (_this2.autoplay) {\n $slider.parent().slick(\"slickPause\");\n }\n\n if (!_this2.fade) {\n $notActiveSlides.css(\"display\", \"none\");\n }\n\n _this2.sliderTransform = sliderContent.style.transform;\n sliderContent.style.transform = \"\";\n $slider.css(\"overflow\", \"visible\");\n }, function () {\n return !_this2.slideChanging;\n }, 10);\n }\n /**\n * Event handler for wysiwyg blur\n * Fixes z-index issues for tabs and column\n * Fixes slider\n */\n ;\n\n _proto.onBlur = function onBlur() {\n var _this3 = this;\n\n var $slider = (0, _jquery)(this.$element.parents(this.sliderSelector));\n var sliderContent = this.$element.parents(this.sliderContentSelector)[0];\n var $notActiveSlides = $slider.find(this.slideSelector).not(this.activeSlideSelector);\n\n _jquery.each(this.config.adapter_config.parentSelectorsToUnderlay, function (i, selector) {\n _this3.$element.closest(selector).css(\"z-index\", \"\");\n }); // Enable slider keyboard events and revert changes made in onFocus\n\n\n $slider.css(\"overflow\", \"hidden\");\n sliderContent.style.transform = this.sliderTransform;\n $notActiveSlides.css(\"display\", \"block\");\n $slider.parent().slick(\"slickSetOption\", \"accessibility\", true);\n\n if (this.autoplay) {\n $slider.parent().slick(\"slickPlay\");\n }\n };\n\n return ComponentInitializer;\n }();\n\n return ComponentInitializer;\n});\n//# sourceMappingURL=component-initializer.js.map","Magento_PageBuilder/js/content-type/slide/wysiwyg/tinymce/config-modifier.js":"/*eslint-disable */\n/* jscs:disable */\ndefine([], function () {\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n var ConfigModifier = /*#__PURE__*/function () {\n \"use strict\";\n\n function ConfigModifier() {}\n\n var _proto = ConfigModifier.prototype;\n\n /**\n * Initialize the config\n *\n * @param {String} contentTypeId\n * @param {Object} config\n */\n _proto.modify = function modify(contentTypeId, config) {\n if (config.adapter_config.mode === \"inline\") {\n config.adapter.settings.fixed_toolbar_container = \"#\" + contentTypeId + \" .wysiwyg-container\";\n }\n };\n\n return ConfigModifier;\n }();\n\n return ConfigModifier;\n});\n//# sourceMappingURL=config-modifier.js.map","Magento_PageBuilder/js/content-type/slide/converter/style/margins.js":"/*eslint-disable */\n/* jscs:disable */\ndefine([\"underscore\", \"Magento_PageBuilder/js/utils/object\"], function (_underscore, _object) {\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n var Margins = /*#__PURE__*/function () {\n \"use strict\";\n\n function Margins() {}\n\n var _proto = Margins.prototype;\n\n /**\n * Convert value to internal format\n *\n * @param value string\n * @returns {string | object}\n */\n _proto.fromDom = function fromDom(value) {\n if (undefined !== value.margin) {\n return {\n margin: {\n top: value.margin.top.replace(\"px\", \"\"),\n left: value.margin.left.replace(\"px\", \"\"),\n right: value.margin.right.replace(\"px\", \"\"),\n bottom: value.margin.bottom.replace(\"px\", \"\")\n }\n };\n }\n\n return {};\n }\n /**\n * Convert value to knockout format\n *\n * @param {string} name\n * @param {DataObject} data\n * @returns {string | object}\n */\n ;\n\n _proto.toDom = function toDom(name, data) {\n var result = {};\n var value = (0, _object.get)(data, name);\n\n if (value && _underscore.isString(value)) {\n value = JSON.parse(value);\n }\n\n if (value && undefined !== value.margin) {\n result.marginLeft = value.margin.left ? value.margin.left + \"px\" : \"\";\n result.marginTop = value.margin.top ? value.margin.top + \"px\" : \"\";\n result.marginRight = value.margin.right ? value.margin.right + \"px\" : \"\";\n result.marginBottom = value.margin.bottom ? value.margin.bottom + \"px\" : \"\";\n }\n\n return result;\n };\n\n return Margins;\n }();\n\n return Margins;\n});\n//# sourceMappingURL=margins.js.map","Magento_PageBuilder/js/content-type/slide/converter/style/button-visibility.js":"/*eslint-disable */\n/* jscs:disable */\ndefine([], function () {\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n var ButtonVisibility = /*#__PURE__*/function () {\n \"use strict\";\n\n function ButtonVisibility() {}\n\n var _proto = ButtonVisibility.prototype;\n\n /**\n * Convert value to internal format\n *\n * @param value string\n * @returns {string | object}\n */\n _proto.fromDom = function fromDom(value) {\n return value;\n }\n /**\n * Convert value to knockout format\n *\n * @param {string} name\n * @param {DataObject} data\n * @returns {string | object}\n */\n ;\n\n _proto.toDom = function toDom(name, data) {\n return data.show_button === \"always\" ? \"visible\" : \"hidden\";\n };\n\n return ButtonVisibility;\n }();\n\n return ButtonVisibility;\n});\n//# sourceMappingURL=button-visibility.js.map","Magento_PageBuilder/js/content-type/slide/converter/style/button-opacity.js":"/*eslint-disable */\n/* jscs:disable */\ndefine([], function () {\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n var ButtonOpacity = /*#__PURE__*/function () {\n \"use strict\";\n\n function ButtonOpacity() {}\n\n var _proto = ButtonOpacity.prototype;\n\n /**\n * Convert value to internal format\n *\n * @param value string\n * @returns {string | object}\n */\n _proto.fromDom = function fromDom(value) {\n return value;\n }\n /**\n * Convert value to knockout format\n *\n * @param {string} name\n * @param {DataObject} data\n * @returns {string | object}\n */\n ;\n\n _proto.toDom = function toDom(name, data) {\n return data.show_button === \"always\" ? \"1\" : \"0\";\n };\n\n return ButtonOpacity;\n }();\n\n return ButtonOpacity;\n});\n//# sourceMappingURL=button-opacity.js.map","Magento_PageBuilder/js/content-type/slide/converter/style/paddings.js":"/*eslint-disable */\n/* jscs:disable */\ndefine([\"underscore\", \"Magento_PageBuilder/js/utils/object\"], function (_underscore, _object) {\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n var Paddings = /*#__PURE__*/function () {\n \"use strict\";\n\n function Paddings() {}\n\n var _proto = Paddings.prototype;\n\n /**\n * Convert value to internal format\n *\n * @param value string\n * @returns {string | object}\n */\n _proto.fromDom = function fromDom(value) {\n var result = {};\n\n if (undefined !== value.padding) {\n result.padding = {\n bottom: value.padding.bottom.replace(\"px\", \"\"),\n left: value.padding.left.replace(\"px\", \"\"),\n right: value.padding.right.replace(\"px\", \"\"),\n top: value.padding.top.replace(\"px\", \"\")\n };\n }\n\n if (result.padding.right[0] === \"c\") {\n result.padding.right = parseInt(result.padding.right.split(\"+\")[1].trim(), 10);\n }\n\n if (result.padding.left[0] === \"c\") {\n result.padding.left = parseInt(result.padding.left.split(\"+\")[1].trim(), 10);\n }\n\n return result;\n }\n /**\n * Convert value to knockout format\n *\n * @param {string} name\n * @param {DataObject} data\n * @returns {string | object}\n */\n ;\n\n _proto.toDom = function toDom(name, data) {\n var result = {};\n var value = (0, _object.get)(data, name);\n\n if (value && _underscore.isString(value)) {\n value = JSON.parse(value);\n }\n\n if (value && undefined !== value.padding) {\n result.paddingLeft = value.padding.left ? value.padding.left + \"px\" : \"\";\n result.paddingTop = value.padding.top ? value.padding.top + \"px\" : \"\";\n result.paddingRight = value.padding.right ? value.padding.right + \"px\" : \"\";\n result.paddingBottom = value.padding.bottom ? value.padding.bottom + \"px\" : \"\";\n }\n\n return result;\n };\n\n return Paddings;\n }();\n\n return Paddings;\n});\n//# sourceMappingURL=paddings.js.map","Magento_PageBuilder/js/content-type/slide/converter/style/overlay-background-color.js":"/*eslint-disable */\n/* jscs:disable */\ndefine([\"Magento_PageBuilder/js/utils/object\"], function (_object) {\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n var OverlayBackgroundColor = /*#__PURE__*/function () {\n \"use strict\";\n\n function OverlayBackgroundColor() {}\n\n var _proto = OverlayBackgroundColor.prototype;\n\n /**\n * Convert value to internal format\n *\n * @param value string\n * @returns {string | object}\n */\n _proto.fromDom = function fromDom(value) {\n return value;\n }\n /**\n * Convert value to knockout format\n *\n * @param name string\n * @param data Object\n * @returns {string | object}\n */\n ;\n\n _proto.toDom = function toDom(name, data) {\n var value = (0, _object.get)(data, name);\n\n if (data.show_overlay === \"always\" && value !== \"\" && value !== undefined) {\n return value;\n }\n\n return \"transparent\";\n };\n\n return OverlayBackgroundColor;\n }();\n\n return OverlayBackgroundColor;\n});\n//# sourceMappingURL=overlay-background-color.js.map","Magento_PageBuilder/js/content-type/slide/converter/attribute/overlay-color.js":"/*eslint-disable */\n/* jscs:disable */\ndefine([], function () {\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n var OverlayColor = /*#__PURE__*/function () {\n \"use strict\";\n\n function OverlayColor() {}\n\n var _proto = OverlayColor.prototype;\n\n /**\n * Convert value to internal format\n *\n * @param value string\n * @returns {string | object}\n */\n _proto.fromDom = function fromDom(value) {\n return value === \"transparent\" ? \"\" : value;\n }\n /**\n * Convert value to knockout format\n *\n * @param {string} name\n * @param {DataObject} data\n * @returns {string | object}\n */\n ;\n\n _proto.toDom = function toDom(name, data) {\n if (data.overlay_color) {\n return data.overlay_color.toString();\n }\n\n return \"\";\n };\n\n return OverlayColor;\n }();\n\n return OverlayColor;\n});\n//# sourceMappingURL=overlay-color.js.map","Magento_PageBuilder/js/content-type/row/preview.js":"/*eslint-disable */\n/* jscs:disable */\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return self; }\n\nfunction _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\ndefine([\"jarallax\", \"jarallaxVideo\", \"jquery\", \"knockout\", \"Magento_PageBuilder/js/events\", \"Magento_PageBuilder/js/resource/resize-observer/ResizeObserver\", \"underscore\", \"vimeoWrapper\", \"Magento_PageBuilder/js/content-type-menu/hide-show-option\", \"Magento_PageBuilder/js/content-type/preview-collection\"], function (_jarallax, _jarallaxVideo, _jquery, _knockout, _events, _ResizeObserver, _underscore, _vimeoWrapper, _hideShowOption, _previewCollection) {\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n\n /**\n * @api\n */\n var Preview = /*#__PURE__*/function (_previewCollection2) {\n \"use strict\";\n\n _inheritsLoose(Preview, _previewCollection2);\n\n /**\n * Debounce and defer the init of Jarallax\n *\n * @type {(() => void) & _.Cancelable}\n */\n\n /**\n * @param {ContentTypeInterface} contentType\n * @param {ContentTypeConfigInterface} config\n * @param {ObservableUpdater} observableUpdater\n */\n function Preview(contentType, config, observableUpdater) {\n var _this;\n\n _this = _previewCollection2.call(this, contentType, config, observableUpdater) || this;\n _this.wrapClass = _knockout.observable(false);\n _this.buildJarallax = _underscore.debounce(function () {\n // Destroy all instances of the plugin prior\n try {\n jarallax(_this.element, \"destroy\");\n } catch (e) {// Failure of destroying is acceptable\n }\n\n if (_this.element && (0, _jquery)(_this.element).hasClass(\"jarallax\") && _this.contentType.dataStore.get(\"background_type\") !== \"video\" && _this.contentType.dataStore.get(\"background_image\").length) {\n _underscore.defer(function () {\n // Build Parallax on elements with the correct class\n var parallaxSpeed = Number.parseFloat(_this.contentType.dataStore.get(\"parallax_speed\"));\n jarallax(_this.element, {\n imgPosition: _this.contentType.dataStore.get(\"background_position\") || \"50% 50%\",\n imgRepeat: _this.contentType.dataStore.get(\"background_repeat\") || \"no-repeat\",\n imgSize: _this.contentType.dataStore.get(\"background_size\") || \"cover\",\n speed: !isNaN(parallaxSpeed) ? parallaxSpeed : 0.5\n });\n jarallax(_this.element, \"onResize\");\n });\n }\n\n if (_this.element && _this.element.dataset.backgroundType === \"video\" && _this.element.dataset.videoSrc.length) {\n var parallaxSpeed = _this.contentType.dataStore.get(\"enable_parallax\") === \"1\" ? Number.parseFloat(_this.contentType.dataStore.get(\"parallax_speed\")) : 1;\n\n _underscore.defer(function () {\n // Build Parallax on elements with the correct class\n jarallax(_this.element, {\n videoSrc: _this.element.dataset.videoSrc,\n imgSrc: _this.element.dataset.videoFallbackSrc,\n videoLoop: _this.contentType.dataStore.get(\"video_loop\") === \"true\",\n speed: !isNaN(parallaxSpeed) ? parallaxSpeed : 0.5,\n videoPlayOnlyVisible: _this.contentType.dataStore.get(\"video_play_only_visible\") === \"true\",\n videoLazyLoading: _this.contentType.dataStore.get(\"video_lazy_load\") === \"true\"\n }); // @ts-ignore\n\n if (_this.element.jarallax && _this.element.jarallax.video) {\n // @ts-ignore\n _this.element.jarallax.video.on(\"started\", function () {\n // @ts-ignore\n if (_this.element.jarallax.$video) {\n // @ts-ignore\n _this.element.jarallax.$video.style.visibility = \"visible\";\n }\n });\n }\n });\n }\n }, 50);\n\n _this.contentType.dataStore.subscribe(_this.buildJarallax);\n\n _events.on(\"row:mountAfter\", function (args) {\n if (args.id === _this.contentType.id) {\n _this.buildJarallax();\n }\n });\n\n _events.on(\"contentType:mountAfter\", function (args) {\n if (args.contentType.parentContentType && args.contentType.parentContentType.id === _this.contentType.id) {\n _this.buildJarallax();\n }\n });\n\n _events.on(\"stage:\" + _this.contentType.stageId + \":fullScreenModeChangeAfter\", _this.toggleFullScreen.bind(_assertThisInitialized(_this)));\n\n _events.on(\"stage:\" + _this.contentType.stageId + \":viewportChangeAfter\", function (args) {\n _this.buildJarallax();\n });\n\n return _this;\n }\n /**\n * Get background image url base on the viewport.\n *\n * @returns {string}\n */\n\n\n var _proto = Preview.prototype;\n\n _proto.getBackgroundImage = function getBackgroundImage() {\n var mobileImage = this.contentType.dataStore.get(\"mobile_image\");\n var desktopImage = this.contentType.dataStore.get(\"background_image\");\n var backgroundImage = this.viewport() === \"mobile\" && mobileImage.length ? mobileImage : desktopImage;\n return backgroundImage.length ? \"url(\\\"\" + backgroundImage[0].url + \"\\\")\" : \"none\";\n }\n /**\n * Toggle fullscreen\n */\n ;\n\n _proto.toggleFullScreen = function toggleFullScreen() {\n if ((0, _jquery)(this.element).hasClass(\"jarallax\")) {\n this.buildJarallax();\n }\n }\n /**\n * Use the conditional remove to disable the option when the content type has a single child\n *\n * @returns {OptionsInterface}\n */\n ;\n\n _proto.retrieveOptions = function retrieveOptions() {\n var options = _previewCollection2.prototype.retrieveOptions.call(this);\n\n options.hideShow = new _hideShowOption({\n preview: this,\n icon: _hideShowOption.showIcon,\n title: _hideShowOption.showText,\n action: this.onOptionVisibilityToggle,\n classes: [\"hide-show-content-type\"],\n sort: 40\n });\n return options;\n }\n /**\n * Init the parallax element\n *\n * @param {HTMLElement} element\n */\n ;\n\n _proto.initParallax = function initParallax(element) {\n var _this2 = this;\n\n this.element = element;\n\n _underscore.defer(function () {\n _this2.buildJarallax();\n });\n\n new _ResizeObserver(function () {\n // Observe for resizes of the element and force jarallax to display correctly\n if ((0, _jquery)(_this2.element).hasClass(\"jarallax\") && _this2.contentType.dataStore.get(\"background_image\").length) {\n jarallax(_this2.element, \"onResize\");\n jarallax(_this2.element, \"onScroll\");\n }\n }).observe(this.element);\n }\n /**\n * Destroy jarallax instance.\n */\n ;\n\n _proto.destroy = function destroy() {\n _previewCollection2.prototype.destroy.call(this);\n\n if (this.element) {\n jarallax(this.element, \"destroy\");\n }\n }\n /**\n * Return selected element styles\n *\n * @param element\n * @param styleProperties\n */\n ;\n\n _proto.getStyle = function getStyle(element, styleProperties) {\n var stylesObject = element.style();\n return styleProperties.reduce(function (obj, key) {\n var _extends2;\n\n return _extends({}, obj, (_extends2 = {}, _extends2[key] = stylesObject[key], _extends2));\n }, {});\n }\n /**\n * Return element styles without selected\n *\n * @param element\n * @param styleProperties\n */\n ;\n\n _proto.getStyleWithout = function getStyleWithout(element, styleProperties) {\n var stylesObject = element.style();\n return Object.keys(stylesObject).filter(function (key) {\n return !styleProperties.includes(key);\n }).reduce(function (obj, key) {\n var _extends3;\n\n return _extends({}, obj, (_extends3 = {}, _extends3[key] = stylesObject[key], _extends3));\n }, {});\n };\n\n return Preview;\n }(_previewCollection);\n\n return Preview;\n});\n//# sourceMappingURL=preview.js.map","Magento_PageBuilder/js/content-type/row/appearance/default/widget-mixin.js":"/**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\ndefine(['underscore', 'jquery', 'Magento_PageBuilder/js/events'], function (_, $, events) {\n 'use strict';\n\n return function (target) {\n return function (config, element) {\n var result = target(config, element),\n stageId = $(element).parents('[data-role=\"pagebuilder-stage\"]').attr('id'),\n $element = $(element);\n\n if ($element.data('appearance') === 'contained') {\n $element = $(element).find('[data-element=\"inner\"]');\n }\n\n // If Parallax isn't enabled, let's not attach the event\n if ($element.data('enableParallax') !== 1) {\n return result;\n }\n\n // Listen for full screen events and destroy and rebuild jarallax\n events.on('stage:' + stageId + ':fullScreenModeChangeAfter', function () {\n _.delay(function () {\n $element.jarallax('destroy');\n target(config, element);\n }, 350);\n });\n\n return result;\n };\n };\n});\n","Magento_PageBuilder/js/content-type/row/appearance/default/widget.js":"/**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\ndefine([\n 'jquery',\n 'Magento_PageBuilder/js/widget/video-background',\n 'jarallax'\n], function ($, videoBackground) {\n 'use strict';\n\n return function (config, element) {\n var $element = $(element),\n parallaxSpeed = null,\n elementStyle = null;\n\n if ($element.data('appearance') === 'contained') {\n $element = $(element).find('[data-element=\"inner\"]');\n }\n\n if ($element.data('background-type') === 'video') {\n videoBackground(config, $element[0]);\n\n return;\n }\n\n if ($element.data('enableParallax') !== 1) {\n return;\n }\n\n $element.addClass('jarallax');\n $element.attr('data-jarallax', '');\n\n parallaxSpeed = parseFloat($element.data('parallaxSpeed'));\n elementStyle = window.getComputedStyle($element[0]);\n\n window.jarallax($element[0], {\n imgPosition: elementStyle.backgroundPosition || '50% 50%',\n imgRepeat: elementStyle.backgroundRepeat || 'no-repeat',\n imgSize: elementStyle.backgroundSize || 'cover',\n speed: !isNaN(parallaxSpeed) ? parallaxSpeed : 0.5\n });\n };\n});\n","Magento_PageBuilder/js/content-type/row/converter/style/margins.js":"/*eslint-disable */\n/* jscs:disable */\ndefine([\"underscore\", \"Magento_PageBuilder/js/utils/object\"], function (_underscore, _object) {\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n var Margins = /*#__PURE__*/function () {\n \"use strict\";\n\n function Margins() {}\n\n var _proto = Margins.prototype;\n\n /**\n * @param {string} value\n * @returns {Object | string}\n */\n _proto.fromDom = function fromDom(value) {\n return value;\n }\n /**\n * Convert value to knockout format\n *\n * @param {string} name\n * @param {DataObject} data\n * @returns {string | object}\n */\n ;\n\n _proto.toDom = function toDom(name, data) {\n var result = {};\n var value = (0, _object.get)(data, name);\n\n if (value && _underscore.isString(value)) {\n value = JSON.parse(value);\n }\n\n if (value && undefined !== value.margin) {\n result.marginLeft = value.margin.left ? value.margin.left + \"px\" : \"\";\n result.marginTop = value.margin.top ? value.margin.top + \"px\" : \"\";\n result.marginRight = value.margin.right ? value.margin.right + \"px\" : \"\";\n result.marginBottom = (parseInt(value.margin.bottom, 10) > 0 ? value.margin.bottom : 1) + \"px\";\n }\n\n return result;\n };\n\n return Margins;\n }();\n\n return Margins;\n});\n//# sourceMappingURL=margins.js.map","Magento_PageBuilder/js/content-type/row/converter/style/paddings.js":"/*eslint-disable */\n/* jscs:disable */\ndefine([\"underscore\", \"Magento_PageBuilder/js/utils/object\"], function (_underscore, _object) {\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n var Paddings = /*#__PURE__*/function () {\n \"use strict\";\n\n function Paddings() {}\n\n var _proto = Paddings.prototype;\n\n /**\n * @param {string} value\n * @returns {Object | string}\n */\n _proto.fromDom = function fromDom(value) {\n return value;\n }\n /**\n * Convert value to knockout format\n *\n * @param {string} name\n * @param {DataObject} data\n * @returns {string | object}\n */\n ;\n\n _proto.toDom = function toDom(name, data) {\n var result = {};\n var value = (0, _object.get)(data, name);\n\n if (value && _underscore.isString(value)) {\n value = JSON.parse(value);\n }\n\n if (value && undefined !== value.padding) {\n result.paddingLeft = value.padding.left ? value.padding.left + \"px\" : \"\";\n result.paddingTop = value.padding.top ? value.padding.top + \"px\" : \"\";\n result.paddingRight = value.padding.right ? value.padding.right + \"px\" : \"\";\n result.paddingBottom = value.padding.bottom ? value.padding.bottom + \"px\" : \"\";\n }\n\n return result;\n };\n\n return Paddings;\n }();\n\n return Paddings;\n});\n//# sourceMappingURL=paddings.js.map","Magento_PageBuilder/js/content-type/heading/preview.js":"/*eslint-disable */\n/* jscs:disable */\n\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return self; }\n\nfunction _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\ndefine([\"jquery\", \"Magento_PageBuilder/js/events\", \"underscore\", \"Magento_PageBuilder/js/content-type-menu/hide-show-option\", \"Magento_PageBuilder/js/content-type-toolbar\", \"Magento_PageBuilder/js/utils/promise-deferred\", \"Magento_PageBuilder/js/content-type/preview\"], function (_jquery, _events, _underscore, _hideShowOption, _contentTypeToolbar, _promiseDeferred, _preview) {\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n\n /**\n * @api\n */\n var Preview = /*#__PURE__*/function (_preview2) {\n \"use strict\";\n\n _inheritsLoose(Preview, _preview2);\n\n /**\n * @param {ContentTypeInterface} contentType\n * @param {ContentTypeConfigInterface} config\n * @param {ObservableUpdater} observableUpdater\n */\n function Preview(contentType, config, observableUpdater) {\n var _this;\n\n _this = _preview2.call(this, contentType, config, observableUpdater) || this;\n _this.afterRenderDeferred = (0, _promiseDeferred)();\n _this.toolbar = new _contentTypeToolbar(_assertThisInitialized(_this), _this.getToolbarOptions());\n return _this;\n }\n /**\n * Return an array of options\n *\n * @returns {OptionsInterface}\n */\n\n\n var _proto = Preview.prototype;\n\n _proto.retrieveOptions = function retrieveOptions() {\n var options = _preview2.prototype.retrieveOptions.call(this);\n\n options.hideShow = new _hideShowOption({\n preview: this,\n icon: _hideShowOption.showIcon,\n title: _hideShowOption.showText,\n action: this.onOptionVisibilityToggle,\n classes: [\"hide-show-content-type\"],\n sort: 40\n });\n return options;\n }\n /**\n * On render init the heading\n *\n * @param {Element} element\n */\n ;\n\n _proto.afterRender = function afterRender(element) {\n this.element = element;\n this.afterRenderDeferred.resolve(element);\n };\n\n _proto.bindEvents = function bindEvents() {\n var _this2 = this;\n\n _preview2.prototype.bindEvents.call(this); // When a heading is dropped for the first time show heading toolbar\n\n\n _events.on(\"heading:dropAfter\", function (args) {\n if (args.id === _this2.contentType.id) {\n Promise.all([_this2.afterRenderDeferred.promise, _this2.toolbar.afterRenderDeferred.promise]).then(function (_ref) {\n var element = _ref[0];\n\n _underscore.defer(function () {\n (0, _jquery)(element).focus();\n });\n });\n }\n });\n }\n /**\n * Get option value from observable data.\n *\n * @param {string} key\n * @return {*}\n */\n ;\n\n _proto.getOptionValue = function getOptionValue(key) {\n if (key === \"heading_type\") {\n return this.data.main.heading_type();\n } else if (key === \"text_align\") {\n return this.data.main.style().textAlign;\n }\n\n return;\n }\n /**\n * Build and return the tool bar options for heading\n *\n * @returns {OptionInterface[]}\n */\n ;\n\n _proto.getToolbarOptions = function getToolbarOptions() {\n return [{\n key: \"heading_type\",\n type: \"select\",\n values: [{\n value: \"h1\",\n label: \"H1\",\n icon: \"\"\n }, {\n value: \"h2\",\n label: \"H2\",\n icon: \"\"\n }, {\n value: \"h3\",\n label: \"H3\",\n icon: \"\"\n }, {\n value: \"h4\",\n label: \"H4\",\n icon: \"\"\n }, {\n value: \"h5\",\n label: \"H5\",\n icon: \"\"\n }, {\n value: \"h6\",\n label: \"H6\",\n icon: \"\"\n }]\n }, {\n key: \"text_align\",\n type: \"select\",\n values: [{\n value: \"left\",\n label: \"Left\",\n icon: \"icon-pagebuilder-align-left\"\n }, {\n value: \"center\",\n label: \"Center\",\n icon: \"icon-pagebuilder-align-center\"\n }, {\n value: \"right\",\n label: \"Right\",\n icon: \"icon-pagebuilder-align-right\"\n }]\n }];\n };\n\n return Preview;\n }(_preview);\n\n return Preview;\n});\n//# sourceMappingURL=preview.js.map","Magento_PageBuilder/js/content-type/banner/preview.js":"/*eslint-disable */\n/* jscs:disable */\n\nfunction _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\ndefine([\"jarallax\", \"jarallaxVideo\", \"jquery\", \"jquery/z-index\", \"mage/translate\", \"Magento_PageBuilder/js/events\", \"mageUtils\", \"underscore\", \"vimeoWrapper\", \"Magento_PageBuilder/js/content-type-menu/hide-show-option\", \"Magento_PageBuilder/js/uploader\", \"Magento_PageBuilder/js/utils/delay-until\", \"Magento_PageBuilder/js/utils/editor\", \"Magento_PageBuilder/js/utils/nesting-link-dialog\", \"Magento_PageBuilder/js/utils/nesting-widget-dialog\", \"Magento_PageBuilder/js/wysiwyg/factory\", \"Magento_PageBuilder/js/content-type/preview\"], function (_jarallax, _jarallaxVideo, _jquery, _zIndex, _translate, _events, _mageUtils, _underscore, _vimeoWrapper, _hideShowOption, _uploader, _delayUntil, _editor, _nestingLinkDialog, _nestingWidgetDialog, _factory, _preview) {\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n\n /**\n * @api\n */\n var Preview = /*#__PURE__*/function (_preview2) {\n \"use strict\";\n\n _inheritsLoose(Preview, _preview2);\n\n function Preview() {\n var _this;\n\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n _this = _preview2.call.apply(_preview2, [this].concat(args)) || this;\n _this.buttonPlaceholder = (0, _translate)(\"Edit Button Text\");\n _this.wysiwygDeferred = _jquery.Deferred();\n _this.handledDoubleClick = false;\n _this.videoUpdateProperties = [\"background_type\", \"video_fallback_image\", \"video_lazy_load\", \"video_loop\", \"video_play_only_visible\", \"video_source\"];\n _this.bannerOverlaySelector = \".pagebuilder-overlay\";\n _this.defaultOverlayZIndex = 2;\n _this.activeEditorOverlayZIndex = 3;\n _this.buildJarallax = _underscore.debounce(function () {\n // Destroy all instances of the plugin prior\n try {\n jarallax(_this.wrapper, \"destroy\");\n } catch (e) {// Failure of destroying is acceptable\n }\n\n if (_this.wrapper && _this.wrapper.dataset.backgroundType === \"video\" && _this.wrapper.dataset.videoSrc.length) {\n _underscore.defer(function () {\n // Build Parallax on elements with the correct class\n jarallax(_this.wrapper, {\n videoSrc: _this.wrapper.dataset.videoSrc,\n imgSrc: _this.wrapper.dataset.videoFallbackSrc,\n videoLoop: _this.contentType.dataStore.get(\"video_loop\") === \"true\",\n speed: 1,\n videoPlayOnlyVisible: _this.contentType.dataStore.get(\"video_play_only_visible\") === \"true\",\n videoLazyLoading: _this.contentType.dataStore.get(\"video_lazy_load\") === \"true\"\n }); // @ts-ignore\n\n if (_this.wrapper.jarallax && _this.wrapper.jarallax.video) {\n // @ts-ignore\n _this.wrapper.jarallax.video.on(\"started\", function () {\n // @ts-ignore\n if (_this.wrapper.jarallax && _this.wrapper.jarallax.$video) {\n // @ts-ignore\n _this.wrapper.jarallax.$video.style.visibility = \"visible\";\n }\n });\n }\n });\n }\n }, 50);\n return _this;\n }\n\n var _proto = Preview.prototype;\n\n /**\n * Get background image url base on the viewport.\n *\n * @returns {string}\n */\n _proto.getBackgroundImage = function getBackgroundImage() {\n var mobileImage = this.contentType.dataStore.get(\"mobile_image\");\n var desktopImage = this.contentType.dataStore.get(\"background_image\");\n var backgroundImage = this.viewport() === \"mobile\" && mobileImage.length ? mobileImage : desktopImage;\n return backgroundImage.length ? \"url(\\\"\" + backgroundImage[0].url + \"\\\")\" : \"none\";\n }\n /**\n * Return an array of options\n *\n * @returns {OptionsInterface}\n */\n ;\n\n _proto.retrieveOptions = function retrieveOptions() {\n var options = _preview2.prototype.retrieveOptions.call(this);\n\n options.hideShow = new _hideShowOption({\n preview: this,\n icon: _hideShowOption.showIcon,\n title: _hideShowOption.showText,\n action: this.onOptionVisibilityToggle,\n classes: [\"hide-show-content-type\"],\n sort: 40\n });\n return options;\n }\n /**\n * Get registry callback reference to uploader UI component\n *\n * @returns {Uploader}\n */\n ;\n\n _proto.getUploader = function getUploader() {\n var initialImageValue = this.contentType.dataStore.get(this.config.additional_data.uploaderConfig.dataScope, \"\"); // Create uploader\n\n return new _uploader(\"imageuploader_\" + this.contentType.id, this.config.additional_data.uploaderConfig, this.contentType.id, this.contentType.dataStore, initialImageValue);\n }\n /**\n * @param {HTMLElement} element\n */\n ;\n\n _proto.afterRenderWysiwyg = function afterRenderWysiwyg(element) {\n var _this2 = this;\n\n this.element = element;\n element.id = this.contentType.id + \"-editor\"; // Set the innerHTML manually so we don't upset Knockout & TinyMCE\n\n element.innerHTML = this.data.content.html();\n this.contentType.dataStore.subscribe(function () {\n // If we're not focused into TinyMCE inline, update the value when it changes in the data store\n if (!_this2.wysiwyg || _this2.wysiwyg && _this2.wysiwyg.getAdapter().id !== (0, _editor.getActiveEditor)().id) {\n element.innerHTML = _this2.data.content.html();\n }\n }, \"message\");\n /**\n * afterRenderWysiwyg is called whenever Knockout causes a DOM re-render. This occurs frequently within Slider\n * due to Slick's inability to perform a refresh with Knockout managing the DOM. Due to this the original\n * WYSIWYG instance will be detached from this slide and we need to re-initialize on click.\n */\n\n this.wysiwyg = null;\n }\n /**\n * Stop event to prevent execution of action when editing textarea.\n *\n * @param {Preview} preview\n * @param {JQueryEventObject} event\n * @returns {Boolean}\n */\n ;\n\n _proto.stopEvent = function stopEvent(preview, event) {\n event.stopPropagation();\n return true;\n }\n /**\n * Init WYSIWYG on load\n *\n * @param element\n * @deprecated please use activateEditor & initWysiwygFromClick\n */\n ;\n\n _proto.initWysiwyg = function initWysiwyg(element) {\n this.element = element;\n element.id = this.contentType.id + \"-editor\";\n this.wysiwyg = null;\n return this.initWysiwygFromClick(false);\n }\n /**\n * Init the WYSIWYG\n *\n * @param {boolean} focus Should wysiwyg focus after initialization?\n * @returns Promise\n */\n ;\n\n _proto.initWysiwygFromClick = function initWysiwygFromClick(focus) {\n var _this3 = this;\n\n if (focus === void 0) {\n focus = false;\n }\n\n if (this.wysiwyg) {\n return Promise.resolve(this.wysiwyg);\n }\n\n var wysiwygConfig = this.config.additional_data.wysiwygConfig.wysiwygConfigData;\n\n if (focus) {\n wysiwygConfig.adapter.settings.auto_focus = this.element.id;\n\n wysiwygConfig.adapter.settings.init_instance_callback = function (editor) {\n editor.on(\"focus\", function () {\n (0, _jquery)(_this3.element).parents(_this3.bannerOverlaySelector).zIndex(_this3.activeEditorOverlayZIndex);\n });\n editor.on(\"blur\", function () {\n (0, _jquery)(_this3.element).parents(_this3.bannerOverlaySelector).zIndex(_this3.defaultOverlayZIndex);\n (0, _nestingLinkDialog)(_this3.contentType.dataStore, _this3.wysiwyg, \"message\", \"link_url\");\n (0, _nestingWidgetDialog)(_this3.contentType.dataStore, _this3.wysiwyg, \"message\", \"link_url\");\n });\n\n _underscore.defer(function () {\n _this3.element.blur();\n\n _this3.element.focus();\n });\n };\n }\n\n wysiwygConfig.adapter.settings.fixed_toolbar_container = \"#\" + this.contentType.id + \" .pagebuilder-banner-text-content\";\n return (0, _factory)(this.contentType.id, this.element.id, this.config.name, wysiwygConfig, this.contentType.dataStore, \"message\", this.contentType.stageId).then(function (wysiwyg) {\n _this3.wysiwyg = wysiwyg;\n return wysiwyg;\n });\n }\n /**\n * Makes WYSIWYG active\n *\n * @param {Preview} preview\n * @param {JQueryEventObject} event\n * @returns {Boolean}\n */\n ;\n\n _proto.activateEditor = function activateEditor(preview, event) {\n var _this4 = this;\n\n if (this.element && !this.wysiwyg) {\n var bookmark = (0, _editor.createBookmark)(event);\n (0, _editor.lockImageSize)(this.element);\n this.element.removeAttribute(\"contenteditable\");\n\n _underscore.defer(function () {\n _this4.initWysiwygFromClick(true).then(function () {\n return (0, _delayUntil)(function () {\n // We no longer need to handle double click once it's initialized\n _this4.handledDoubleClick = true;\n\n _this4.wysiwygDeferred.resolve();\n\n (0, _editor.moveToBookmark)(bookmark);\n (0, _editor.unlockImageSize)(_this4.element);\n }, function () {\n return _this4.element.classList.contains(\"mce-edit-focus\");\n }, 10);\n }).catch(function (error) {\n // If there's an error with init of WYSIWYG editor push into the console to aid support\n console.error(error);\n });\n });\n } else if (this.element && this.wysiwyg) {\n var element = this.element || this.textarea;\n\n if (event.currentTarget !== event.target && event.target !== element && !element.contains(event.target)) {\n return;\n }\n\n element.focus();\n }\n }\n /**\n * If a user double clicks prior to initializing TinyMCE, forward the event\n *\n * @param preview\n * @param event\n */\n ;\n\n _proto.handleDoubleClick = function handleDoubleClick(preview, event) {\n var _this5 = this;\n\n if (this.handledDoubleClick) {\n return;\n }\n\n event.preventDefault();\n var targetIndex = (0, _editor.findNodeIndex)(this.element, event.target.tagName, event.target);\n this.handledDoubleClick = true;\n this.wysiwygDeferred.then(function () {\n var target = document.getElementById(event.target.id);\n\n if (!target) {\n target = (0, _editor.getNodeByIndex)(_this5.element, event.target.tagName, targetIndex);\n }\n\n if (target) {\n target.dispatchEvent((0, _editor.createDoubleClickEvent)());\n }\n });\n }\n /**\n * Set state based on overlay mouseover event for the preview\n */\n ;\n\n _proto.onMouseOverWrapper = function onMouseOverWrapper() {\n if (this.data.main.attributes()[\"data-show-overlay\"] === \"hover\") {\n this.data.overlay.attributes(Object.assign(this.data.overlay.attributes(), {\n \"data-background-color-orig\": this.data.overlay.style().backgroundColor\n }));\n this.data.overlay.style(Object.assign(this.data.overlay.style(), {\n backgroundColor: this.data.overlay.attributes()[\"data-overlay-color\"]\n }));\n }\n\n if (this.data.main.attributes()[\"data-show-button\"] === \"hover\") {\n this.data.button.style(Object.assign(this.data.button.style(), {\n opacity: 1,\n visibility: \"visible\"\n }));\n }\n }\n /**\n * Set state based on overlay mouseout event for the preview\n */\n ;\n\n _proto.onMouseOutWrapper = function onMouseOutWrapper() {\n if (this.data.main.attributes()[\"data-show-overlay\"] === \"hover\") {\n this.data.overlay.style(Object.assign(this.data.overlay.style(), {\n backgroundColor: this.data.overlay.attributes()[\"data-background-color-orig\"]\n }));\n }\n\n if (this.data.main.attributes()[\"data-show-button\"] === \"hover\") {\n this.data.button.style(Object.assign(this.data.button.style(), {\n opacity: 0,\n visibility: \"hidden\"\n }));\n }\n }\n /**\n * @returns {Boolean}\n */\n ;\n\n _proto.isWysiwygSupported = function isWysiwygSupported() {\n return (0, _editor.isWysiwygSupported)();\n }\n /**\n * @param {HTMLTextAreaElement} element\n */\n ;\n\n _proto.initTextarea = function initTextarea(element) {\n var _this6 = this;\n\n this.textarea = element; // set initial value of textarea based on data store\n\n this.textarea.value = this.contentType.dataStore.get(\"message\");\n this.adjustTextareaHeightBasedOnScrollHeight(); // Update content in our stage preview textarea after its slideout counterpart gets updated\n\n _events.on(\"form:\" + this.contentType.id + \":saveAfter\", function () {\n _this6.textarea.value = _this6.contentType.dataStore.get(\"message\");\n\n _this6.adjustTextareaHeightBasedOnScrollHeight();\n });\n }\n /**\n * Save current value of textarea in data store\n */\n ;\n\n _proto.onTextareaKeyUp = function onTextareaKeyUp() {\n this.adjustTextareaHeightBasedOnScrollHeight();\n this.contentType.dataStore.set(\"message\", this.textarea.value);\n }\n /**\n * Start stage interaction on textarea blur\n */\n ;\n\n _proto.onTextareaFocus = function onTextareaFocus() {\n (0, _jquery)(this.textarea).closest(\".pagebuilder-banner-text-content\").addClass(\"pagebuilder-toolbar-active\");\n\n _events.trigger(\"stage:interactionStart\");\n }\n /**\n * Stop stage interaction on textarea blur\n */\n ;\n\n _proto.onTextareaBlur = function onTextareaBlur() {\n (0, _jquery)(this.textarea).closest(\".pagebuilder-banner-text-content\").removeClass(\"pagebuilder-toolbar-active\");\n\n _events.trigger(\"stage:interactionStop\");\n }\n /**\n * Init the parallax element\n *\n * @param {HTMLElement} element\n */\n ;\n\n _proto.initParallax = function initParallax(element) {\n var _this7 = this;\n\n this.wrapper = element;\n\n _underscore.defer(function () {\n _this7.buildJarallax();\n });\n }\n /**\n * Destroy jarallax instance.\n */\n ;\n\n _proto.destroy = function destroy() {\n _preview2.prototype.destroy.call(this);\n\n if (this.wrapper) {\n jarallax(this.wrapper, \"destroy\");\n }\n }\n /**\n * @inheritDoc\n */\n ;\n\n _proto.bindEvents = function bindEvents() {\n var _this8 = this;\n\n _preview2.prototype.bindEvents.call(this);\n\n _events.on(\"banner:mountAfter\", function (args) {\n if (args.id === _this8.contentType.id) {\n _this8.buildJarallax();\n\n _this8.isSnapshot.subscribe(function (value) {\n _this8.changeUploaderControlsVisibility();\n });\n\n _this8.changeUploaderControlsVisibility();\n }\n });\n\n _events.on(this.config.name + \":\" + this.contentType.id + \":updateAfter\", function () {\n var dataStore = _this8.contentType.dataStore.getState();\n\n var imageObject = dataStore[_this8.config.additional_data.uploaderConfig.dataScope][0] || {}; // Resolves issue when tinyMCE injects a non-breaking space on reinitialization and removes placeholder.\n\n if (dataStore.message === \"<div data-bind=\\\"html: data.content.html\\\"> </div>\") {\n _this8.contentType.dataStore.set(\"message\", \"\");\n }\n\n _events.trigger(\"image:\" + _this8.contentType.id + \":assignAfter\", imageObject);\n });\n\n this.contentType.dataStore.subscribe(function (data) {\n if (this.shouldUpdateVideo(data)) {\n this.buildJarallax();\n }\n }.bind(this));\n\n _events.on(\"image:\" + this.contentType.id + \":uploadAfter\", function () {\n _this8.contentType.dataStore.set(\"background_type\", \"image\");\n });\n\n _events.on(\"stage:\" + this.contentType.stageId + \":viewportChangeAfter\", function (args) {\n _this8.buildJarallax();\n });\n }\n /**\n * Change uploader controls visibility\n */\n ;\n\n _proto.changeUploaderControlsVisibility = function changeUploaderControlsVisibility() {\n var _this9 = this;\n\n this.getUploader().getUiComponent()(function (uploader) {\n uploader.visibleControls = !_this9.isSnapshot();\n });\n }\n /**\n * Adjust textarea's height based on scrollHeight\n */\n ;\n\n _proto.adjustTextareaHeightBasedOnScrollHeight = function adjustTextareaHeightBasedOnScrollHeight() {\n this.textarea.style.height = \"\";\n var scrollHeight = this.textarea.scrollHeight;\n var minHeight = parseInt((0, _jquery)(this.textarea).css(\"min-height\"), 10);\n\n if (scrollHeight === minHeight) {\n // leave height at 'auto'\n return;\n }\n\n (0, _jquery)(this.textarea).height(scrollHeight);\n }\n /**\n * Check if video options has been updated.\n *\n * @return boolean\n */\n ;\n\n _proto.shouldUpdateVideo = function shouldUpdateVideo(state) {\n var _this10 = this;\n\n var previousState = this.contentType.dataStore.getPreviousState();\n\n var diff = _mageUtils.compare(previousState, state).changes;\n\n if (diff.length > 0) {\n return _underscore.some(diff, function (element) {\n if (element.name === \"video_fallback_image\") {\n return (!_underscore.isEmpty(previousState.video_fallback_image) && previousState.video_fallback_image) !== (!_underscore.isEmpty(state.video_fallback_image) && state.video_fallback_image);\n }\n\n return _this10.videoUpdateProperties.indexOf(element.name) !== -1;\n });\n }\n };\n\n return Preview;\n }(_preview);\n\n return Preview;\n});\n//# sourceMappingURL=preview.js.map","Magento_PageBuilder/js/content-type/banner/appearance/default/widget.js":"/**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\ndefine([\n 'Magento_PageBuilder/js/widget/show-on-hover',\n 'Magento_PageBuilder/js/widget/video-background'\n], function (showOnHover, videoBackground) {\n 'use strict';\n\n return function (config, element) {\n var videoElement = element[0].querySelector('[data-background-type=video]');\n\n showOnHover(config);\n\n if (videoElement) {\n videoBackground(config, videoElement);\n }\n };\n});\n","Magento_PageBuilder/js/content-type/banner/wysiwyg/tinymce/component-initializer.js":"/*eslint-disable */\n/* jscs:disable */\ndefine([\"jquery\", \"mage/adminhtml/wysiwyg/events\"], function (_jquery, _events) {\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n var ComponentInitializer = /*#__PURE__*/function () {\n \"use strict\";\n\n function ComponentInitializer() {}\n\n var _proto = ComponentInitializer.prototype;\n\n /**\n * The editor element\n */\n\n /**\n * The configuration of the wysiwyg content type\n */\n\n /**\n * Initialize the instance\n *\n * @param {Wysiwyg} wysiwyg\n */\n _proto.initialize = function initialize(wysiwyg) {\n this.$element = (0, _jquery)(\"#\" + wysiwyg.elementId);\n this.config = wysiwyg.config;\n var tinymce = wysiwyg.getAdapter();\n tinymce.eventBus.attachEventHandler(_events.afterFocus, this.onFocus.bind(this));\n tinymce.eventBus.attachEventHandler(_events.afterBlur, this.onBlur.bind(this));\n }\n /**\n * Called when tinymce is focused\n */\n ;\n\n _proto.onFocus = function onFocus() {\n var _this = this;\n\n // If there isn't enough room for a left-aligned toolbar, right align it\n if ((0, _jquery)(window).width() < this.$element.offset().left + parseInt(this.config.adapter_config.minToolbarWidth, 10)) {\n this.$element.addClass(\"_right-aligned-toolbar\");\n } else {\n this.$element.removeClass(\"_right-aligned-toolbar\");\n }\n\n _jquery.each(this.config.adapter_config.parentSelectorsToUnderlay, function (i, selector) {\n _this.$element.closest(selector).css(\"z-index\", 100);\n });\n }\n /**\n * Called when tinymce is blurred\n */\n ;\n\n _proto.onBlur = function onBlur() {\n var _this2 = this;\n\n _jquery.each(this.config.adapter_config.parentSelectorsToUnderlay, function (i, selector) {\n _this2.$element.closest(selector).css(\"z-index\", \"\");\n });\n };\n\n return ComponentInitializer;\n }();\n\n return ComponentInitializer;\n});\n//# sourceMappingURL=component-initializer.js.map","Magento_PageBuilder/js/content-type/banner/converter/style/button-visibility.js":"/*eslint-disable */\n/* jscs:disable */\ndefine([], function () {\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n var ButtonVisibility = /*#__PURE__*/function () {\n \"use strict\";\n\n function ButtonVisibility() {}\n\n var _proto = ButtonVisibility.prototype;\n\n /**\n * Convert value to internal format\n *\n * @param value string\n * @returns {string | object}\n */\n _proto.fromDom = function fromDom(value) {\n return value;\n }\n /**\n * Convert value to knockout format\n *\n * @param {string} name\n * @param {DataObject} data\n * @returns {string | object}\n */\n ;\n\n _proto.toDom = function toDom(name, data) {\n return data.show_button === \"always\" ? \"visible\" : \"hidden\";\n };\n\n return ButtonVisibility;\n }();\n\n return ButtonVisibility;\n});\n//# sourceMappingURL=button-visibility.js.map","Magento_PageBuilder/js/content-type/banner/converter/style/button-opacity.js":"/*eslint-disable */\n/* jscs:disable */\ndefine([], function () {\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n var ButtonOpacity = /*#__PURE__*/function () {\n \"use strict\";\n\n function ButtonOpacity() {}\n\n var _proto = ButtonOpacity.prototype;\n\n /**\n * Convert value to internal format\n *\n * @param value string\n * @returns {string | object}\n */\n _proto.fromDom = function fromDom(value) {\n return value;\n }\n /**\n * Convert value to knockout format\n *\n * @param {string} name\n * @param {DataObject} data\n * @returns {string | object}\n */\n ;\n\n _proto.toDom = function toDom(name, data) {\n return data.show_button === \"always\" ? \"1\" : \"0\";\n };\n\n return ButtonOpacity;\n }();\n\n return ButtonOpacity;\n});\n//# sourceMappingURL=button-opacity.js.map","Magento_PageBuilder/js/content-type/banner/converter/style/overlay-background-color.js":"/*eslint-disable */\n/* jscs:disable */\ndefine([\"Magento_PageBuilder/js/utils/object\"], function (_object) {\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n var OverlayBackgroundColor = /*#__PURE__*/function () {\n \"use strict\";\n\n function OverlayBackgroundColor() {}\n\n var _proto = OverlayBackgroundColor.prototype;\n\n /**\n * Convert value to internal format\n *\n * @param value string\n * @returns {string | object}\n */\n _proto.fromDom = function fromDom(value) {\n return value;\n }\n /**\n * Convert value to knockout format\n *\n * @param name string\n * @param data Object\n * @returns {string | object}\n */\n ;\n\n _proto.toDom = function toDom(name, data) {\n var value = (0, _object.get)(data, name);\n\n if (data.show_overlay === \"always\" && value !== \"\" && value !== undefined) {\n return value;\n }\n\n return \"transparent\";\n };\n\n return OverlayBackgroundColor;\n }();\n\n return OverlayBackgroundColor;\n});\n//# sourceMappingURL=overlay-background-color.js.map","Magento_PageBuilder/js/content-type/banner/converter/attribute/overlay-color.js":"/*eslint-disable */\n/* jscs:disable */\ndefine([], function () {\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n var OverlayColor = /*#__PURE__*/function () {\n \"use strict\";\n\n function OverlayColor() {}\n\n var _proto = OverlayColor.prototype;\n\n /**\n * Convert value to internal format\n *\n * @param value string\n * @returns {string | object}\n */\n _proto.fromDom = function fromDom(value) {\n return value === \"transparent\" ? \"\" : value;\n }\n /**\n * Convert value to knockout format\n *\n * @param {string} name\n * @param {DataObject} data\n * @returns {string | object}\n */\n ;\n\n _proto.toDom = function toDom(name, data) {\n if (data.overlay_color) {\n return data.overlay_color.toString();\n }\n\n return \"\";\n };\n\n return OverlayColor;\n }();\n\n return OverlayColor;\n});\n//# sourceMappingURL=overlay-color.js.map","Magento_PageBuilder/js/content-type/column-group/drag-and-drop.js":"/*eslint-disable */\n/* jscs:disable */\ndefine([], function () {\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n\n /**\n * Calculate the drop positions of a column group\n *\n * @param {ContentTypeCollectionInterface} group\n * @returns {any[]}\n */\n function calculateDropPositions(group) {\n var resizeUtils = group.preview.getResizeUtils();\n var dropPositions = [];\n group.children().forEach(function (column, index) {\n var left = column.preview.element.position().left;\n var width = column.preview.element.outerWidth(true);\n var canShrink = resizeUtils.getAcceptedColumnWidth(resizeUtils.getColumnWidth(column).toString()) > resizeUtils.getSmallestColumnWidth();\n dropPositions.push({\n affectedColumn: column,\n canShrink: canShrink,\n insertIndex: index,\n left: left,\n placement: \"left\",\n right: left + width / 2\n }, {\n affectedColumn: column,\n canShrink: canShrink,\n insertIndex: index + 1,\n left: left + width / 2,\n placement: \"right\",\n right: left + width\n });\n });\n return dropPositions;\n }\n\n return {\n calculateDropPositions: calculateDropPositions\n };\n});\n//# sourceMappingURL=drag-and-drop.js.map","Magento_PageBuilder/js/content-type/column-group/registry.js":"/*eslint-disable */\n/* jscs:disable */\ndefine([], function () {\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n var dragColumn;\n /**\n * Retrieve the drag column from the registry\n *\n * @returns {ContentTypeCollectionInterface}\n */\n\n function getDragColumn() {\n return dragColumn;\n }\n /**\n * Remove the drag column reference\n */\n\n\n function removeDragColumn() {\n dragColumn = null;\n }\n /**\n * Set the drag column in the registry\n *\n * @param {ContentTypeCollectionInterface<ColumnPreview>} column\n */\n\n\n function setDragColumn(column) {\n dragColumn = column;\n }\n\n return {\n getDragColumn: getDragColumn,\n removeDragColumn: removeDragColumn,\n setDragColumn: setDragColumn\n };\n});\n//# sourceMappingURL=registry.js.map","Magento_PageBuilder/js/content-type/column-group/preview.js":"/*eslint-disable */\n/* jscs:disable */\n\nfunction _createForOfIteratorHelperLoose(o, allowArrayLike) { var it = typeof Symbol !== \"undefined\" && o[Symbol.iterator] || o[\"@@iterator\"]; if (it) return (it = it.call(o)).next.bind(it); if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === \"number\") { if (it) o = it; var i = 0; return function () { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }; } throw new TypeError(\"Invalid attempt to iterate non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\n\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(o); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\n\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return self; }\n\nfunction _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\ndefine([\"jquery\", \"knockout\", \"mage/translate\", \"Magento_PageBuilder/js/content-type-menu/hide-show-option\", \"Magento_PageBuilder/js/events\", \"underscore\", \"Magento_PageBuilder/js/config\", \"Magento_PageBuilder/js/content-type-factory\", \"Magento_PageBuilder/js/drag-drop/move-content-type\", \"Magento_PageBuilder/js/drag-drop/registry\", \"Magento_PageBuilder/js/drag-drop/sortable\", \"Magento_PageBuilder/js/utils/create-stylesheet\", \"Magento_PageBuilder/js/content-type/column/resize\", \"Magento_PageBuilder/js/content-type/preview-collection\", \"Magento_PageBuilder/js/content-type/column-group/drag-and-drop\", \"Magento_PageBuilder/js/content-type/column-group/factory\", \"Magento_PageBuilder/js/content-type/column-group/grid-size\", \"Magento_PageBuilder/js/content-type/column-group/registry\"], function (_jquery, _knockout, _translate, _hideShowOption, _events, _underscore, _config, _contentTypeFactory, _moveContentType, _registry, _sortable, _createStylesheet, _resize, _previewCollection, _dragAndDrop, _factory, _gridSize, _registry2) {\n function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== \"function\") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }\n\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n\n /**\n * @api\n */\n var Preview = /*#__PURE__*/function (_previewCollection2) {\n \"use strict\";\n\n _inheritsLoose(Preview, _previewCollection2);\n\n /**\n *\n * @param {ContentTypeCollection} contentType\n * @param {ContentTypeConfigInterface} config\n * @param {ObservableUpdater} observableUpdater\n */\n function Preview(contentType, config, observableUpdater) {\n var _this;\n\n _this = _previewCollection2.call(this, contentType, config, observableUpdater) || this;\n _this.resizing = _knockout.observable(false);\n _this.hasEmptyChild = _knockout.computed(function () {\n var empty = false;\n\n _this.contentType.getChildren()().forEach(function (column) {\n if (column.getChildren()().length === 0) {\n empty = true;\n }\n });\n\n return empty;\n });\n _this.gridSize = _knockout.observable();\n _this.gridSizeInput = _knockout.observable();\n _this.gridSizeArray = _knockout.observableArray([]);\n _this.gridSizeError = _knockout.observable();\n _this.gridSizeMax = _knockout.observable((0, _gridSize.getMaxGridSize)());\n _this.gridFormOpen = _knockout.observable(false);\n _this.gridChange = _knockout.observable(false);\n _this.gridToolTipOverFlow = _knockout.observable(false);\n _this.resizeColumnWidths = [];\n _this.resizeHistory = {\n left: [],\n right: []\n };\n _this.dropPositions = [];\n _this.gridSizeHistory = new Map();\n _this.interactionLevel = 0;\n _this.resizeUtils = new _resize(_this.contentType); // Keep track of the grid size in an observable\n\n _this.contentType.dataStore.subscribe(function (state) {\n var gridSize = parseInt(state.grid_size.toString(), 10);\n\n _this.gridSize(gridSize);\n\n _this.gridSizeInput(gridSize);\n\n if (gridSize) {\n _this.gridSizeArray(new Array(gridSize));\n }\n }, \"grid_size\");\n\n _events.on(\"contentType:removeAfter\", function (args) {\n if (args.parentContentType && args.parentContentType.id === _this.contentType.id) {\n _underscore.defer(function () {\n _this.spreadWidth(args.index);\n });\n }\n });\n\n _events.on(\"column:initializeAfter\", function (args) {\n // Does the events parent match the previews column group?\n if (args.columnGroup.id === _this.contentType.id) {\n _this.bindDraggable(args.column);\n }\n });\n\n _events.on(\"stage:\" + _this.contentType.stageId + \":fullScreenModeChangeAfter\", _this.moveContentsToNewColumnGroup.bind(_assertThisInitialized(_this)));\n\n _events.on(\"column-group:renderAfter\", function (args) {\n if (args.contentType.id === _this.contentType.id) {\n if (!_this.hasColumnLine(args.contentType)) {\n args.element.classList.add(\"no-column-line\");\n } else {\n args.element.classList.remove(\"no-column-line\");\n args.element.classList.add(\"with-column-line\");\n }\n }\n });\n\n _this.contentType.children.subscribe(_underscore.debounce(_this.removeIfEmpty.bind(_assertThisInitialized(_this)), 50));\n\n return _this;\n }\n /**\n * Handle user editing an instance\n */\n\n\n var _proto = Preview.prototype;\n\n _proto.onOptionEdit = function onOptionEdit() {\n var numCols = this.contentType.getChildren()().length; // count the number of non empty columns\n\n var numEmptyColumns = 0;\n this.contentType.getChildren()().forEach(function (column) {\n if (column.getChildren()().length === 0) {\n numEmptyColumns++;\n }\n });\n var appearance = this.contentType.dataStore.get(\"appearance\") ? this.contentType.dataStore.get(\"appearance\") : \"default\";\n this.contentType.dataStore.set(\"appearance\", appearance);\n this.contentType.dataStore.set(\"non_empty_column_count\", this.getNonEmptyColumnCount());\n this.contentType.dataStore.set(\"max_grid_size\", (0, _gridSize.getMaxGridSize)());\n this.contentType.dataStore.set(\"initial_grid_size\", this.contentType.dataStore.get(\"grid_size\"));\n\n _previewCollection2.prototype.openEdit.call(this);\n }\n /**\n * Bind events\n */\n ;\n\n _proto.bindEvents = function bindEvents() {\n var _this2 = this;\n\n _previewCollection2.prototype.bindEvents.call(this);\n\n if (_config.getContentTypeConfig(\"column\")) {\n _events.on(\"column-group:dropAfter\", function (args) {\n if (args.id === _this2.contentType.id) {\n _this2.setDefaultGridSizeOnColumnGroup();\n\n _this2.addDefaultColumnLine(args);\n }\n });\n }\n\n _events.on(\"form:\" + this.contentType.id + \":saveAfter\", function () {\n if (_this2.contentType.dataStore.get(\"grid_size\") !== _this2.contentType.dataStore.get(\"initial_grid_size\")) {\n _this2.updateGridSize();\n }\n });\n }\n /**\n * Set default grid size on current column group\n */\n ;\n\n _proto.setDefaultGridSizeOnColumnGroup = function setDefaultGridSizeOnColumnGroup() {\n this.contentType.dataStore.set(\"grid_size\", (0, _gridSize.getDefaultGridSize)());\n }\n /**\n * Add Columns to the current Column Group\n *\n * @returns {Promise<ContentTypeCollectionInterface>}\n */\n ;\n\n _proto.createColumns = function createColumns() {\n var _this3 = this;\n\n var defaultGridSize = (0, _gridSize.getDefaultGridSize)();\n var col1Width = (Math.ceil(defaultGridSize / 2) * 100 / defaultGridSize).toFixed(Math.round(100 / defaultGridSize) !== 100 / defaultGridSize ? 8 : 0);\n Promise.all([(0, _contentTypeFactory)(_config.getContentTypeConfig(\"column\"), this.contentType, this.contentType.stageId, {\n width: col1Width + \"%\"\n }), (0, _contentTypeFactory)(_config.getContentTypeConfig(\"column\"), this.contentType, this.contentType.stageId, {\n width: 100 - parseFloat(col1Width) + \"%\"\n })]).then(function (columns) {\n _this3.contentType.addChild(columns[0], 0);\n\n _this3.contentType.addChild(columns[1], 1);\n\n _this3.fireMountEvent(_this3.contentType, columns[0], columns[1]);\n });\n };\n\n _proto.addDefaultColumnLine = function addDefaultColumnLine(args) {\n var _this4 = this;\n\n (0, _contentTypeFactory)(_config.getContentTypeConfig(\"column-line\"), this.contentType, this.contentType.stageId).then(function (columnLine) {\n _this4.contentType.addChild(columnLine, 0);\n\n if (args.columnGroupWithoutColumnLine === undefined) {\n _events.trigger(columnLine.config.name + \":dropAfter\", {\n id: columnLine.id,\n columnLine: columnLine\n });\n } else {\n // Move children of this column group without column line as descendant of new\n // column group that has a column line\n var children = args.columnGroupWithoutColumnLine.getChildren()();\n var index = 0;\n children.forEach(function (child) {\n setTimeout(function () {\n (0, _moveContentType.moveContentType)(child, index++, columnLine);\n }, 250);\n });\n }\n\n _this4.fireMountEvent(_this4.contentType, columnLine);\n });\n }\n /**\n * Use the conditional remove to disable the option when the content type has a single child\n *\n * @returns {OptionsInterface}\n */\n ;\n\n _proto.retrieveOptions = function retrieveOptions() {\n var options = _previewCollection2.prototype.retrieveOptions.call(this);\n\n options.hideShow = new _hideShowOption({\n preview: this,\n icon: _hideShowOption.showIcon,\n title: _hideShowOption.showText,\n action: this.onOptionVisibilityToggle,\n classes: [\"hide-show-content-type\"],\n sort: 40\n });\n return options;\n }\n /**\n * Return selected element styles\n *\n * @param element\n * @param styleProperties\n */\n ;\n\n _proto.getStyle = function getStyle(element, styleProperties) {\n var stylesObject = element.style();\n return styleProperties.reduce(function (obj, key) {\n var _extends2;\n\n return _extends({}, obj, (_extends2 = {}, _extends2[key] = stylesObject[key], _extends2));\n }, {});\n }\n /**\n * Return element styles without selected\n *\n * @param element\n * @param styleProperties\n */\n ;\n\n _proto.getStyleWithout = function getStyleWithout(element, styleProperties) {\n var stylesObject = element.style();\n return Object.keys(stylesObject).filter(function (key) {\n return !styleProperties.includes(key);\n }).reduce(function (obj, key) {\n var _extends3;\n\n return _extends({}, obj, (_extends3 = {}, _extends3[key] = stylesObject[key], _extends3));\n }, {});\n }\n /**\n * Get background image url base on the viewport.\n *\n * @returns {string}\n */\n ;\n\n _proto.getBackgroundImage = function getBackgroundImage() {\n var mobileImage = this.contentType.dataStore.get(\"mobile_image\");\n var desktopImage = this.contentType.dataStore.get(\"background_image\");\n var backgroundImage = this.viewport() === \"mobile\" && mobileImage.length ? mobileImage : desktopImage;\n return backgroundImage.length ? \"url(\\\"\" + backgroundImage[0].url + \"\\\")\" : \"none\";\n }\n /**\n * Retrieve the resize utils\n *\n * @returns {Resize}\n */\n ;\n\n _proto.getResizeUtils = function getResizeUtils() {\n return this.resizeUtils;\n }\n /**\n * Handle a new column being dropped into the group\n *\n * @param {DropPosition} dropPosition\n */\n ;\n\n _proto.onNewColumnDrop = function onNewColumnDrop(dropPosition) {\n var _this5 = this;\n\n // Create our new column\n (0, _factory.createColumn)(this.contentType, this.resizeUtils.getSmallestColumnWidth(), dropPosition.insertIndex).then(function () {\n var newWidth = _this5.resizeUtils.getAcceptedColumnWidth((_this5.resizeUtils.getColumnWidth(dropPosition.affectedColumn) - _this5.resizeUtils.getSmallestColumnWidth()).toString()); // Reduce the affected columns width by the smallest column width\n\n\n (0, _resize.updateColumnWidth)(dropPosition.affectedColumn, newWidth);\n });\n }\n /**\n * Handle an existing column being dropped into a new column group\n *\n * @param {DropPosition} movePosition\n */\n ;\n\n _proto.onExistingColumnDrop = function onExistingColumnDrop(movePosition) {\n var column = (0, _registry2.getDragColumn)();\n var sourceGroupPreview = column.parentContentType.preview;\n var modifyOldNeighbour; // Determine which old neighbour we should modify\n\n var oldWidth = sourceGroupPreview.getResizeUtils().getColumnWidth(column); // Retrieve the adjacent column either +1 or -1\n\n if ((0, _resize.getAdjacentColumn)(column, \"+1\")) {\n modifyOldNeighbour = (0, _resize.getAdjacentColumn)(column, \"+1\");\n } else if ((0, _resize.getAdjacentColumn)(column, \"-1\")) {\n modifyOldNeighbour = (0, _resize.getAdjacentColumn)(column, \"-1\");\n } // Set the column to it's smallest column width\n\n\n (0, _resize.updateColumnWidth)(column, this.resizeUtils.getSmallestColumnWidth()); // Move the content type\n\n (0, _moveContentType.moveContentType)(column, movePosition.insertIndex, this.contentType); // Modify the old neighbour\n\n if (modifyOldNeighbour) {\n var oldNeighbourWidth = sourceGroupPreview.getResizeUtils().getAcceptedColumnWidth((oldWidth + sourceGroupPreview.getResizeUtils().getColumnWidth(modifyOldNeighbour)).toString());\n (0, _resize.updateColumnWidth)(modifyOldNeighbour, oldNeighbourWidth);\n } // Modify the columns new neighbour\n\n\n var newNeighbourWidth = this.resizeUtils.getAcceptedColumnWidth((this.resizeUtils.getColumnWidth(movePosition.affectedColumn) - this.resizeUtils.getSmallestColumnWidth()).toString()); // Reduce the affected columns width by the smallest column width\n\n (0, _resize.updateColumnWidth)(movePosition.affectedColumn, newNeighbourWidth);\n }\n /**\n * Handle a column being sorted into a new position in the group\n *\n * @param {ContentTypeCollectionInterface<ColumnPreview>} column\n * @param {number} newIndex\n */\n ;\n\n _proto.onColumnSort = function onColumnSort(column, newIndex) {\n var currentIndex = (0, _resize.getColumnIndexInGroup)(column);\n\n if (currentIndex !== newIndex) {\n if (currentIndex < newIndex) {\n // As we're moving an array item the keys all reduce by 1\n --newIndex;\n } // Move the content type\n\n\n (0, _moveContentType.moveContentType)(column, newIndex);\n }\n }\n /**\n * Handle a column being resized\n *\n * @param {ContentTypeCollectionInterface<ColumnPreview>} column\n * @param {number} width\n * @param {ContentTypeCollectionInterface<ColumnPreview>} adjustedColumn\n */\n ;\n\n _proto.onColumnResize = function onColumnResize(column, width, adjustedColumn) {\n this.resizeUtils.resizeColumn(column, width, adjustedColumn);\n }\n /**\n * Init the droppable & resizing interactions\n *\n * @param group\n */\n ;\n\n _proto.bindInteractions = function bindInteractions(group) {\n this.groupElement = (0, _jquery)(group);\n this.initDroppable(this.groupElement);\n this.initMouseMove(this.groupElement); // Handle the mouse leaving the window\n\n (0, _jquery)(\"body\").mouseleave(this.endAllInteractions.bind(this));\n }\n /**\n * Init the drop placeholder\n * @deprecated - dropPlaceholder functionality moved to column-line\n *\n * @param {Element} element\n */\n ;\n\n _proto.bindDropPlaceholder = function bindDropPlaceholder(element) {\n this.dropPlaceholder = (0, _jquery)(element);\n }\n /**\n * Init the move placeholder\n *\n * @param {Element} element\n */\n ;\n\n _proto.bindMovePlaceholder = function bindMovePlaceholder(element) {\n this.movePlaceholder = (0, _jquery)(element);\n }\n /**\n * Retrieve the ghost element from the template\n *\n * @param {Element} ghost\n */\n ;\n\n _proto.bindGhost = function bindGhost(ghost) {\n this.resizeGhost = (0, _jquery)(ghost);\n }\n /**\n * Register a resize handle within a child column\n * @deprecated\n * @param {ContentTypeCollectionInterface<ColumnPreview>} column\n * @param {JQuery} handle\n */\n ;\n\n _proto.registerResizeHandle = function registerResizeHandle(column, handle) {\n var _this6 = this;\n\n handle.off(\"mousedown touchstart\");\n handle.on(\"mousedown touchstart\", function (event) {\n event.preventDefault();\n\n var groupPosition = _this6.getGroupPosition(_this6.groupElement);\n\n _this6.resizing(true);\n\n _this6.resizeColumnInstance = column;\n _this6.resizeColumnWidths = _this6.resizeUtils.determineColumnWidths(_this6.resizeColumnInstance, groupPosition);\n _this6.resizeMaxGhostWidth = (0, _resize.determineMaxGhostWidth)(_this6.resizeColumnWidths); // Force the cursor to resizing\n\n (0, _jquery)(\"body\").css(\"cursor\", \"col-resize\"); // Reset the resize history\n\n _this6.resizeHistory = {\n left: [],\n right: []\n };\n _this6.resizeLastPosition = null;\n _this6.resizeMouseDown = true;\n ++_this6.interactionLevel;\n\n _events.trigger(\"stage:interactionStart\", {\n stageId: _this6.contentType.stageId\n });\n });\n }\n /**\n * Bind draggable instances to the child columns\n *\n * @param {ContentTypeCollectionInterface<ColumnPreview>} column\n */\n ;\n\n _proto.bindDraggable = function bindDraggable(column) {\n var _this7 = this;\n\n column.preview.element.draggable({\n appendTo: \"body\",\n containment: \"body\",\n cursor: \"-webkit-grabbing\",\n handle: \".move-column\",\n revertDuration: 250,\n helper: function helper() {\n var helper = (0, _jquery)(this).clone();\n helper.css({\n height: (0, _jquery)(this).outerHeight() + \"px\",\n minHeight: 0,\n opacity: 0.5,\n pointerEvents: \"none\",\n width: (0, _jquery)(this).outerWidth() + \"px\",\n zIndex: 5000\n });\n return helper;\n },\n start: function start(event) {\n var columnInstance = _knockout.dataFor((0, _jquery)(event.target)[0]); // Use the global state as columns can be dragged between groups\n\n\n (0, _registry2.setDragColumn)(columnInstance.contentType);\n _this7.dropPositions = (0, _dragAndDrop.calculateDropPositions)(_this7.contentType);\n _this7.startDragEvent = event;\n\n _events.trigger(\"column:dragStart\", {\n column: columnInstance,\n stageId: _this7.contentType.stageId\n });\n\n _events.trigger(\"stage:interactionStart\", {\n stageId: _this7.contentType.stageId\n });\n },\n stop: function stop() {\n var draggedColumn = (0, _registry2.getDragColumn)();\n\n if (_this7.movePosition && draggedColumn) {\n // Check if we're moving within the same group, even though this function will\n // only ever run on the group that bound the draggable event\n if (draggedColumn.parentContentType === _this7.contentType) {\n _this7.onColumnSort(draggedColumn, _this7.movePosition.insertIndex);\n\n _this7.movePosition = null;\n }\n }\n\n (0, _registry2.removeDragColumn)();\n\n _this7.movePlaceholder.removeClass(\"active\");\n\n _this7.startDragEvent = null;\n\n _events.trigger(\"column:dragStop\", {\n column: draggedColumn,\n stageId: _this7.contentType.stageId\n });\n\n _events.trigger(\"stage:interactionStop\", {\n stageId: _this7.contentType.stageId\n });\n }\n });\n }\n /**\n * Update the grid size on enter or blur of the input\n */\n ;\n\n _proto.updateGridSize = function updateGridSize() {\n var _this8 = this;\n\n if (!_jquery.isNumeric(this.gridSizeInput())) {\n this.gridSizeError((0, _translate)(\"Please enter a valid number.\"));\n }\n\n var newGridSize = parseInt(this.gridSizeInput().toString(), 10);\n\n if (newGridSize || newGridSize === 0) {\n if (newGridSize !== this.resizeUtils.getGridSize() || true) {\n try {\n (0, _gridSize.resizeGrid)(this.contentType, newGridSize, this.gridSizeHistory);\n this.recordGridResize(newGridSize);\n this.gridSizeError(null); // Make the grid \"flash\" on successful change\n\n this.gridChange(true);\n\n _underscore.delay(function () {\n _this8.gridChange(false);\n }, 1000);\n } catch (e) {\n if (e instanceof _gridSize.GridSizeError) {\n this.gridSizeError(e.message);\n } else {\n throw e;\n }\n }\n } else {\n this.gridSizeError(null);\n }\n }\n }\n /**\n * @param {ContentTypeInterface | ContentTypeCollectionInterface} contentType\n * @private\n */\n ;\n\n _proto.hasColumnLine = function hasColumnLine(contentType) {\n var children = this.contentType.getChildren()();\n var hasColumnLine = false;\n\n if (children.length === 0) {\n // new column group, so it has a column line\n hasColumnLine = true;\n }\n\n children.forEach(function (child) {\n if (child.config.name === \"column-line\") {\n hasColumnLine = true;\n }\n });\n return hasColumnLine;\n }\n /**\n * If the column group does not have a column line, move contents to a new column group with a column line\n */\n ;\n\n _proto.moveContentsToNewColumnGroup = function moveContentsToNewColumnGroup() {\n var _this9 = this;\n\n if (this.hasColumnLine(this.contentType)) {\n // This column-group already has a column line. Don't need to add one.\n return;\n }\n\n var indexToInsertNewColumnGroupAt = this.getCurrentIndexInParent();\n (0, _contentTypeFactory)(_config.getContentTypeConfig(\"column-group\"), this.contentType.parentContentType, this.contentType.stageId).then(function (columnGroup) {\n _this9.contentType.parentContentType.addChild(columnGroup, indexToInsertNewColumnGroupAt);\n\n _events.trigger(columnGroup.config.name + \":dropAfter\", {\n id: columnGroup.id,\n columnGroup: columnGroup,\n columnGroupWithoutColumnLine: _this9.contentType\n });\n\n _this9.fireMountEvent(_this9.contentType, columnGroup);\n });\n }\n /**\n * @private return index of current content type in parent\n */\n ;\n\n _proto.getCurrentIndexInParent = function getCurrentIndexInParent() {\n var parentContentType = this.contentType.parentContentType;\n var currentIndex = 0;\n\n for (var _iterator = _createForOfIteratorHelperLoose(this.contentType.parentContentType.getChildren()()), _step; !(_step = _iterator()).done;) {\n var sibling = _step.value;\n\n if (sibling.id !== this.contentType.id) {\n currentIndex++;\n continue;\n }\n\n break;\n }\n\n return currentIndex;\n }\n /**\n * Fire the mount event for content types\n *\n * @param {ContentTypeInterface[]} contentTypes\n */\n ;\n\n _proto.fireMountEvent = function fireMountEvent() {\n for (var _len = arguments.length, contentTypes = new Array(_len), _key = 0; _key < _len; _key++) {\n contentTypes[_key] = arguments[_key];\n }\n\n contentTypes.forEach(function (contentType) {\n _events.trigger(\"contentType:mountAfter\", {\n id: contentType.id,\n contentType: contentType\n });\n\n _events.trigger(contentType.config.name + \":mountAfter\", {\n id: contentType.id,\n contentType: contentType\n });\n });\n }\n /**\n * Set columns in the group as resizing\n *\n * @param {Array<ContentTypeCollectionInterface<ColumnPreview>>} columns\n */\n ;\n\n _proto.setColumnsAsResizing = function setColumnsAsResizing() {\n for (var _len2 = arguments.length, columns = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {\n columns[_key2] = arguments[_key2];\n }\n\n columns.forEach(function (column) {\n column.preview.resizing(true);\n column.preview.element.css({\n transition: \"width 350ms ease-in-out\"\n });\n });\n }\n /**\n * Unset resizing flag on all child columns\n */\n ;\n\n _proto.unsetResizingColumns = function unsetResizingColumns() {\n this.contentType.children().forEach(function (column) {\n column.preview.resizing(false);\n\n if (column.preview.element) {\n column.preview.element.css({\n transition: \"\"\n });\n }\n });\n }\n /**\n * End all current interactions\n */\n ;\n\n _proto.endAllInteractions = function endAllInteractions() {\n if (this.resizing() === true) {\n for (; this.interactionLevel > 0; this.interactionLevel--) {\n _events.trigger(\"stage:interactionStop\", {\n stageId: this.contentType.stageId\n });\n }\n }\n\n this.resizing(false);\n this.resizeMouseDown = null;\n this.resizeLeftLastColumnShrunk = this.resizeRightLastColumnShrunk = null;\n this.dropPositions = []; // this.unsetResizingColumns();\n // Change the cursor back\n\n (0, _jquery)(\"body\").css(\"cursor\", \"\");\n this.movePlaceholder.css(\"left\", \"\").removeClass(\"active\");\n this.resizeGhost.removeClass(\"active\"); // Reset the group positions cache\n\n this.groupPositionCache = null;\n }\n /**\n * Init the resizing events on the group\n *\n * @param {JQuery} group\n */\n ;\n\n _proto.initMouseMove = function initMouseMove(group) {\n var _this10 = this;\n\n var intersects = false;\n (0, _jquery)(document).on(\"mousemove touchmove\", function (event) {\n if (group.parents(_sortable.hiddenClass).length > 0) {\n return;\n }\n\n var groupPosition = _this10.getGroupPosition(group); // If we're handling a touch event we need to pass through the page X & Y\n\n\n if (event.type === \"touchmove\") {\n event.pageX = event.originalEvent.pageX;\n event.pageY = event.originalEvent.pageY;\n }\n\n if (_this10.eventIntersectsGroup(event, groupPosition)) {\n intersects = true; // @todo make column re-sizing work\n\n _this10.onResizingMouseMove(event, group, groupPosition);\n } else {\n intersects = false;\n _this10.groupPositionCache = null;\n _this10.dropPosition = null;\n\n _this10.movePlaceholder.css(\"left\", \"\").removeClass(\"active\");\n }\n }).on(\"mouseup touchend\", function () {\n intersects = false;\n _this10.dropPosition = null;\n\n _this10.endAllInteractions();\n\n _underscore.defer(function () {\n // Re-enable any disabled sortable areas\n group.find(\".ui-sortable\").each(function () {\n if ((0, _jquery)(this).data(\"ui-sortable\")) {\n (0, _jquery)(this).sortable(\"option\", \"disabled\", false);\n }\n });\n });\n });\n }\n /**\n * Handle the mouse up action, either adding a new column or moving an existing\n * @deprecated\n */\n ;\n\n _proto.handleMouseUp = function handleMouseUp() {\n if (this.dropOverElement && this.dropPosition) {\n this.onNewColumnDrop(this.dropPosition);\n this.dropOverElement = null; // Re-enable the parent disabled sortable instance\n\n _underscore.defer(function () {\n (0, _jquery)(\".element-children.ui-sortable-disabled\").each(function () {\n (0, _jquery)(this).sortable(\"option\", \"disabled\", false);\n });\n });\n }\n\n var column = (0, _registry2.getDragColumn)();\n\n if (this.movePosition && column && column.parentContentType !== this.contentType) {\n this.onExistingColumnDrop(this.movePosition);\n }\n }\n /**\n * Does the current event intersect with the group?\n *\n * @param {JQueryEventObject} event\n * @param {GroupPositionCache} groupPosition\n * @returns {boolean}\n */\n ;\n\n _proto.eventIntersectsGroup = function eventIntersectsGroup(event, groupPosition) {\n return event.pageY > groupPosition.top && event.pageY < groupPosition.top + groupPosition.outerHeight && event.pageX > groupPosition.left && event.pageX < groupPosition.left + groupPosition.outerWidth;\n }\n /**\n * Cache the groups positions\n *\n * @param {JQuery} group\n * @returns {GroupPositionCache}\n */\n ;\n\n _proto.getGroupPosition = function getGroupPosition(group) {\n if (!this.groupPositionCache) {\n this.groupPositionCache = {\n top: group.offset().top,\n left: group.offset().left,\n width: group.width(),\n height: group.height(),\n outerWidth: group.outerWidth(),\n outerHeight: group.outerHeight()\n };\n }\n\n return this.groupPositionCache;\n }\n /**\n * Record the resizing history for this action\n *\n * @param {string} usedHistory\n * @param {string} direction\n * @param {ContentTypeCollectionInterface<ColumnPreview>} adjustedColumn\n * @param {string} modifyColumnInPair\n */\n ;\n\n _proto.recordResizeHistory = function recordResizeHistory(usedHistory, direction, adjustedColumn, modifyColumnInPair) {\n if (usedHistory) {\n this.resizeHistory[usedHistory].pop();\n }\n\n this.resizeHistory[direction].push({\n adjustedColumn: adjustedColumn,\n modifyColumnInPair: modifyColumnInPair\n });\n }\n /**\n * Handle the resizing on mouse move, we always resize a pair of columns at once\n *\n * @param {JQueryEventObject} event\n * @param {JQuery} group\n * @param {GroupPositionCache} groupPosition\n */\n ;\n\n _proto.onResizingMouseMove = function onResizingMouseMove(event, group, groupPosition) {\n var _this11 = this;\n\n var newColumnWidth;\n\n if (this.resizeMouseDown) {\n event.preventDefault();\n var currentPos = event.pageX;\n var resizeColumnLeft = this.resizeColumnInstance.preview.element.offset().left;\n var resizeColumnWidth = this.resizeColumnInstance.preview.element.outerWidth();\n var resizeHandlePosition = resizeColumnLeft + resizeColumnWidth;\n var direction = currentPos >= resizeHandlePosition ? \"right\" : \"left\";\n var adjustedColumn;\n var modifyColumnInPair; // We need to know if we're modifying the left or right column in the pair\n\n var usedHistory; // Was the adjusted column pulled from history?\n // Determine which column in the group should be adjusted for this action\n\n var _this$resizeUtils$det = this.resizeUtils.determineAdjustedColumn(currentPos, this.resizeColumnInstance, this.resizeHistory);\n\n adjustedColumn = _this$resizeUtils$det[0];\n modifyColumnInPair = _this$resizeUtils$det[1];\n usedHistory = _this$resizeUtils$det[2];\n // Calculate the ghost width based on mouse position and bounds of allowed sizes\n var ghostWidth = this.resizeUtils.calculateGhostWidth(groupPosition, currentPos, this.resizeColumnInstance, modifyColumnInPair, this.resizeMaxGhostWidth);\n this.resizeGhost.width(ghostWidth - 15 + \"px\").addClass(\"active\");\n\n if (adjustedColumn && this.resizeColumnWidths) {\n newColumnWidth = this.resizeColumnWidths.find(function (val) {\n return (0, _resize.comparator)(currentPos, val.position, 35) && val.forColumn === modifyColumnInPair;\n });\n\n if (newColumnWidth) {\n var mainColumn = this.resizeColumnInstance; // If we're using the left data set, we're actually resizing the right column of the group\n\n if (modifyColumnInPair === \"right\") {\n mainColumn = (0, _resize.getAdjacentColumn)(this.resizeColumnInstance, \"+1\");\n } // Ensure we aren't resizing multiple times, also validate the last resize isn't the same as the\n // one being performed now. This occurs as we re-calculate the column positions on resize, we have\n // to use the comparator as the calculation may result in slightly different numbers due to rounding\n\n\n if (this.resizeUtils.getColumnWidth(mainColumn) !== newColumnWidth.width && !(0, _resize.comparator)(this.resizeLastPosition, newColumnWidth.position, 10)) {\n // If our previous action was to resize the right column in pair, and we're now dragging back\n // to the right, but have matched a column for the left we need to fix the columns being\n // affected\n if (usedHistory && this.resizeLastColumnInPair === \"right\" && direction === \"right\" && newColumnWidth.forColumn === \"left\") {\n var originalMainColumn = mainColumn;\n mainColumn = adjustedColumn;\n adjustedColumn = (0, _resize.getAdjacentColumn)(originalMainColumn, \"+1\");\n }\n\n this.recordResizeHistory(usedHistory, direction, adjustedColumn, modifyColumnInPair);\n this.resizeLastPosition = newColumnWidth.position;\n this.resizeLastColumnInPair = modifyColumnInPair; // Ensure the adjusted column is marked as resizing to animate correctly\n\n this.setColumnsAsResizing(mainColumn, adjustedColumn);\n this.onColumnResize(mainColumn, newColumnWidth.width, adjustedColumn); // Wait for the render cycle to finish from the above resize before re-calculating\n\n _underscore.defer(function () {\n // If we do a resize, re-calculate the column widths\n _this11.resizeColumnWidths = _this11.resizeUtils.determineColumnWidths(_this11.resizeColumnInstance, groupPosition);\n _this11.resizeMaxGhostWidth = (0, _resize.determineMaxGhostWidth)(_this11.resizeColumnWidths);\n });\n }\n }\n }\n }\n }\n /**\n * Handle a column being dragged around the group\n * @deprecated - this is now handled in column-line/preview onDraggingMouseMove\n * @param {JQueryEventObject} event\n * @param {JQuery} group\n * @param {GroupPositionCache} groupPosition\n */\n ;\n\n _proto.onDraggingMouseMove = function onDraggingMouseMove(event, group, groupPosition) {\n var dragColumn = (0, _registry2.getDragColumn)();\n\n if (dragColumn) {\n // If the drop positions haven't been calculated for this group do so now\n if (this.dropPositions.length === 0) {\n this.dropPositions = (0, _dragAndDrop.calculateDropPositions)(this.contentType);\n }\n\n var columnInstance = dragColumn;\n var currentX = event.pageX - groupPosition.left; // Are we within the same column group or have we ended up over another?\n\n if (columnInstance.parentContentType === this.contentType && this.startDragEvent) {\n var dragDirection = event.pageX <= this.startDragEvent.pageX ? \"left\" : \"right\";\n var adjacentLeftColumn = (0, _resize.getAdjacentColumn)(dragColumn, \"-1\"); // Determine the current move position based on the cursors position and direction of drag\n\n this.movePosition = this.dropPositions.find(function (position) {\n return currentX > position.left && currentX < position.right && position.placement === dragDirection && position.affectedColumn !== dragColumn;\n }); // Differences in the element & event positions cause a right movement to activate on the left column\n\n if (this.movePosition && dragDirection === \"right\" && this.movePosition.affectedColumn === adjacentLeftColumn) {\n this.movePosition = null;\n }\n\n if (this.movePosition) {\n this.movePlaceholder.css({\n left: this.movePosition.placement === \"left\" ? this.movePosition.left : \"\",\n right: this.movePosition.placement === \"right\" ? groupPosition.width - this.movePosition.right : \"\",\n width: dragColumn.preview.element.outerWidth() + \"px\"\n }).addClass(\"active\");\n } else {\n this.movePlaceholder.removeClass(\"active\");\n }\n } else {\n // If we're moving to another column group we utilise the existing drop placeholder\n this.movePosition = this.dropPositions.find(function (position) {\n return currentX > position.left && currentX <= position.right && position.canShrink;\n });\n\n if (this.movePosition) {\n var classToRemove = this.movePosition.placement === \"left\" ? \"right\" : \"left\";\n this.movePlaceholder.removeClass(\"active\");\n }\n }\n }\n }\n /**\n * Handle mouse move events on when dropping elements\n *\n * @param {JQueryEventObject} event\n * @param {JQuery} group\n * @param {GroupPositionCache} groupPosition\n * @deprecated now handled in column-line/preview\n */\n ;\n\n _proto.onDroppingMouseMove = function onDroppingMouseMove(event, group, groupPosition) {\n var elementChildrenParent = group.parents(\".element-children\"); // Only initiate this process if we're within the group by a buffer to allow for sortable to function correctly\n\n if (this.dropOverElement && event.pageY > groupPosition.top + 20 && event.pageY < groupPosition.top + groupPosition.outerHeight - 20) {\n // Disable the column group sortable instance\n if (elementChildrenParent.data(\"ui-sortable\")) {\n elementChildrenParent.sortable(\"option\", \"disabled\", true);\n }\n\n var currentX = event.pageX - groupPosition.left;\n this.dropPosition = this.dropPositions.find(function (position) {\n return currentX > position.left && currentX <= position.right && position.canShrink;\n });\n } else if (this.dropOverElement) {\n // Re-enable the column group sortable instance\n if (elementChildrenParent.data(\"ui-sortable\")) {\n elementChildrenParent.sortable(\"option\", \"disabled\", false);\n }\n\n this.dropPosition = null;\n }\n }\n /**\n * Init the droppable functionality for new columns\n *\n * @param {JQuery} group\n */\n ;\n\n _proto.initDroppable = function initDroppable(group) {\n var self = this;\n var headStyles;\n group.droppable({\n deactivate: function deactivate() {\n self.dropOverElement = null;\n\n _underscore.defer(function () {\n // Re-enable the column group sortable instance & all children sortable instances\n group.parents(\".element-children\").each(function () {\n if ((0, _jquery)(this).data(\"ui-sortable\")) {\n (0, _jquery)(this).sortable(\"option\", \"disabled\", false);\n }\n });\n });\n },\n activate: function activate() {\n if ((0, _registry.getDraggedContentTypeConfig)() === _config.getContentTypeConfig(\"column-group\")) {\n var _ref;\n\n group.find(\".ui-sortable\").each(function () {\n if ((0, _jquery)(this).data(\"ui-sortable\")) {\n (0, _jquery)(this).sortable(\"option\", \"disabled\", true);\n }\n });\n var classes = [\".pagebuilder-content-type.pagebuilder-column .pagebuilder-drop-indicator\", \".pagebuilder-content-type.pagebuilder-column .empty-container .content-type-container:before\"]; // Ensure we don't display any drop indicators inside the column\n\n headStyles = (0, _createStylesheet.createStyleSheet)((_ref = {}, _ref[classes.join(\", \")] = {\n display: \"none!important\"\n }, _ref));\n document.head.appendChild(headStyles);\n } else if (headStyles) {\n headStyles.remove();\n headStyles = null;\n }\n },\n drop: function drop() {\n self.dropPositions = [];\n },\n out: function out() {\n self.dropOverElement = null;\n },\n over: function over() {\n // Is the element currently being dragged a column group?\n if ((0, _registry.getDraggedContentTypeConfig)() === _config.getContentTypeConfig(\"column-group\")) {\n // Always calculate drop positions when an element is dragged over\n self.dropOverElement = true;\n } else {\n self.dropOverElement = null;\n }\n }\n });\n }\n /**\n * Spread any empty space across the other columns when a column is removed\n *\n * @param {number} removedIndex\n */\n ;\n\n _proto.spreadWidth = function spreadWidth(removedIndex) {\n if (this.contentType.children().length === 0) {\n return;\n }\n\n var availableWidth = 100 - this.resizeUtils.getColumnsWidth();\n var formattedAvailableWidth = (0, _resize.getRoundedColumnWidth)(availableWidth);\n var totalChildColumns = this.contentType.children().length;\n var allowedColumnWidths = [];\n var spreadAcross = 1;\n var spreadAmount;\n\n for (var i = this.resizeUtils.getGridSize(); i > 0; i--) {\n allowedColumnWidths.push((0, _resize.getRoundedColumnWidth)(100 / this.resizeUtils.getGridSize() * i));\n } // Determine how we can spread the empty space across the columns\n\n\n for (var _i = totalChildColumns; _i > 0; _i--) {\n var potentialWidth = Math.floor(formattedAvailableWidth / _i);\n\n for (var _iterator2 = _createForOfIteratorHelperLoose(allowedColumnWidths), _step2; !(_step2 = _iterator2()).done;) {\n var width = _step2.value;\n\n if (potentialWidth === Math.floor(width)) {\n spreadAcross = _i;\n spreadAmount = formattedAvailableWidth / _i;\n break;\n }\n }\n\n if (spreadAmount) {\n break;\n }\n } // Let's spread the width across the columns\n\n\n for (var _i2 = 1; _i2 <= spreadAcross; _i2++) {\n var columnToModify = void 0; // As the original column has been removed from the array, check the new index for a column\n\n if (removedIndex <= this.contentType.children().length && typeof this.contentType.children()[removedIndex] !== \"undefined\") {\n columnToModify = this.contentType.children()[removedIndex];\n }\n\n if (!columnToModify && removedIndex - _i2 >= 0 && typeof this.contentType.children()[removedIndex - _i2] !== \"undefined\") {\n columnToModify = this.contentType.children()[removedIndex - _i2];\n }\n\n if (columnToModify) {\n (0, _resize.updateColumnWidth)(columnToModify, this.resizeUtils.getColumnWidth(columnToModify) + spreadAmount);\n }\n }\n }\n /**\n * Remove self if we contain no children\n */\n ;\n\n _proto.removeIfEmpty = function removeIfEmpty() {\n if (this.contentType.children().length === 0) {\n this.contentType.parentContentType.removeChild(this.contentType);\n return;\n }\n }\n /**\n * Record the grid resize operation into a history for later restoration\n *\n * @param {number} newGridSize\n */\n ;\n\n _proto.recordGridResize = function recordGridResize(newGridSize) {\n var _this12 = this;\n\n // @todo evaluate utility of having a grid size history\n return;\n\n if (!this.gridSizeHistory.has(newGridSize)) {\n var columnWidths = [];\n this.contentType.getChildren()().forEach(function (column) {\n columnWidths.push(_this12.resizeUtils.getColumnWidth(column));\n });\n this.gridSizeHistory.set(newGridSize, columnWidths);\n }\n }\n /**\n * Figure out the maximum number of non-empty columns in various column lines\n * @private\n */\n ;\n\n _proto.getNonEmptyColumnCount = function getNonEmptyColumnCount() {\n var nonEmptyColumnCount = 0;\n this.contentType.getChildren()().forEach(function (columnLine, index) {\n var numEmptyColumns = 0;\n var numCols = columnLine.getChildren()().length;\n columnLine.getChildren()().forEach(function (column) {\n if (column.getChildren()().length === 0) {\n numEmptyColumns++;\n }\n });\n\n if (numCols - numEmptyColumns > nonEmptyColumnCount) {\n nonEmptyColumnCount = numCols - numEmptyColumns;\n }\n });\n return nonEmptyColumnCount;\n };\n\n return Preview;\n }(_previewCollection);\n\n return Preview;\n});\n//# sourceMappingURL=preview.js.map","Magento_PageBuilder/js/content-type/column-group/grid-size.js":"/*eslint-disable */\n/* jscs:disable */\n\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return self; }\n\nfunction _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; _setPrototypeOf(subClass, superClass); }\n\nfunction _wrapNativeSuper(Class) { var _cache = typeof Map === \"function\" ? new Map() : undefined; _wrapNativeSuper = function _wrapNativeSuper(Class) { if (Class === null || !_isNativeFunction(Class)) return Class; if (typeof Class !== \"function\") { throw new TypeError(\"Super expression must either be null or a function\"); } if (typeof _cache !== \"undefined\") { if (_cache.has(Class)) return _cache.get(Class); _cache.set(Class, Wrapper); } function Wrapper() { return _construct(Class, arguments, _getPrototypeOf(this).constructor); } Wrapper.prototype = Object.create(Class.prototype, { constructor: { value: Wrapper, enumerable: false, writable: true, configurable: true } }); return _setPrototypeOf(Wrapper, Class); }; return _wrapNativeSuper(Class); }\n\nfunction _construct(Parent, args, Class) { if (_isNativeReflectConstruct()) { _construct = Reflect.construct; } else { _construct = function _construct(Parent, args, Class) { var a = [null]; a.push.apply(a, args); var Constructor = Function.bind.apply(Parent, a); var instance = new Constructor(); if (Class) _setPrototypeOf(instance, Class.prototype); return instance; }; } return _construct.apply(null, arguments); }\n\nfunction _isNativeReflectConstruct() { if (typeof Reflect === \"undefined\" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === \"function\") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }\n\nfunction _isNativeFunction(fn) { return Function.toString.call(fn).indexOf(\"[native code]\") !== -1; }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\nfunction _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }\n\nfunction _createForOfIteratorHelperLoose(o, allowArrayLike) { var it = typeof Symbol !== \"undefined\" && o[Symbol.iterator] || o[\"@@iterator\"]; if (it) return (it = it.call(o)).next.bind(it); if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === \"number\") { if (it) o = it; var i = 0; return function () { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }; } throw new TypeError(\"Invalid attempt to iterate non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\n\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(o); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\n\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }\n\ndefine([\"mage/translate\", \"Magento_PageBuilder/js/config\", \"Magento_PageBuilder/js/content-type/column/resize\"], function (_translate, _config, _resize) {\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n\n /**\n * Retrieve default grid size\n *\n * @returns {number}\n */\n function getDefaultGridSize() {\n return parseInt(_config.getConfig(\"column_grid_default\"), 10);\n }\n /**\n * Retrieve the max grid size\n *\n * @returns {number}\n */\n\n\n function getMaxGridSize() {\n return parseInt(_config.getConfig(\"column_grid_max\"), 10);\n }\n /**\n * Apply the new grid size, adjusting the existing columns as needed.\n *\n * Rules for resizing the grid:\n * - The grid size can be increased up to the configured maximum value.\n * - The grid size can be decreased only if the number of non-empty columns is less than or equal to the new size.\n * - If the new grid size is less than the number of columns currently in the grid, empty columns will be deleted\n * to accommodate the new size.\n *\n * @param {ContentTypeCollectionInterface<Preview>} columnGroup\n * @param {number} newGridSize\n * @param {Map<number, number[]>} gridSizeHistory\n */\n\n\n function resizeGrid(columnGroup, newGridSize, gridSizeHistory) {\n if (newGridSize === columnGroup.preview.getResizeUtils().getInitialGridSize()) {\n return;\n }\n\n validateNewGridSize(columnGroup, newGridSize);\n columnGroup.getChildren()().forEach(function (columnLine, index) {\n // if we have more columns than the new grid size allows, remove empty columns till the correct size\n console.log(columnLine.getChildren()().length);\n\n if (newGridSize < columnLine.getChildren()().length) {\n removeEmptyColumnsToFit(columnLine, newGridSize);\n }\n }); // update column widths\n\n redistributeColumnWidths(columnGroup, newGridSize, gridSizeHistory);\n }\n /**\n * Validate that the new grid size is within the configured limits and can be achieved.\n *\n * @param {ContentTypeCollectionInterface<Preview>} columnGroup\n * @param {number} newGridSize\n */\n\n\n function validateNewGridSize(columnGroup, newGridSize) {\n // Validate against the max grid size\n if (newGridSize > getMaxGridSize()) {\n throw new GridSizeError((0, _translate)(\"The maximum grid size supported is \" + getMaxGridSize() + \".\"));\n } else if (newGridSize < 2) {\n throw new GridSizeError((0, _translate)(\"The minimum grid size supported is 2.\"));\n } // Validate that the operation will be successful\n\n\n var doThrowException = false;\n columnGroup.getChildren()().forEach(function (columnLine, index) {\n var numEmptyColumns = 0;\n var numCols = columnLine.getChildren()().length;\n var currentGridSize = columnLine.preview.getResizeUtils().getInitialGridSize();\n\n if (newGridSize < currentGridSize && numCols > newGridSize) {\n columnLine.getChildren()().forEach(function (column) {\n if (column.getChildren()().length === 0) {\n numEmptyColumns++;\n }\n });\n\n if (newGridSize < numCols - numEmptyColumns) {\n doThrowException = true;\n }\n }\n });\n\n if (doThrowException) {\n throw new Error((0, _translate)(\"Grid size cannot be smaller than the current total amount of columns, minus any empty columns.\"));\n }\n }\n /**\n * Remove empty columns so we can accommodate the new grid size\n *\n * @param {ContentTypeCollectionInterface<Preview>} columnGroup\n * @param {number} newGridSize\n */\n\n\n function removeEmptyColumnsToFit(columnLine, newGridSize) {\n var columns = columnLine.getChildren()();\n var numColumns = columns.length;\n var i;\n\n for (i = numColumns - 1; i >= 0; i--) {\n var column = columns[i];\n\n if (newGridSize < numColumns && column.getChildren()().length === 0) {\n columnLine.removeChild(column);\n numColumns--;\n }\n }\n }\n /**\n * Adjust columns widths across the new grid size, making sure each column is at least one grid size in width\n * and the entire grid size is distributed.\n *\n * @param {ContentTypeCollectionInterface<Preview>} columnGroup\n * @param {number} newGridSize\n * @param {Map<number, number[]>} gridSizeHistory\n */\n\n\n function redistributeColumnWidths(columnGroup, newGridSize, gridSizeHistory) {\n // apply known column widths if we have resized before\n if (gridSizeHistory.has(newGridSize) && gridSizeHistory.get(newGridSize).length === columnGroup.getChildren()().length) {\n var columnWidths = gridSizeHistory.get(newGridSize);\n columnGroup.getChildren()().forEach(function (column, index) {\n (0, _resize.updateColumnWidth)(column, columnWidths[index]);\n });\n columnGroup.dataStore.set(\"grid_size\", newGridSize);\n columnGroup.dataStore.unset(\"initial_grid_size\");\n return;\n }\n\n var columnGroupResizeUtil = columnGroup.preview.getResizeUtils();\n var existingGridSize = columnGroupResizeUtil.getInitialGridSize();\n var minColWidth = parseFloat((100 / newGridSize).toString()).toFixed(Math.round(100 / newGridSize) !== 100 / newGridSize ? 8 : 0);\n columnGroup.getChildren()().forEach(function (columnLine, columnLineIndex) {\n var totalNewWidths = 0;\n var remainingWidth = 0;\n var numColumns = columnLine.getChildren()().length;\n var resizeUtils = columnLine.preview.getResizeUtils();\n columnLine.getChildren()().forEach(function (column, index) {\n var existingWidth = resizeUtils.getColumnWidth(column);\n var fractionColumnWidth = Math.round(existingWidth / (100 / existingGridSize));\n /**\n * Determine if the grid & column are directly compatible with the new defined grid size, this will\n * directly convert fractions to their equivalent of the new grid size.\n *\n * For instance changing a 12 column grid with 2 x 6 / 12 columns to a 6 grid is fully compatible.\n *\n * Check the existing grid size and new grid size are divisible, verify the amount of columns will fit\n * in the new grid size and finally check the calculation to convert the existing column width results\n * in a positive integer.\n */\n\n if ((existingGridSize > newGridSize && existingGridSize % newGridSize === 0 || existingGridSize < newGridSize && newGridSize % existingGridSize === 0) && newGridSize % numColumns === 0 && newGridSize / existingGridSize * fractionColumnWidth % 1 === 0) {\n // We don't need to modify the columns width as it's compatible, we will however increment the\n // width counter as some other columns may not be compatible.\n totalNewWidths += existingWidth;\n } else {\n var newWidth = (100 * Math.floor(existingWidth / 100 * newGridSize) / newGridSize).toFixed(Math.round(100 / newGridSize) !== 100 / newGridSize ? 8 : 0); // make sure the column is at least one grid size wide\n\n if (parseFloat(newWidth) < parseFloat(minColWidth)) {\n newWidth = minColWidth;\n } // make sure we leave enough space for other columns\n\n\n var widthTaken = totalNewWidths + (numColumns - index - 1) * parseFloat(minColWidth);\n var maxAvailableWidth = 100 - totalNewWidths;\n\n if (parseFloat(newWidth) > maxAvailableWidth) {\n var gridWidth = Math.round(100 / newGridSize) !== 100 / newGridSize ? 8 : 0;\n newWidth = maxAvailableWidth.toFixed(gridWidth);\n } // Calculate any width lost from the column, if a 5 / 12 is becoming a 2 / 6 then it's lost 1 / 12\n\n\n remainingWidth += existingWidth - parseFloat(newWidth);\n /**\n * Determine if we have enough remaining width, and apply it to the current column, this results in\n * a subsequent column always receiving any additional width from the previous column\n */\n\n if (resizeUtils.getSmallestColumnWidth(newGridSize) === resizeUtils.getAcceptedColumnWidth(remainingWidth.toString(), newGridSize)) {\n var widthWithRemaining = resizeUtils.getAcceptedColumnWidth((parseFloat(newWidth) + remainingWidth).toString(), newGridSize);\n\n if (widthWithRemaining > 0) {\n newWidth = widthWithRemaining.toFixed(Math.round(100 / widthWithRemaining) !== 100 / widthWithRemaining ? 8 : 0);\n remainingWidth = 0;\n }\n }\n\n totalNewWidths += parseFloat(newWidth);\n (0, _resize.updateColumnWidth)(column, parseFloat(newWidth));\n }\n\n column.preview.updateDisplayLabel();\n });\n });\n columnGroup.dataStore.set(\"grid_size\", newGridSize);\n columnGroup.dataStore.unset(\"initial_grid_size\");\n columnGroup.getChildren()().forEach(function (columnLine, index) {\n var resizeUtils = columnLine.preview.getResizeUtils();\n\n if (Math.round(resizeUtils.getColumnsWidth()) < 100) {\n applyLeftoverColumnsInColumnLine(columnLine, newGridSize);\n }\n });\n }\n /**\n * Make sure the full grid size is distributed across the columns\n *\n * @param {ContentTypeCollectionInterface<Preview>} columnGroup\n * @param {number} newGridSize\n */\n\n\n function applyLeftoverColumns(columnGroup, newGridSize) {\n var resizeUtils = columnGroup.preview.getResizeUtils();\n var minColWidth = parseFloat((100 / newGridSize).toString()).toFixed(Math.round(100 / newGridSize) !== 100 / newGridSize ? 8 : 0);\n var column;\n\n for (var _iterator = _createForOfIteratorHelperLoose(columnGroup.getChildren()()), _step; !(_step = _iterator()).done;) {\n column = _step.value;\n\n if (Math.round(resizeUtils.getColumnsWidth()) < 100) {\n (0, _resize.updateColumnWidth)(column, parseFloat(resizeUtils.getColumnWidth(column).toString()) + parseFloat(minColWidth));\n } else {\n break;\n }\n }\n }\n /**\n * Make sure the full grid size is distributed across the columns\n *\n * @param {ContentTypeCollectionInterface<Preview>} columnGroup\n * @param {number} newGridSize\n */\n\n\n function applyLeftoverColumnsInColumnLine(columnLine, newGridSize) {\n var resizeUtils = columnLine.preview.getResizeUtils();\n var minColWidth = parseFloat((100 / newGridSize).toString()).toFixed(Math.round(100 / newGridSize) !== 100 / newGridSize ? 8 : 0);\n var column;\n\n for (var _iterator2 = _createForOfIteratorHelperLoose(columnLine.getChildren()()), _step2; !(_step2 = _iterator2()).done;) {\n column = _step2.value;\n\n if (Math.round(resizeUtils.getColumnsWidth()) < 100) {\n (0, _resize.updateColumnWidth)(column, parseFloat(resizeUtils.getColumnWidth(column).toString()) + parseFloat(minColWidth));\n } else {\n break;\n }\n }\n }\n\n var GridSizeError = /*#__PURE__*/function (_Error) {\n \"use strict\";\n\n _inheritsLoose(GridSizeError, _Error);\n\n function GridSizeError(m) {\n var _this;\n\n _this = _Error.call(this, m) || this;\n Object.setPrototypeOf(_assertThisInitialized(_this), GridSizeError.prototype);\n return _this;\n }\n\n return GridSizeError;\n }( /*#__PURE__*/_wrapNativeSuper(Error));\n\n return {\n getDefaultGridSize: getDefaultGridSize,\n getMaxGridSize: getMaxGridSize,\n resizeGrid: resizeGrid,\n GridSizeError: GridSizeError\n };\n});\n//# sourceMappingURL=grid-size.js.map","Magento_PageBuilder/js/content-type/column-group/factory.js":"/*eslint-disable */\n/* jscs:disable */\ndefine([\"Magento_PageBuilder/js/config\", \"Magento_PageBuilder/js/content-type-factory\"], function (_config, _contentTypeFactory) {\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n\n /**\n * Create a column and add it to it's column group\n *\n * @param {ContentTypeCollectionInterface} columnGroup\n * @param {number} width\n * @param {number} index\n * @returns {Promise<ContentTypeCollectionInterface>}\n */\n function createColumn(columnGroup, width, index) {\n return (0, _contentTypeFactory)(_config.getContentTypeConfig(\"column\"), columnGroup, columnGroup.stageId, {\n width: parseFloat(width.toString()) + \"%\"\n }).then(function (column) {\n columnGroup.addChild(column, index);\n return column;\n }).catch(function (error) {\n console.error(error);\n return null;\n });\n }\n /**\n * Create a column and add it to it's column group\n *\n * @param {ContentTypeCollectionInterface} columnGroup\n * @param {number} width\n * @param {number} index\n * @returns {Promise<ContentTypeCollectionInterface>}\n */\n\n\n function createColumnLine(columnGroup, width, index) {\n return (0, _contentTypeFactory)(_config.getContentTypeConfig(\"column-line\"), columnGroup, columnGroup.stageId, {\n width: parseFloat(width.toString()) + \"%\"\n }).then(function (columnLine) {\n columnGroup.addChild(columnLine, index);\n return columnLine;\n }).catch(function (error) {\n console.error(error);\n return null;\n });\n }\n\n return {\n createColumn: createColumn,\n createColumnLine: createColumnLine\n };\n});\n//# sourceMappingURL=factory.js.map","Magento_PageBuilder/js/content-type/image/preview.js":"/*eslint-disable */\n/* jscs:disable */\n\nfunction _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\ndefine([\"Magento_PageBuilder/js/events\", \"Magento_PageBuilder/js/content-type-menu/hide-show-option\", \"Magento_PageBuilder/js/uploader\", \"Magento_PageBuilder/js/content-type/preview\"], function (_events, _hideShowOption, _uploader, _preview) {\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n\n /**\n * @api\n */\n var Preview = /*#__PURE__*/function (_preview2) {\n \"use strict\";\n\n _inheritsLoose(Preview, _preview2);\n\n function Preview() {\n return _preview2.apply(this, arguments) || this;\n }\n\n var _proto = Preview.prototype;\n\n /**\n * Return an array of options\n *\n * @returns {OptionsInterface}\n */\n _proto.retrieveOptions = function retrieveOptions() {\n var options = _preview2.prototype.retrieveOptions.call(this);\n\n options.hideShow = new _hideShowOption({\n preview: this,\n icon: _hideShowOption.showIcon,\n title: _hideShowOption.showText,\n action: this.onOptionVisibilityToggle,\n classes: [\"hide-show-content-type\"],\n sort: 40\n });\n return options;\n }\n /**\n * Get registry callback reference to uploader UI component\n *\n * @returns {Uploader}\n */\n ;\n\n _proto.getUploader = function getUploader() {\n var initialImageValue = this.contentType.dataStore.get(this.config.additional_data.uploaderConfig.dataScope, \"\");\n return new _uploader(\"imageuploader_\" + this.contentType.id, this.config.additional_data.uploaderConfig, this.contentType.id, this.contentType.dataStore, initialImageValue);\n }\n /**\n * Get viewport image data\n */\n ;\n\n _proto.getViewportImageData = function getViewportImageData() {\n var desktopImageData = this.data.desktop_image;\n var mobileImageData = this.data.mobile_image;\n return this.viewport() === \"mobile\" && typeof mobileImageData !== \"undefined\" ? mobileImageData : desktopImageData;\n }\n /**\n * @inheritDoc\n */\n ;\n\n _proto.bindEvents = function bindEvents() {\n var _this = this;\n\n _preview2.prototype.bindEvents.call(this);\n\n _events.on(\"image:mountAfter\", function (args) {\n if (args.id === _this.contentType.id) {\n _this.isSnapshot.subscribe(function (value) {\n _this.changeUploaderControlsVisibility();\n });\n\n _this.changeUploaderControlsVisibility();\n }\n });\n\n _events.on(this.config.name + \":\" + this.contentType.id + \":updateAfter\", function () {\n var files = _this.contentType.dataStore.get(_this.config.additional_data.uploaderConfig.dataScope);\n\n var imageObject = files ? files[0] : {};\n\n _events.trigger(\"image:\" + _this.contentType.id + \":assignAfter\", imageObject);\n });\n }\n /**\n * Change uploader controls visibility\n */\n ;\n\n _proto.changeUploaderControlsVisibility = function changeUploaderControlsVisibility() {\n var _this2 = this;\n\n this.getUploader().getUiComponent()(function (uploader) {\n uploader.visibleControls = !_this2.isSnapshot();\n });\n };\n\n return Preview;\n }(_preview);\n\n return Preview;\n});\n//# sourceMappingURL=preview.js.map","Magento_PageBuilder/js/content-type/block/preview.js":"/*eslint-disable */\n/* jscs:disable */\n\nfunction _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\ndefine([\"jquery\", \"knockout\", \"mage/translate\", \"Magento_PageBuilder/js/widget-initializer\", \"mageUtils\", \"underscore\", \"Magento_PageBuilder/js/config\", \"Magento_PageBuilder/js/content-type-menu/hide-show-option\", \"Magento_PageBuilder/js/content-type/style-registry\", \"Magento_PageBuilder/js/utils/object\", \"Magento_PageBuilder/js/content-type/preview\"], function (_jquery, _knockout, _translate, _widgetInitializer, _mageUtils, _underscore, _config, _hideShowOption, _styleRegistry, _object, _preview) {\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n\n /**\n * @api\n */\n var Preview = /*#__PURE__*/function (_preview2) {\n \"use strict\";\n\n _inheritsLoose(Preview, _preview2);\n\n /**\n * @inheritdoc\n */\n function Preview(contentType, config, observableUpdater) {\n var _this;\n\n _this = _preview2.call(this, contentType, config, observableUpdater) || this;\n _this.displayingBlockPreview = _knockout.observable(false);\n _this.loading = _knockout.observable(false);\n _this.messages = {\n NOT_SELECTED: (0, _translate)(\"Empty Block\"),\n UNKNOWN_ERROR: (0, _translate)(\"An unknown error occurred. Please try again.\")\n };\n _this.placeholderText = _knockout.observable(_this.messages.NOT_SELECTED);\n return _this;\n }\n /**\n * Return an array of options\n *\n * @returns {OptionsInterface}\n */\n\n\n var _proto = Preview.prototype;\n\n _proto.retrieveOptions = function retrieveOptions() {\n var options = _preview2.prototype.retrieveOptions.call(this);\n\n options.hideShow = new _hideShowOption({\n preview: this,\n icon: _hideShowOption.showIcon,\n title: _hideShowOption.showText,\n action: this.onOptionVisibilityToggle,\n classes: [\"hide-show-content-type\"],\n sort: 40\n });\n return options;\n }\n /**\n * Runs the widget initializer for each configured widget\n */\n ;\n\n _proto.initializeWidgets = function initializeWidgets(element) {\n if (element) {\n this.element = element;\n (0, _widgetInitializer)({\n config: _config.getConfig(\"widgets\"),\n breakpoints: _config.getConfig(\"breakpoints\"),\n currentViewport: _config.getConfig(\"viewport\")\n }, element);\n }\n }\n /**\n * Updates the view state using the data provided\n * @param {DataObject} data\n */\n ;\n\n _proto.processBlockData = function processBlockData(data) {\n // Only load if something changed\n this.displayPreviewPlaceholder(data, \"block_id\");\n\n if (data.block_id && data.template.length !== 0) {\n this.processRequest(data, \"block_id\", \"title\");\n }\n }\n /**\n * @inheritdoc\n */\n ;\n\n _proto.afterObservablesUpdated = function afterObservablesUpdated() {\n _preview2.prototype.afterObservablesUpdated.call(this);\n\n var data = this.contentType.dataStore.getState(); // Only load if something changed\n\n this.processBlockData(data);\n }\n /**\n * Display preview placeholder\n *\n * @param {DataObject} data\n * @param {string} identifierName\n */\n ;\n\n _proto.displayPreviewPlaceholder = function displayPreviewPlaceholder(data, identifierName) {\n var blockId = (0, _object.get)(data, identifierName); // Only load if something changed\n\n if (this.lastBlockId === blockId && this.lastTemplate === data.template) {\n // The mass converter will have transformed the HTML property into a directive\n if (this.lastRenderedHtml) {\n this.data.main.html(this.lastRenderedHtml);\n this.showBlockPreview(true);\n this.initializeWidgets(this.element);\n }\n } else {\n this.showBlockPreview(false);\n this.placeholderText(\"\");\n }\n\n if (!blockId || blockId && blockId.toString().length === 0 || data.template.length === 0) {\n this.showBlockPreview(false);\n this.placeholderText(this.messages.NOT_SELECTED);\n return;\n }\n }\n /**\n *\n * @param {DataObject} data\n * @param {string} identifierName\n * @param {string} labelKey\n */\n ;\n\n _proto.processRequest = function processRequest(data, identifierName, labelKey) {\n var _this2 = this;\n\n var url = _config.getConfig(\"preview_url\");\n\n var identifier = (0, _object.get)(data, identifierName);\n var requestConfig = {\n // Prevent caching\n method: \"POST\",\n data: {\n role: this.config.name,\n block_id: identifier,\n directive: this.data.main.html()\n }\n };\n this.loading(true); // Retrieve a state object representing the block from the preview controller and process it on the stage\n\n _jquery.ajax(url, requestConfig) // The state object will contain the block name and either html or a message why there isn't any.\n .done(function (response) {\n // Empty content means something bad happened in the controller that didn't trigger a 5xx\n if (typeof response.data !== \"object\") {\n _this2.showBlockPreview(false);\n\n _this2.placeholderText(_this2.messages.UNKNOWN_ERROR);\n\n return;\n } // Update the stage content type label with the real block title if provided\n\n\n _this2.displayLabel(response.data[labelKey] ? response.data[labelKey] : _this2.config.label);\n\n var content = \"\";\n\n if (response.data.content) {\n content = _this2.processContent(response.data.content);\n\n _this2.data.main.html(content);\n\n _this2.showBlockPreview(true);\n\n _this2.initializeWidgets(_this2.element);\n } else if (response.data.error) {\n _this2.showBlockPreview(false);\n\n _this2.placeholderText(response.data.error);\n }\n\n _this2.lastBlockId = parseInt(identifier.toString(), 10);\n _this2.lastTemplate = data.template.toString();\n _this2.lastRenderedHtml = content;\n }).fail(function () {\n _this2.showBlockPreview(false);\n\n _this2.placeholderText(_this2.messages.UNKNOWN_ERROR);\n }).always(function () {\n _this2.loading(false);\n });\n }\n /**\n * Toggle display of block preview. If showing block preview, add hidden mode to PB preview.\n * @param {boolean} isShow\n */\n ;\n\n _proto.showBlockPreview = function showBlockPreview(isShow) {\n this.displayingBlockPreview(isShow);\n }\n /**\n * Adapt content to view it on stage.\n *\n * @param content\n */\n ;\n\n _proto.processContent = function processContent(content) {\n var processedContent = this.processBackgroundImages(content);\n processedContent = this.processBreakpointStyles(processedContent);\n return processedContent;\n }\n /**\n * Generate styles for background images.\n *\n * @param {string} content\n * @return string\n */\n ;\n\n _proto.processBackgroundImages = function processBackgroundImages(content) {\n var document = new DOMParser().parseFromString(content, \"text/html\");\n var elements = document.querySelectorAll(\"[data-background-images]\");\n var styleBlock = document.createElement(\"style\");\n\n var viewports = _config.getConfig(\"viewports\");\n\n elements.forEach(function (element) {\n var rawAttrValue = element.getAttribute(\"data-background-images\").replace(/\\\\(.)/mg, \"$1\");\n var attrValue = JSON.parse(rawAttrValue);\n\n var elementClass = \"background-image-\" + _mageUtils.uniqueid(13);\n\n var rules = \"\";\n Object.keys(attrValue).forEach(function (imageName) {\n var imageUrl = attrValue[imageName];\n var viewportName = imageName.replace(\"_image\", \"\");\n\n if (viewports[viewportName].stage && imageUrl) {\n rules += \".\" + viewportName + \"-viewport .\" + elementClass + \" {\\n background-image: url(\\\"\" + imageUrl + \"\\\");\\n }\";\n }\n });\n\n if (rules.length) {\n styleBlock.append(rules);\n element.classList.add(elementClass);\n }\n });\n\n if (elements.length && styleBlock.innerText.length) {\n document.body.append(styleBlock);\n content = document.head.innerHTML + document.body.innerHTML;\n }\n\n return content;\n }\n /**\n * Replace media queries with viewport classes.\n *\n * @param {string} content\n * @return string\n */\n ;\n\n _proto.processBreakpointStyles = function processBreakpointStyles(content) {\n var document = new DOMParser().parseFromString(content, \"text/html\");\n var styleBlocks = document.querySelectorAll(\"style\");\n var mediaStyleBlock = document.createElement(\"style\");\n\n var viewports = _config.getConfig(\"viewports\");\n\n styleBlocks.forEach(function (styleBlock) {\n var cssRules = styleBlock.sheet.cssRules;\n Array.from(cssRules).forEach(function (rule) {\n var mediaScope = rule instanceof CSSMediaRule && _underscore.findKey(viewports, function (viewport) {\n return rule.conditionText === viewport.media;\n });\n\n if (mediaScope) {\n Array.from(rule.cssRules).forEach(function (mediaRule, index) {\n if (mediaRule.selectorText.indexOf(_styleRegistry.pbStyleAttribute) !== -1) {\n var searchPattern = new RegExp(_config.getConfig(\"bodyId\") + \" \", \"g\");\n var replaceValue = _config.getConfig(\"bodyId\") + \" .\" + mediaScope + \"-viewport \";\n var selector = mediaRule.selectorText.replace(searchPattern, replaceValue);\n mediaStyleBlock.append(selector + \" {\" + mediaRule.style.cssText + \"}\");\n }\n });\n }\n });\n });\n\n if (mediaStyleBlock.innerText.length) {\n document.body.append(mediaStyleBlock);\n content = document.head.innerHTML + document.body.innerHTML;\n }\n\n return content;\n };\n\n return Preview;\n }(_preview);\n\n return Preview;\n});\n//# sourceMappingURL=preview.js.map","Magento_PageBuilder/js/content-type/block/mass-converter/widget-directive.js":"/*eslint-disable */\n/* jscs:disable */\n\nfunction _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\ndefine([\"Magento_PageBuilder/js/mass-converter/widget-directive-abstract\", \"Magento_PageBuilder/js/utils/object\"], function (_widgetDirectiveAbstract, _object) {\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n\n /**\n * Enables the settings of the content type to be stored as a widget directive.\n *\n * @api\n */\n var WidgetDirective = /*#__PURE__*/function (_widgetDirectiveAbstr) {\n \"use strict\";\n\n _inheritsLoose(WidgetDirective, _widgetDirectiveAbstr);\n\n function WidgetDirective() {\n return _widgetDirectiveAbstr.apply(this, arguments) || this;\n }\n\n var _proto = WidgetDirective.prototype;\n\n /**\n * Convert value to internal format\n *\n * @param {object} data\n * @param {object} config\n * @returns {object}\n */\n _proto.fromDom = function fromDom(data, config) {\n var attributes = _widgetDirectiveAbstr.prototype.fromDom.call(this, data, config);\n\n data.template = attributes.template;\n data.block_id = attributes.block_id;\n return data;\n }\n /**\n * Convert value to knockout format\n *\n * @param {object} data\n * @param {object} config\n * @returns {object}\n */\n ;\n\n _proto.toDom = function toDom(data, config) {\n var attributes = {\n type: \"Magento\\\\Cms\\\\Block\\\\Widget\\\\Block\",\n template: data.template,\n block_id: data.block_id,\n type_name: \"CMS Static Block\"\n };\n\n if (!attributes.block_id || !attributes.template) {\n return data;\n }\n\n (0, _object.set)(data, config.html_variable, this.buildDirective(attributes));\n return data;\n };\n\n return WidgetDirective;\n }(_widgetDirectiveAbstract);\n\n return WidgetDirective;\n});\n//# sourceMappingURL=widget-directive.js.map","Magento_PageBuilder/js/content-type/products/preview.js":"/*eslint-disable */\n/* jscs:disable */\n\nfunction _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\ndefine([\"jquery\", \"knockout\", \"mage/translate\", \"Magento_PageBuilder/js/events\", \"slick\", \"underscore\", \"Magento_PageBuilder/js/config\", \"Magento_PageBuilder/js/content-type-menu/hide-show-option\", \"Magento_PageBuilder/js/content-type/preview\"], function (_jquery, _knockout, _translate, _events, _slick, _underscore, _config, _hideShowOption, _preview) {\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n\n /**\n * @api\n */\n var Preview = /*#__PURE__*/function (_preview2) {\n \"use strict\";\n\n _inheritsLoose(Preview, _preview2);\n\n /**\n * Define keys which when changed should not trigger the slider to be rebuilt\n *\n * @type {string[]}\n */\n\n /**\n * @inheritdoc\n */\n function Preview(contentType, config, observableUpdater) {\n var _this;\n\n _this = _preview2.call(this, contentType, config, observableUpdater) || this;\n _this.displayPreview = _knockout.observable(false);\n _this.previewElement = _jquery.Deferred();\n _this.widgetUnsanitizedHtml = _knockout.observable();\n _this.slidesToShow = 5;\n _this.productItemSelector = \".product-item\";\n _this.centerModeClass = \"center-mode\";\n _this.messages = {\n EMPTY: (0, _translate)(\"Empty Products\"),\n NO_RESULTS: (0, _translate)(\"No products were found matching your condition\"),\n LOADING: (0, _translate)(\"Loading...\"),\n UNKNOWN_ERROR: (0, _translate)(\"An unknown error occurred. Please try again.\")\n };\n _this.ignoredKeysForBuild = [\"margins_and_padding\", \"border\", \"border_color\", \"border_radius\", \"border_width\", \"css_classes\", \"text_align\"];\n _this.placeholderText = _knockout.observable(_this.messages.EMPTY); // Redraw slider after content type gets redrawn\n\n _events.on(\"contentType:redrawAfter\", function (args) {\n if (_this.element && _this.element.children) {\n var $element = (0, _jquery)(_this.element.children);\n\n if (args.element && $element.closest(args.element).length) {\n $element.slick(\"setPosition\");\n }\n }\n });\n\n _events.on(\"stage:\" + _this.contentType.stageId + \":viewportChangeAfter\", function (args) {\n var viewports = _config.getConfig(\"viewports\");\n\n if (_this.element && _this.appearance() === \"carousel\") {\n _this.slidesToShow = parseFloat(viewports[args.viewport].options.products.default.slidesToShow);\n\n _this.destroySlider();\n\n _this.initSlider();\n }\n });\n\n return _this;\n }\n /**\n * Return an array of options\n *\n * @returns {OptionsInterface}\n */\n\n\n var _proto = Preview.prototype;\n\n _proto.retrieveOptions = function retrieveOptions() {\n var options = _preview2.prototype.retrieveOptions.call(this);\n\n options.hideShow = new _hideShowOption({\n preview: this,\n icon: _hideShowOption.showIcon,\n title: _hideShowOption.showText,\n action: this.onOptionVisibilityToggle,\n classes: [\"hide-show-content-type\"],\n sort: 40\n });\n return options;\n }\n /**\n * On afterRender callback.\n *\n * @param {Element} element\n */\n ;\n\n _proto.onAfterRender = function onAfterRender(element) {\n this.element = element;\n this.previewElement.resolve(element);\n this.initSlider();\n }\n /**\n * @inheritdoc\n */\n ;\n\n _proto.afterObservablesUpdated = function afterObservablesUpdated() {\n var _this2 = this;\n\n _preview2.prototype.afterObservablesUpdated.call(this);\n\n var data = this.contentType.dataStore.getState();\n\n if (this.hasDataChanged(this.previousData, data)) {\n this.displayPreview(false);\n\n if (typeof data.conditions_encoded !== \"string\" || data.conditions_encoded.length === 0) {\n this.placeholderText(this.messages.EMPTY);\n return;\n }\n\n var url = _config.getConfig(\"preview_url\");\n\n var requestConfig = {\n // Prevent caching\n method: \"POST\",\n data: {\n role: this.config.name,\n directive: this.data.main.html()\n }\n };\n this.placeholderText(this.messages.LOADING);\n\n _jquery.ajax(url, requestConfig).done(function (response) {\n if (typeof response.data !== \"object\" || !Boolean(response.data.content)) {\n _this2.placeholderText(_this2.messages.NO_RESULTS);\n\n return;\n }\n\n if (response.data.error) {\n _this2.widgetUnsanitizedHtml(response.data.error);\n } else {\n _this2.widgetUnsanitizedHtml(response.data.content);\n\n _this2.displayPreview(true);\n }\n\n _this2.previewElement.done(function () {\n (0, _jquery)(_this2.element).trigger(\"contentUpdated\");\n });\n }).fail(function () {\n _this2.placeholderText(_this2.messages.UNKNOWN_ERROR);\n });\n }\n\n this.previousData = Object.assign({}, data);\n };\n\n _proto.initSlider = function initSlider() {\n if (this.element && this.appearance() === \"carousel\") {\n (0, _jquery)(this.element.children).slick(this.buildSlickConfig());\n }\n };\n\n _proto.destroySlider = function destroySlider() {\n (0, _jquery)(this.element.children).slick(\"unslick\");\n }\n /**\n * Build the slick config object\n *\n * @returns {{autoplay: boolean; autoplay: number; infinite: boolean; arrows: boolean; dots: boolean;\n * centerMode: boolean; slidesToScroll: number; slidesToShow: number;}}\n */\n ;\n\n _proto.buildSlickConfig = function buildSlickConfig() {\n var attributes = this.data.main.attributes();\n var productCount = (0, _jquery)(this.widgetUnsanitizedHtml()).find(this.productItemSelector).length;\n\n var viewports = _config.getConfig(\"viewports\");\n\n var currentViewport = this.viewport();\n var carouselMode = attributes[\"data-carousel-mode\"];\n var config = {\n slidesToShow: this.slidesToShow,\n slidesToScroll: this.slidesToShow,\n dots: attributes[\"data-show-dots\"] === \"true\",\n arrows: attributes[\"data-show-arrows\"] === \"true\",\n autoplay: attributes[\"data-autoplay\"] === \"true\",\n autoplaySpeed: parseFloat(attributes[\"data-autoplay-speed\"])\n };\n var slidesToShow = viewports[currentViewport].options.products[carouselMode] ? viewports[currentViewport].options.products[carouselMode].slidesToShow : viewports[currentViewport].options.products.default.slidesToShow;\n config.slidesToShow = parseFloat(slidesToShow);\n\n if (attributes[\"data-carousel-mode\"] === \"continuous\" && productCount > config.slidesToShow) {\n config.centerPadding = attributes[\"data-center-padding\"];\n config.centerMode = true;\n (0, _jquery)(this.element).addClass(this.centerModeClass);\n } else {\n config.infinite = attributes[\"data-infinite-loop\"] === \"true\";\n (0, _jquery)(this.element).removeClass(this.centerModeClass);\n }\n\n return config;\n }\n /**\n * Determine if the data has changed, whilst ignoring certain keys which don't require a rebuild\n *\n * @param {DataObject} previousData\n * @param {DataObject} newData\n * @returns {boolean}\n */\n ;\n\n _proto.hasDataChanged = function hasDataChanged(previousData, newData) {\n previousData = _underscore.omit(previousData, this.ignoredKeysForBuild);\n newData = _underscore.omit(newData, this.ignoredKeysForBuild);\n return !_underscore.isEqual(previousData, newData);\n };\n\n return Preview;\n }(_preview);\n\n return Preview;\n});\n//# sourceMappingURL=preview.js.map","Magento_PageBuilder/js/content-type/products/form/provider.js":"/**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n\ndefine([\n 'Magento_PageBuilder/js/form/provider',\n 'Magento_PageBuilder/js/form/provider/conditions-data-processor'\n], function (Provider, conditionsDataProcessor) {\n 'use strict';\n\n return Provider.extend({\n /** @inheritdoc **/\n save: function () {\n var data = this.get('data');\n\n conditionsDataProcessor(data, data['condition_option'] + '_source');\n\n return this._super();\n }\n });\n});\n","Magento_PageBuilder/js/content-type/products/appearance/carousel/widget.js":"/**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n\ndefine([\n 'jquery',\n 'underscore',\n 'matchMedia',\n 'Magento_PageBuilder/js/utils/breakpoints',\n 'Magento_PageBuilder/js/events',\n 'slick'\n], function ($, _, mediaCheck, breakpointsUtils, events) {\n 'use strict';\n\n /**\n * Build slick\n *\n * @param {jQuery} $carouselElement\n * @param {Object} config\n */\n function buildSlick($carouselElement, config) {\n /**\n * Prevent each slick slider from being initialized more than once which could throw an error.\n */\n if ($carouselElement.hasClass('slick-initialized')) {\n $carouselElement.slick('unslick');\n }\n\n config.slidesToScroll = config.slidesToShow;\n $carouselElement.slick(config);\n }\n\n /**\n * Initialize slider.\n *\n * @param {jQuery} $element\n * @param {Object} slickConfig\n * @param {Object} breakpoint\n */\n function initSlider($element, slickConfig, breakpoint) {\n var productCount = $element.find('.product-item').length,\n $carouselElement = $($element.children()),\n centerModeClass = 'center-mode',\n carouselMode = $element.data('carousel-mode'),\n slidesToShow = breakpoint.options.products[carouselMode] ?\n breakpoint.options.products[carouselMode].slidesToShow :\n breakpoint.options.products.default.slidesToShow;\n\n slickConfig.slidesToShow = parseFloat(slidesToShow);\n\n if (carouselMode === 'continuous' && productCount > slickConfig.slidesToShow) {\n $element.addClass(centerModeClass);\n slickConfig.centerPadding = $element.data('center-padding');\n slickConfig.centerMode = true;\n } else {\n $element.removeClass(centerModeClass);\n slickConfig.infinite = $element.data('infinite-loop');\n }\n\n buildSlick($carouselElement, slickConfig);\n }\n\n return function (config, element) {\n var $element = $(element),\n $carouselElement = $($element.children()),\n currentViewport = config.currentViewport,\n currentBreakpoint = config.breakpoints[currentViewport],\n slickConfig = {\n autoplay: $element.data('autoplay'),\n autoplaySpeed: $element.data('autoplay-speed') || 0,\n arrows: $element.data('show-arrows'),\n dots: $element.data('show-dots')\n };\n\n _.each(config.breakpoints, function (breakpoint) {\n mediaCheck({\n media: breakpointsUtils.buildMedia(breakpoint.conditions),\n\n /** @inheritdoc */\n entry: function () {\n initSlider($element, slickConfig, breakpoint);\n }\n });\n });\n\n //initialize slider when content type is added in mobile viewport\n if (currentViewport === 'mobile') {\n initSlider($element, slickConfig, currentBreakpoint);\n }\n\n // Redraw slide after content type gets redrawn\n events.on('contentType:redrawAfter', function (args) {\n if ($carouselElement.closest(args.element).length) {\n $carouselElement.slick('setPosition');\n }\n });\n\n events.on('stage:viewportChangeAfter', function (args) {\n var breakpoint = config.breakpoints[args.viewport];\n\n initSlider($element, slickConfig, breakpoint);\n });\n };\n});\n","Magento_PageBuilder/js/content-type/products/mass-converter/widget-directive.js":"/*eslint-disable */\n/* jscs:disable */\n\nfunction _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\ndefine([\"Magento_PageBuilder/js/mass-converter/widget-directive-abstract\", \"Magento_PageBuilder/js/utils/object\"], function (_widgetDirectiveAbstract, _object) {\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n\n /**\n * @api\n */\n var WidgetDirective = /*#__PURE__*/function (_widgetDirectiveAbstr) {\n \"use strict\";\n\n _inheritsLoose(WidgetDirective, _widgetDirectiveAbstr);\n\n function WidgetDirective() {\n return _widgetDirectiveAbstr.apply(this, arguments) || this;\n }\n\n var _proto = WidgetDirective.prototype;\n\n /**\n * Convert value to internal format\n *\n * @param {object} data\n * @param {object} config\n * @returns {object}\n */\n _proto.fromDom = function fromDom(data, config) {\n var attributes = _widgetDirectiveAbstr.prototype.fromDom.call(this, data, config);\n\n data.products_count = attributes.products_count;\n data.sort_order = attributes.sort_order;\n data.condition_option = attributes.condition_option || \"condition\";\n data[data.condition_option] = this.decodeWysiwygCharacters(attributes.condition_option_value || \"\");\n data.conditions_encoded = this.decodeWysiwygCharacters(attributes.conditions_encoded || \"\");\n data[data.condition_option + \"_source\"] = data.conditions_encoded;\n return data;\n }\n /**\n * Convert value to knockout format\n *\n * @param {object} data\n * @param {object} config\n * @returns {object}\n */\n ;\n\n _proto.toDom = function toDom(data, config) {\n var attributes = {\n type: \"Magento\\\\CatalogWidget\\\\Block\\\\Product\\\\ProductsList\",\n template: \"Magento_CatalogWidget::product/widget/content/grid.phtml\",\n anchor_text: \"\",\n id_path: \"\",\n show_pager: 0,\n products_count: data.products_count,\n condition_option: data.condition_option,\n condition_option_value: \"\",\n type_name: \"Catalog Products List\",\n conditions_encoded: this.encodeWysiwygCharacters(data.conditions_encoded || \"\")\n };\n\n if (data.sort_order) {\n attributes.sort_order = data.sort_order;\n }\n\n if (typeof data[data.condition_option] === \"string\") {\n attributes.condition_option_value = this.encodeWysiwygCharacters(data[data.condition_option]);\n }\n\n if (attributes.conditions_encoded.length === 0) {\n return data;\n }\n\n (0, _object.set)(data, config.html_variable, this.buildDirective(attributes));\n return data;\n }\n /**\n * @param {string} content\n * @returns {string}\n */\n ;\n\n _proto.encodeWysiwygCharacters = function encodeWysiwygCharacters(content) {\n return content.replace(/\\{/g, \"^[\").replace(/\\}/g, \"^]\").replace(/\"/g, \"`\").replace(/\\\\/g, \"|\").replace(/</g, \"<\").replace(/>/g, \">\");\n }\n /**\n * @param {string} content\n * @returns {string}\n */\n ;\n\n _proto.decodeWysiwygCharacters = function decodeWysiwygCharacters(content) {\n return content.replace(/\\^\\[/g, \"{\").replace(/\\^\\]/g, \"}\").replace(/`/g, \"\\\"\").replace(/\\|/g, \"\\\\\").replace(/</g, \"<\").replace(/>/g, \">\");\n };\n\n return WidgetDirective;\n }(_widgetDirectiveAbstract);\n\n return WidgetDirective;\n});\n//# sourceMappingURL=widget-directive.js.map","Magento_PageBuilder/js/content-type/products/mass-converter/carousel-widget-directive.js":"/*eslint-disable */\n/* jscs:disable */\n\nfunction _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\ndefine([\"Magento_PageBuilder/js/mass-converter/widget-directive-abstract\", \"Magento_PageBuilder/js/utils/object\"], function (_widgetDirectiveAbstract, _object) {\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n\n /**\n * @api\n */\n var WidgetDirective = /*#__PURE__*/function (_widgetDirectiveAbstr) {\n \"use strict\";\n\n _inheritsLoose(WidgetDirective, _widgetDirectiveAbstr);\n\n function WidgetDirective() {\n return _widgetDirectiveAbstr.apply(this, arguments) || this;\n }\n\n var _proto = WidgetDirective.prototype;\n\n /**\n * Convert value to internal format\n *\n * @param {object} data\n * @param {object} config\n * @returns {object}\n */\n _proto.fromDom = function fromDom(data, config) {\n var attributes = _widgetDirectiveAbstr.prototype.fromDom.call(this, data, config);\n\n data.carousel_products_count = attributes.products_count;\n data.sort_order = attributes.sort_order;\n data.condition_option = attributes.condition_option || \"condition\";\n data[data.condition_option] = this.decodeWysiwygCharacters(attributes.condition_option_value || \"\");\n data.conditions_encoded = this.decodeWysiwygCharacters(attributes.conditions_encoded || \"\");\n data[data.condition_option + \"_source\"] = data.conditions_encoded;\n return data;\n }\n /**\n * Convert value to knockout format\n *\n * @param {object} data\n * @param {object} config\n * @returns {object}\n */\n ;\n\n _proto.toDom = function toDom(data, config) {\n var attributes = {\n type: \"Magento\\\\CatalogWidget\\\\Block\\\\Product\\\\ProductsList\",\n template: \"Magento_PageBuilder::catalog/product/widget/content/carousel.phtml\",\n anchor_text: \"\",\n id_path: \"\",\n show_pager: 0,\n products_count: data.carousel_products_count,\n condition_option: data.condition_option,\n condition_option_value: \"\",\n type_name: \"Catalog Products Carousel\",\n conditions_encoded: this.encodeWysiwygCharacters(data.conditions_encoded || \"\")\n };\n\n if (data.sort_order) {\n attributes.sort_order = data.sort_order;\n }\n\n if (typeof data[data.condition_option] === \"string\") {\n attributes.condition_option_value = this.encodeWysiwygCharacters(data[data.condition_option]);\n }\n\n if (attributes.conditions_encoded.length === 0) {\n return data;\n }\n\n (0, _object.set)(data, config.html_variable, this.buildDirective(attributes));\n return data;\n }\n /**\n * @param {string} content\n * @returns {string}\n */\n ;\n\n _proto.encodeWysiwygCharacters = function encodeWysiwygCharacters(content) {\n return content.replace(/\\{/g, \"^[\").replace(/\\}/g, \"^]\").replace(/\"/g, \"`\").replace(/\\\\/g, \"|\").replace(/</g, \"<\").replace(/>/g, \">\");\n }\n /**\n * @param {string} content\n * @returns {string}\n */\n ;\n\n _proto.decodeWysiwygCharacters = function decodeWysiwygCharacters(content) {\n return content.replace(/\\^\\[/g, \"{\").replace(/\\^\\]/g, \"}\").replace(/`/g, \"\\\"\").replace(/\\|/g, \"\\\\\").replace(/</g, \"<\").replace(/>/g, \">\");\n };\n\n return WidgetDirective;\n }(_widgetDirectiveAbstract);\n\n return WidgetDirective;\n});\n//# sourceMappingURL=carousel-widget-directive.js.map","Magento_PageBuilder/js/content-type/root-container/content-type-collection.js":"/*eslint-disable */\n/* jscs:disable */\n\nfunction _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\ndefine([\"Magento_Ui/js/modal/alert\", \"Magento_PageBuilder/js/content-type-collection\"], function (_alert, _contentTypeCollection) {\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n\n /**\n * @api\n */\n var RootContainer = /*#__PURE__*/function (_contentTypeCollectio) {\n \"use strict\";\n\n _inheritsLoose(RootContainer, _contentTypeCollectio);\n\n function RootContainer() {\n return _contentTypeCollectio.apply(this, arguments) || this;\n }\n\n var _proto = RootContainer.prototype;\n\n /**\n * Remove a child from the observable array\n *\n * @param child\n */\n _proto.removeChild = function removeChild(child) {\n if (this.getChildren().length === 1) {\n (0, _alert)({\n content: $t(\"You are not able to remove the final row from the content.\"),\n title: $t(\"Unable to Remove\")\n });\n return;\n }\n\n _contentTypeCollectio.prototype.removeChild.call(this, child);\n };\n\n return RootContainer;\n }(_contentTypeCollection);\n\n return RootContainer;\n});\n//# sourceMappingURL=content-type-collection.js.map","Magento_PageBuilder/js/content-type/html/preview.js":"/*eslint-disable */\n/* jscs:disable */\n\nfunction _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\ndefine([\"Magento_PageBuilder/js/content-type-menu/hide-show-option\", \"Magento_PageBuilder/js/content-type/preview\"], function (_hideShowOption, _preview) {\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n\n /**\n * @api\n */\n var Preview = /*#__PURE__*/function (_preview2) {\n \"use strict\";\n\n _inheritsLoose(Preview, _preview2);\n\n function Preview() {\n return _preview2.apply(this, arguments) || this;\n }\n\n var _proto = Preview.prototype;\n\n /**\n * Return an array of options\n *\n * @returns {OptionsInterface}\n */\n _proto.retrieveOptions = function retrieveOptions() {\n var options = _preview2.prototype.retrieveOptions.call(this);\n\n options.hideShow = new _hideShowOption({\n preview: this,\n icon: _hideShowOption.showIcon,\n title: _hideShowOption.showText,\n action: this.onOptionVisibilityToggle,\n classes: [\"hide-show-content-type\"],\n sort: 40\n });\n return options;\n };\n\n return Preview;\n }(_preview);\n\n return Preview;\n});\n//# sourceMappingURL=preview.js.map","Magento_PageBuilder/js/content-type/observable-updater/html.js":"/*eslint-disable */\n/* jscs:disable */\ndefine([\"Magento_PageBuilder/js/config\", \"Magento_PageBuilder/js/utils/directives\", \"Magento_PageBuilder/js/utils/editor\", \"Magento_PageBuilder/js/utils/object\"], function (_config, _directives, _editor, _object) {\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n\n /**\n * Generate Knockout compatible bindings for the elements html binding\n *\n * @param elementName\n * @param config\n * @param data\n * @param converterResolver\n * @param converterPool\n */\n function generate(elementName, config, data, converterResolver, converterPool) {\n var value = config.html.var ? (0, _object.get)(data, config.html.var, config.html.placeholder) : config.html.placeholder;\n var converter = converterResolver(config.html);\n\n if (converterPool.get(converter)) {\n value = converterPool.get(converter).toDom(config.html.var, data);\n } // if value is empty, use placeholder\n\n\n if (typeof value === \"string\" && !value.length && config.html.placeholder) {\n value = config.html.placeholder;\n } // Replacing src attribute with data-tmp-src to prevent img requests in iframe during master format rendering\n\n\n if (_config.getMode() !== \"Preview\" && typeof value === \"string\" && value.indexOf(\"{{media url=\") !== -1) {\n value = (0, _directives.replaceWithDataSrc)(value);\n } // Process all desktop styles that left unprocessed after migrating from inline styles.\n\n\n if (typeof value === \"string\") {\n value = (0, _editor.processInlineStyles)(value);\n }\n\n return value;\n }\n\n return generate;\n});\n//# sourceMappingURL=html.js.map","Magento_PageBuilder/js/content-type/observable-updater/css.js":"/*eslint-disable */\n/* jscs:disable */\ndefine([\"Magento_PageBuilder/js/utils/object\"], function (_object) {\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n\n /**\n * Generate Knockout compatible bindings for the elements css binding\n *\n * @param elementName\n * @param config\n * @param data\n * @param converterResolver\n * @param converterPool\n * @param previousData\n */\n function generate(elementName, config, data, converterResolver, converterPool, previousData) {\n var css = (0, _object.get)(data, config.css.var);\n var newClasses = {};\n\n if (css && css.length > 0) {\n css.toString().split(\" \").map(function (value) {\n return newClasses[value] = true;\n });\n }\n\n for (var _i = 0, _Object$keys = Object.keys(previousData); _i < _Object$keys.length; _i++) {\n var className = _Object$keys[_i];\n\n if (!(className in newClasses)) {\n newClasses[className] = false;\n }\n }\n\n return newClasses;\n }\n\n return generate;\n});\n//# sourceMappingURL=css.js.map","Magento_PageBuilder/js/content-type/observable-updater/attributes.js":"/*eslint-disable */\n/* jscs:disable */\n\nfunction _createForOfIteratorHelperLoose(o, allowArrayLike) { var it = typeof Symbol !== \"undefined\" && o[Symbol.iterator] || o[\"@@iterator\"]; if (it) return (it = it.call(o)).next.bind(it); if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === \"number\") { if (it) o = it; var i = 0; return function () { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }; } throw new TypeError(\"Invalid attempt to iterate non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\n\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(o); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\n\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }\n\ndefine([\"underscore\", \"Magento_PageBuilder/js/config\", \"Magento_PageBuilder/js/utils/object\"], function (_underscore, _config, _object) {\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n\n /**\n * Generate Knockout compatible bindings for the elements attribute binding\n *\n * @param elementName\n * @param config\n * @param data\n * @param converterResolver\n * @param converterPool\n */\n function generate(elementName, config, data, converterResolver, converterPool) {\n var attributeData = {};\n\n var _loop = function _loop() {\n var attributeConfig = _step.value;\n\n if (\"read\" === attributeConfig.persistence_mode) {\n return \"continue\";\n } // @ts-ignore\n\n\n var value = void 0;\n\n if (!!attributeConfig.static) {\n value = attributeConfig.value;\n } else {\n value = (0, _object.get)(data, attributeConfig.var);\n }\n\n var converter = converterResolver(attributeConfig);\n\n if (converterPool.get(converter)) {\n value = converterPool.get(converter).toDom(attributeConfig.var, data);\n } // Replacing src attribute with data-tmp-src to prevent img requests in iframe during master format rendering\n\n\n if (_config.getMode() !== \"Preview\" && attributeConfig.name === \"src\" && _underscore.isString(value) && !value.indexOf(\"{{media url=\")) {\n attributeData[\"data-tmp-\" + attributeConfig.name] = value; // @ts-ignore\n\n Object.defineProperty(attributeData, attributeConfig.name, {\n get: function get() {\n return value;\n }\n });\n } else {\n attributeData[attributeConfig.name] = value;\n }\n };\n\n for (var _iterator = _createForOfIteratorHelperLoose(config.attributes), _step; !(_step = _iterator()).done;) {\n var _ret = _loop();\n\n if (_ret === \"continue\") continue;\n }\n\n attributeData[\"data-element\"] = elementName;\n return attributeData;\n }\n\n return generate;\n});\n//# sourceMappingURL=attributes.js.map","Magento_PageBuilder/js/content-type/observable-updater/style.js":"/*eslint-disable */\n/* jscs:disable */\n\nfunction _createForOfIteratorHelperLoose(o, allowArrayLike) { var it = typeof Symbol !== \"undefined\" && o[Symbol.iterator] || o[\"@@iterator\"]; if (it) return (it = it.call(o)).next.bind(it); if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === \"number\") { if (it) o = it; var i = 0; return function () { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }; } throw new TypeError(\"Invalid attempt to iterate non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\n\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(o); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\n\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }\n\ndefine([\"underscore\", \"Magento_PageBuilder/js/utils/object\", \"Magento_PageBuilder/js/utils/string\"], function (_underscore, _object, _string) {\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n\n /**\n * Generate Knockout compatible bindings for the elements style binding\n *\n * @param elementName\n * @param config\n * @param data\n * @param converterResolver\n * @param converterPool\n * @param previousData\n */\n function generate(elementName, config, data, converterResolver, converterPool, previousData) {\n var newStyles = {};\n\n if (config.style) {\n for (var _iterator = _createForOfIteratorHelperLoose(config.style), _step; !(_step = _iterator()).done;) {\n var propertyConfig = _step.value;\n\n if (\"read\" === propertyConfig.persistence_mode) {\n continue;\n }\n\n var value = void 0;\n\n if (!!propertyConfig.static) {\n value = propertyConfig.value;\n } else {\n value = (0, _object.get)(data, propertyConfig.var);\n var converter = converterResolver(propertyConfig);\n\n if (converterPool.get(converter)) {\n value = converterPool.get(converter).toDom(propertyConfig.var, data);\n }\n }\n\n if (typeof value === \"object\") {\n _underscore.extend(newStyles, value);\n } else if (value !== undefined) {\n newStyles[(0, _string.fromSnakeToCamelCase)(propertyConfig.name)] = value;\n }\n }\n }\n\n if (previousData) {\n /**\n * If so we need to retrieve the previous styles applied to this element and create a new object\n * which forces all of these styles to be \"false\". Knockout doesn't clean existing styles when\n * applying new styles to an element. This resolves styles sticking around when they should be\n * removed.\n */\n var removeCurrentStyles = Object.keys(previousData).reduce(function (object, styleName) {\n var _Object$assign;\n\n return Object.assign(object, (_Object$assign = {}, _Object$assign[styleName] = \"\", _Object$assign));\n }, {});\n\n if (!_underscore.isEmpty(removeCurrentStyles)) {\n newStyles = _underscore.extend(removeCurrentStyles, newStyles);\n }\n }\n\n return newStyles;\n }\n\n return generate;\n});\n//# sourceMappingURL=style.js.map","Magento_PageBuilder/js/content-type/tabs/preview.js":"/*eslint-disable */\n/* jscs:disable */\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\ndefine([\"jquery\", \"knockout\", \"mage/translate\", \"Magento_PageBuilder/js/events\", \"tabs\", \"underscore\", \"Magento_PageBuilder/js/config\", \"Magento_PageBuilder/js/content-type-factory\", \"Magento_PageBuilder/js/content-type-menu/hide-show-option\", \"Magento_PageBuilder/js/content-type-menu/option\", \"Magento_PageBuilder/js/utils/delay-until\", \"Magento_PageBuilder/js/utils/promise-deferred\", \"Magento_PageBuilder/js/content-type/preview-collection\"], function (_jquery, _knockout, _translate, _events, _tabs, _underscore, _config, _contentTypeFactory, _hideShowOption, _option, _delayUntil, _promiseDeferred, _previewCollection) {\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n\n /**\n * @api\n */\n var Preview = /*#__PURE__*/function (_previewCollection2) {\n \"use strict\";\n\n _inheritsLoose(Preview, _previewCollection2);\n\n /**\n * @param {ContentTypeCollectionInterface} contentType\n * @param {ContentTypeConfigInterface} config\n * @param {ObservableUpdater} observableUpdater\n */\n function Preview(contentType, config, observableUpdater) {\n var _this;\n\n _this = _previewCollection2.call(this, contentType, config, observableUpdater) || this; // Wait for the tabs instance to mount and the container to be ready\n\n _this.focusedTab = _knockout.observable(null);\n _this.activeTab = _knockout.observable(0);\n _this.onContainerRenderDeferred = (0, _promiseDeferred)();\n _this.mountAfterDeferred = (0, _promiseDeferred)();\n Promise.all([_this.onContainerRenderDeferred.promise, _this.mountAfterDeferred.promise]).then(function (_ref) {\n var element = _ref[0],\n expectedChildren = _ref[1];\n // We always create 1 tab when dropping tabs into the instance\n expectedChildren = expectedChildren || 1; // Wait until all children's DOM elements are present before building the tabs instance\n\n (0, _delayUntil)(function () {\n _this.element = element;\n\n _this.buildTabs();\n }, function () {\n return (0, _jquery)(element).find(\".pagebuilder-tab-item\").length === expectedChildren;\n });\n }); // Resolve our deferred when the tabs item mounts with expect children\n\n _events.on(\"tabs:mountAfter\", function (args) {\n if (args.contentType.id === _this.contentType.id && args.expectChildren !== undefined) {\n _this.mountAfterDeferred.resolve(args.expectChildren);\n }\n });\n\n _events.on(\"tab-item:mountAfter\", function (args) {\n if (_this.element && args.contentType.parentContentType.id === _this.contentType.id) {\n _this.refreshTabs();\n }\n });\n\n _events.on(\"tab-item:renderAfter\", function (args) {\n if (_this.element && args.contentType.parentContentType.id === _this.contentType.id) {\n _underscore.defer(function () {\n _this.refreshTabs();\n });\n }\n }); // Set the active tab to the new position of the sorted tab\n\n\n _events.on(\"tab-item:removeAfter\", function (args) {\n if (args.parentContentType && args.parentContentType.id === _this.contentType.id) {\n _this.refreshTabs(); // We need to wait for the tabs to refresh before executing the focus\n\n\n _underscore.defer(function () {\n var newPosition = args.index > 0 ? args.index - 1 : 0;\n\n _this.setFocusedTab(newPosition, true);\n });\n }\n }); // Refresh tab contents and set the focus to the new position of the sorted tab\n\n\n _events.on(\"childContentType:sortUpdate\", function (args) {\n if (args.instance.id === _this.contentType.id) {\n _this.refreshTabs(args.newPosition, true);\n /**\n * Update the default active tab if its position was affected by the sorting\n */\n\n\n var defaultActiveTab = +_this.activeTab();\n var newDefaultActiveTab = defaultActiveTab;\n\n if (args.originalPosition === defaultActiveTab) {\n newDefaultActiveTab = args.newPosition;\n } else if (args.originalPosition < defaultActiveTab && args.newPosition >= defaultActiveTab) {\n // a tab was moved from the left of the default active tab the right of it, changing its index\n newDefaultActiveTab--;\n } else if (args.originalPosition > defaultActiveTab && args.newPosition <= defaultActiveTab) {\n // a tab was moved from the right of the default active tab the left of it, changing its index\n newDefaultActiveTab++;\n }\n\n _this.updateData(\"default_active\", newDefaultActiveTab.toString());\n }\n }); // Monitor focus tab to start / stop interaction on the stage, debounce to avoid duplicate calls\n\n\n _this.focusedTab.subscribe(_underscore.debounce(function (index) {\n if (index !== null) {\n _events.trigger(\"stage:interactionStart\");\n\n (0, _delayUntil)(function () {\n return (0, _jquery)((0, _jquery)(_this.wrapperElement).find(\".tab-header\")[index]).find(\"[contenteditable]\").focus();\n }, function () {\n return (0, _jquery)((0, _jquery)(_this.wrapperElement).find(\".tab-header\")[index]).find(\"[contenteditable]\").length > 0;\n }, 10);\n } else {\n // We have to force the stop as the event firing is inconsistent for certain operations\n _events.trigger(\"stage:interactionStop\", {\n force: true\n });\n }\n }, 1));\n\n return _this;\n }\n /**\n * Remove focused tab\n */\n\n\n var _proto = Preview.prototype;\n\n _proto.destroy = function destroy() {\n var _this2 = this;\n\n _previewCollection2.prototype.destroy.call(this);\n\n _underscore.defer(function () {\n return _this2.setFocusedTab(null);\n });\n }\n /**\n * Refresh the tabs instance when new content appears\n *\n * @param {number} focusIndex\n * @param {boolean} forceFocus\n * @param {number} activeIndex\n */\n ;\n\n _proto.refreshTabs = function refreshTabs(focusIndex, forceFocus, activeIndex) {\n try {\n (0, _jquery)(this.element).tabs(\"refresh\");\n\n if (focusIndex >= 0) {\n this.setFocusedTab(focusIndex, forceFocus);\n } else if (activeIndex) {\n this.setActiveTab(activeIndex);\n } // update sortability of tabs\n\n\n var sortableElement = (0, _jquery)(this.element).find(\".tabs-navigation\");\n\n if (sortableElement.hasClass(\"ui-sortable\")) {\n if (this.contentType.children().length <= 1) {\n sortableElement.sortable(\"disable\");\n } else {\n sortableElement.sortable(\"enable\");\n }\n }\n } catch (e) {\n this.buildTabs();\n }\n }\n /**\n * Set the active tab, we maintain a reference to it in an observable for when we rebuild the tab instance\n *\n * @param {number} index\n */\n ;\n\n _proto.setActiveTab = function setActiveTab(index) {\n var _this3 = this;\n\n if (index !== null) {\n // Added to prevent mismatched fragment error caused by not yet rendered tab-item\n index = parseInt(index.toString(), 10);\n (0, _delayUntil)(function () {\n (0, _jquery)(_this3.element).tabs(\"option\", \"active\", index);\n\n _this3.activeTab(index);\n\n _events.trigger(\"contentType:redrawAfter\", {\n id: _this3.contentType.id,\n contentType: _this3\n });\n }, function () {\n return (0, _jquery)(_this3.element).find(\".pagebuilder-tab-item\").length >= index + 1;\n });\n }\n }\n /**\n * Set the focused tab\n *\n * @param {number} index\n * @param {boolean} force\n */\n ;\n\n _proto.setFocusedTab = function setFocusedTab(index, force) {\n if (force === void 0) {\n force = false;\n }\n\n this.setActiveTab(index);\n\n if (force) {\n this.focusedTab(null);\n }\n\n this.focusedTab(index);\n }\n /**\n * Return an array of options\n *\n * @returns {OptionsInterface}\n */\n ;\n\n _proto.retrieveOptions = function retrieveOptions() {\n var options = _previewCollection2.prototype.retrieveOptions.call(this);\n\n options.add = new _option({\n preview: this,\n icon: \"<i class='icon-pagebuilder-add'></i>\",\n title: (0, _translate)(\"Add\"),\n action: this.addTab,\n classes: [\"add-child\"],\n sort: 10\n });\n options.hideShow = new _hideShowOption({\n preview: this,\n icon: _hideShowOption.showIcon,\n title: _hideShowOption.showText,\n action: this.onOptionVisibilityToggle,\n classes: [\"hide-show-content-type\"],\n sort: 40\n });\n return options;\n }\n /**\n * Add a tab\n */\n ;\n\n _proto.addTab = function addTab() {\n var _this4 = this;\n\n (0, _contentTypeFactory)(_config.getContentTypeConfig(\"tab-item\"), this.contentType, this.contentType.stageId).then(function (tab) {\n _events.on(\"tab-item:mountAfter\", function (args) {\n if (args.id === tab.id) {\n _this4.setFocusedTab(_this4.contentType.children().length - 1);\n\n _events.off(\"tab-item:\" + tab.id + \":mountAfter\");\n }\n }, \"tab-item:\" + tab.id + \":mountAfter\");\n\n _this4.contentType.addChild(tab, _this4.contentType.children().length); // Update the default tab title when adding a new tab\n\n\n tab.dataStore.set(\"tab_name\", (0, _translate)(\"Tab\") + \" \" + (_this4.contentType.children.indexOf(tab) + 1));\n });\n }\n /**\n * On render init the tabs widget\n *\n * @param {Element} element\n */\n ;\n\n _proto.onContainerRender = function onContainerRender(element) {\n this.element = element;\n this.onContainerRenderDeferred.resolve(element);\n }\n /**\n * Copy over border styles to the tab headers\n *\n * @returns {any}\n */\n ;\n\n _proto.getTabHeaderStyles = function getTabHeaderStyles() {\n var headerStyles = this.data.headers.style();\n return _extends({}, headerStyles, {\n marginBottom: \"-\" + headerStyles.borderWidth,\n marginLeft: \"-\" + headerStyles.borderWidth\n });\n }\n /**\n * Get the sortable options for the tab heading sorting\n *\n * @returns {JQueryUI.SortableOptions}\n */\n ;\n\n _proto.getSortableOptions = function getSortableOptions() {\n var self = this;\n var borderWidth;\n return {\n handle: \".tab-drag-handle\",\n tolerance: \"pointer\",\n cursor: \"grabbing\",\n cursorAt: {\n left: 8,\n top: 25\n },\n\n /**\n * Provide custom helper element\n *\n * @param {Event} event\n * @param {JQueryUI.Sortable} element\n * @returns {Element}\n */\n helper: function helper(event, element) {\n var helper = (0, _jquery)(element).clone().css(\"opacity\", \"0.7\");\n helper[0].querySelector(\".pagebuilder-options\").remove();\n return helper[0];\n },\n\n /**\n * Add a padding to the navigation UL to resolve issues of negative margins when sorting\n *\n * @param {Event} event\n * @param {JQueryUI.SortableUIParams} ui\n */\n start: function start(event, ui) {\n /**\n * Due to the way we use negative margins to overlap the borders we need to apply a padding to the\n * container when we're moving the first item to ensure the tabs remain in the same place.\n */\n if (ui.item.index() === 0) {\n borderWidth = parseInt(ui.item.css(\"borderWidth\"), 10) || 1;\n (0, _jquery)(this).css(\"paddingLeft\", borderWidth);\n }\n\n ui.helper.css(\"width\", \"\");\n\n _events.trigger(\"stage:interactionStart\");\n\n self.disableInteracting = true;\n },\n\n /**\n * Remove the padding once the operation is completed\n *\n * @param {Event} event\n * @param {JQueryUI.SortableUIParams} ui\n */\n stop: function stop(event, ui) {\n (0, _jquery)(this).css(\"paddingLeft\", \"\");\n\n _events.trigger(\"stage:interactionStop\");\n\n self.disableInteracting = false;\n },\n placeholder: {\n /**\n * Provide custom placeholder element\n *\n * @param {JQuery} item\n * @returns {JQuery}\n */\n element: function element(item) {\n var placeholder = item.clone().css({\n display: \"inline-block\",\n opacity: \"0.3\"\n }).removeClass(\"focused\").addClass(\"sortable-placeholder\");\n placeholder[0].querySelector(\".pagebuilder-options\").remove();\n return placeholder[0];\n },\n update: function update() {\n return;\n }\n }\n };\n }\n /**\n * Bind events\n */\n ;\n\n _proto.bindEvents = function bindEvents() {\n var _this5 = this;\n\n _previewCollection2.prototype.bindEvents.call(this); // ContentType being mounted onto container\n\n\n _events.on(\"tabs:dropAfter\", function (args) {\n if (args.id === _this5.contentType.id && _this5.contentType.children().length === 0) {\n _this5.addTab();\n }\n }); // ContentType being removed from container\n\n\n _events.on(\"tab-item:removeAfter\", function (args) {\n if (args.parentContentType && args.parentContentType.id === _this5.contentType.id) {\n // Mark the previous tab as active\n var newIndex = args.index - 1 >= 0 ? args.index - 1 : 0;\n\n _this5.refreshTabs(newIndex, true);\n }\n }); // Capture when a content type is duplicated within the container\n\n\n var duplicatedTab;\n var duplicatedTabIndex;\n\n _events.on(\"tab-item:duplicateAfter\", function (args) {\n if (_this5.contentType.id === args.duplicateContentType.parentContentType.id && args.direct) {\n var tabData = args.duplicateContentType.dataStore.getState();\n args.duplicateContentType.dataStore.set(\"tab_name\", tabData.tab_name.toString() + \" copy\");\n duplicatedTab = args.duplicateContentType;\n duplicatedTabIndex = args.index;\n }\n });\n\n _events.on(\"tab-item:mountAfter\", function (args) {\n if (duplicatedTab && args.id === duplicatedTab.id) {\n _this5.refreshTabs(duplicatedTabIndex, true);\n\n duplicatedTab = duplicatedTabIndex = null;\n }\n\n if (_this5.contentType.id === args.contentType.parentContentType.id) {\n _this5.updateTabNamesInDataStore();\n\n args.contentType.dataStore.subscribe(function () {\n _this5.updateTabNamesInDataStore();\n });\n }\n });\n\n this.contentType.dataStore.subscribe(function (data) {\n _this5.activeTab(data.default_active);\n });\n }\n /**\n * Update data store with active options\n */\n ;\n\n _proto.updateTabNamesInDataStore = function updateTabNamesInDataStore() {\n var activeOptions = [];\n this.contentType.children().forEach(function (tab, index) {\n var tabData = tab.dataStore.getState();\n activeOptions.push({\n label: tabData.tab_name.toString(),\n labeltitle: tabData.tab_name.toString(),\n value: index\n });\n });\n this.contentType.dataStore.set(\"_default_active_options\", activeOptions);\n }\n /**\n * Assign a debounce and delay to the init of tabs to ensure the DOM has updated\n *\n * @type {(() => void) & _.Cancelable}\n */\n ;\n\n _proto.buildTabs = function buildTabs(activeTabIndex) {\n var _this6 = this;\n\n if (activeTabIndex === void 0) {\n activeTabIndex = this.activeTab() || 0;\n }\n\n this.ready = false;\n\n if (this.element && this.element.children.length > 0) {\n var focusedTab = this.focusedTab();\n\n try {\n (0, _jquery)(this.element).tabs(\"destroy\");\n } catch (e) {// We aren't concerned if this fails, tabs throws an Exception when we cannot destroy\n }\n\n (0, _jquery)(this.element).tabs({\n create: function create() {\n _this6.ready = true; // Ensure focus tab is restored after a rebuild cycle\n\n if (focusedTab !== null) {\n _this6.setFocusedTab(focusedTab, true);\n } else {\n _this6.setFocusedTab(null);\n\n if (activeTabIndex) {\n _this6.setActiveTab(activeTabIndex);\n }\n }\n },\n\n /**\n * Trigger redraw event since new content is being displayed\n */\n activate: function activate() {\n _events.trigger(\"contentType:redrawAfter\", {\n element: _this6.element\n });\n }\n });\n }\n };\n\n return Preview;\n }(_previewCollection); // Resolve issue with jQuery UI tabs content typing events on content editable areas\n\n\n var originalTabKeyDown = _jquery.ui.tabs.prototype._tabKeydown;\n\n _jquery.ui.tabs.prototype._tabKeydown = function (event) {\n // If the target is content editable don't handle any events\n if ((0, _jquery)(event.target).attr(\"contenteditable\")) {\n return;\n }\n\n originalTabKeyDown.call(this, event);\n };\n\n return Preview;\n});\n//# sourceMappingURL=preview.js.map","Magento_PageBuilder/js/content-type/tabs/appearance/default/widget.js":"/**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\ndefine([\n 'jquery',\n 'Magento_PageBuilder/js/events',\n 'jquery-ui-modules/tabs'\n], function ($, events) {\n 'use strict';\n\n return function (config, element) {\n var $element = $(element);\n\n // Ignore stage builder preview tabs\n if ($element.is('.pagebuilder-tabs')) {\n return;\n }\n\n // Disambiguate between the mage/tabs component which is loaded randomly depending on requirejs order.\n $.ui.tabs({\n active: $element.data('activeTab') || 0,\n create:\n\n /**\n * Adjust the margin bottom of the navigation to correctly display the active tab\n */\n function () {\n var borderWidth = parseInt($element.find('.tabs-content').css('borderWidth').toString(), 10);\n\n $element.find('.tabs-navigation').css('marginBottom', -borderWidth);\n $element.find('.tabs-navigation li:not(:first-child)').css('marginLeft', -borderWidth);\n },\n activate:\n\n /**\n * Trigger redraw event since new content is being displayed\n */\n function () {\n events.trigger('contentType:redrawAfter', {\n element: element\n });\n }\n }, element);\n };\n});\n","Magento_PageBuilder/js/content-type/tabs/mass-converter/header-alignment.js":"/*eslint-disable */\n/* jscs:disable */\ndefine([\"Magento_PageBuilder/js/utils/object\"], function (_object) {\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n var HeaderAlignment = /*#__PURE__*/function () {\n \"use strict\";\n\n function HeaderAlignment() {}\n\n var _proto = HeaderAlignment.prototype;\n\n /**\n * Process data after it's read and converted by element converters\n *\n * @param {ConverterDataInterface} data\n * @param {ConverterConfigInterface} config\n * @returns {object}\n */\n _proto.fromDom = function fromDom(data, config) {\n return data;\n }\n /**\n * Add our tab alignment class into the data for the tabs\n *\n * @param {ConverterDataInterface} data\n * @param {ConverterConfigInterface} config\n * @returns {object}\n */\n ;\n\n _proto.toDom = function toDom(data, config) {\n data.css_classes += \" tab-align-\" + (0, _object.get)(data, config.navigation_alignment_variable, \"left\");\n return data;\n };\n\n return HeaderAlignment;\n }();\n\n return HeaderAlignment;\n});\n//# sourceMappingURL=header-alignment.js.map","Magento_PageBuilder/js/content-type/buttons/preview.js":"/*eslint-disable */\n/* jscs:disable */\n\nfunction _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\ndefine([\"jquery\", \"knockout\", \"mage/translate\", \"Magento_PageBuilder/js/events\", \"underscore\", \"Magento_PageBuilder/js/config\", \"Magento_PageBuilder/js/content-type-factory\", \"Magento_PageBuilder/js/content-type-menu/hide-show-option\", \"Magento_PageBuilder/js/content-type-menu/option\", \"Magento_PageBuilder/js/utils/delay-until\", \"Magento_PageBuilder/js/content-type/preview-collection\"], function (_jquery, _knockout, _translate, _events, _underscore, _config, _contentTypeFactory, _hideShowOption, _option, _delayUntil, _previewCollection) {\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n\n /**\n * @api\n */\n var Preview = /*#__PURE__*/function (_previewCollection2) {\n \"use strict\";\n\n _inheritsLoose(Preview, _previewCollection2);\n\n /**\n * @param {ContentTypeCollectionInterface} contentType\n * @param {ContentTypeConfigInterface} config\n * @param {ObservableUpdater} observableUpdater\n */\n function Preview(contentType, config, observableUpdater) {\n var _this;\n\n _this = _previewCollection2.call(this, contentType, config, observableUpdater) || this; // Keeps track of number of button item to disable sortable if there is only 1.\n\n _this.focusedButton = _knockout.observable();\n _this.debouncedResizeHandler = _underscore.debounce(function () {\n _this.resizeChildButtons();\n }, 350);\n\n _this.contentType.children.subscribe(function () {\n var sortableElement = (0, _jquery)(_this.wrapperElement).find(\".buttons-container\");\n\n if (!sortableElement.data(\"ui-sortable\")) {\n return;\n }\n\n if (_this.contentType.children().length <= 1) {\n sortableElement.sortable(\"disable\");\n } else {\n sortableElement.sortable(\"enable\");\n }\n }); // Monitor focus tab to start / stop interaction on the stage, debounce to avoid duplicate calls\n\n\n _this.focusedButton.subscribe(_underscore.debounce(function (index) {\n if (index !== null) {\n _events.trigger(\"stage:interactionStart\");\n\n var focusedButton = _this.contentType.children()[index];\n\n (0, _delayUntil)(function () {\n return (0, _jquery)(focusedButton.preview.wrapperElement).find(\"[contenteditable]\").focus();\n }, function () {\n return typeof focusedButton.preview.wrapperElement !== \"undefined\";\n }, 10);\n } else {\n // We have to force the stop as the event firing is inconsistent for certain operations\n _events.trigger(\"stage:interactionStop\", {\n force: true\n });\n }\n }, 1));\n\n return _this;\n }\n /**\n * Bind events\n */\n\n\n var _proto = Preview.prototype;\n\n _proto.bindEvents = function bindEvents() {\n var _this2 = this;\n\n _previewCollection2.prototype.bindEvents.call(this);\n\n _events.on(\"buttons:dropAfter\", function (args) {\n if (args.id === _this2.contentType.id && _this2.contentType.children().length === 0) {\n _this2.addButton();\n }\n });\n\n _events.on(\"buttons:renderAfter\", function (args) {\n if (args.contentType.id === _this2.contentType.id) {\n _this2.debouncedResizeHandler();\n }\n });\n\n _events.on(\"button-item:renderAfter\", function (args) {\n if (args.contentType.parentContentType.id === _this2.contentType.id) {\n _this2.debouncedResizeHandler();\n }\n });\n\n _events.on(\"stage:updateAfter\", function () {\n _this2.debouncedResizeHandler();\n });\n\n _events.on(\"contentType:redrawAfter\", function () {\n _this2.debouncedResizeHandler();\n }); // Capture when a content type is duplicated within the container\n\n\n var duplicatedButton;\n var duplicatedButtonIndex;\n\n _events.on(\"button-item:duplicateAfter\", function (args) {\n if (_this2.contentType.id === args.duplicateContentType.parentContentType.id && args.direct) {\n duplicatedButton = args.duplicateContentType;\n duplicatedButtonIndex = args.index;\n }\n });\n\n _events.on(\"button-item:mountAfter\", function (args) {\n if (duplicatedButton && args.id === duplicatedButton.id) {\n _this2.focusedButton(duplicatedButtonIndex);\n }\n });\n }\n /**\n * Return an array of options\n *\n * @returns {OptionsInterface}\n */\n ;\n\n _proto.retrieveOptions = function retrieveOptions() {\n var options = _previewCollection2.prototype.retrieveOptions.call(this);\n\n options.add = new _option({\n preview: this,\n icon: \"<i class='icon-pagebuilder-add'></i>\",\n title: (0, _translate)(\"Add Button\"),\n action: this.addButton,\n classes: [\"add-child\"],\n sort: 10\n });\n options.hideShow = new _hideShowOption({\n preview: this,\n icon: _hideShowOption.showIcon,\n title: _hideShowOption.showText,\n action: this.onOptionVisibilityToggle,\n classes: [\"hide-show-content-type\"],\n sort: 40\n });\n return options;\n }\n /**\n * Add button-item to buttons children array\n */\n ;\n\n _proto.addButton = function addButton() {\n var _this3 = this;\n\n var createButtonItemPromise = (0, _contentTypeFactory)(_config.getContentTypeConfig(\"button-item\"), this.contentType, this.contentType.stageId, {});\n createButtonItemPromise.then(function (button) {\n _this3.contentType.addChild(button);\n\n var buttonIndex = _this3.contentType.children().indexOf(button);\n\n _this3.focusedButton(buttonIndex > -1 ? buttonIndex : null);\n\n return button;\n }).catch(function (error) {\n console.error(error);\n });\n }\n /**\n * Get the sortable options for the buttons sorting\n *\n * @param {string} orientation\n * @param {string} tolerance\n * @returns {JQueryUI.Sortable}\n */\n ;\n\n _proto.getSortableOptions = function getSortableOptions(orientation, tolerance) {\n if (orientation === void 0) {\n orientation = \"width\";\n }\n\n if (tolerance === void 0) {\n tolerance = \"intersect\";\n }\n\n return {\n handle: \".button-item-drag-handle\",\n items: \".pagebuilder-content-type-wrapper\",\n cursor: \"grabbing\",\n containment: \"parent\",\n tolerance: tolerance,\n revert: 200,\n disabled: this.contentType.children().length <= 1,\n\n /**\n * Provide custom helper element\n *\n * @param {Event} event\n * @param {JQueryUI.Sortable} element\n * @returns {Element}\n */\n helper: function helper(event, element) {\n var helper = (0, _jquery)(element).clone().css({\n opacity: \"0.7\",\n width: \"auto\"\n });\n helper[0].querySelector(\".pagebuilder-options\").remove();\n return helper[0];\n },\n placeholder: {\n /**\n * Provide custom placeholder element\n *\n * @param {JQuery} item\n * @returns {JQuery}\n */\n element: function element(item) {\n var placeholder = item.clone().css({\n display: \"inline-block\",\n opacity: \"0.3\"\n }).removeClass(\"focused\").addClass(\"sortable-placeholder\");\n placeholder[0].querySelector(\".pagebuilder-options\").remove();\n return placeholder[0];\n },\n update: function update() {\n return;\n }\n },\n\n /**\n * Trigger interaction start on sort\n */\n start: function start() {\n _events.trigger(\"stage:interactionStart\");\n },\n\n /**\n * Stop stage interaction on stop\n */\n stop: function stop() {\n _events.trigger(\"stage:interactionStop\");\n }\n };\n }\n /**\n * Resize width of all child buttons. Dependently make them the same width if configured.\n */\n ;\n\n _proto.resizeChildButtons = function resizeChildButtons() {\n if (this.wrapperElement) {\n var buttonItems = (0, _jquery)(this.wrapperElement).find(\".pagebuilder-button-item > a\");\n var buttonResizeValue = 0;\n\n if (this.contentType.dataStore.get(\"is_same_width\") === \"true\") {\n if (buttonItems.length > 0) {\n var currentLargestButtonWidth = this.findLargestButtonWidth(buttonItems);\n var parentWrapperWidth = (0, _jquery)(this.wrapperElement).find(\".buttons-container\").width();\n\n if (currentLargestButtonWidth === 0) {\n return;\n }\n\n buttonResizeValue = Math.min(currentLargestButtonWidth, parentWrapperWidth);\n }\n }\n\n buttonItems.css(\"min-width\", buttonResizeValue);\n }\n }\n /**\n * Find the largest button width for calculating same size value.\n *\n * @param {JQuery} buttonItems\n * @returns {number}\n */\n ;\n\n _proto.findLargestButtonWidth = function findLargestButtonWidth(buttonItems) {\n var _this4 = this;\n\n return _underscore.max(_underscore.map(buttonItems, function (buttonItem) {\n return _this4.calculateButtonWidth((0, _jquery)(buttonItem));\n }));\n }\n /**\n * Manually calculate button width using content plus box widths (padding, border)\n *\n * @param {JQuery} buttonItem\n * @returns {number}\n */\n ;\n\n _proto.calculateButtonWidth = function calculateButtonWidth(buttonItem) {\n if (buttonItem.is(\":visible\") === false) {\n return 0;\n }\n\n var widthProperties = [\"paddingLeft\", \"paddingRight\", \"borderLeftWidth\", \"borderRightWidth\"];\n var buttonText = buttonItem.find(\"[data-element='link_text']\");\n var textWidth = buttonText.css(\"display\", \"inline-block\").width();\n buttonText.css(\"display\", \"\");\n return widthProperties.reduce(function (accumulatedWidth, widthProperty) {\n return accumulatedWidth + (parseInt(buttonItem.css(widthProperty), 10) || 0);\n }, textWidth);\n };\n\n return Preview;\n }(_previewCollection);\n\n return Preview;\n});\n//# sourceMappingURL=preview.js.map","Magento_PageBuilder/js/content-type/buttons/appearance/inline/widget.js":"/**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\ndefine([\n 'jquery',\n 'Magento_PageBuilder/js/events'\n], function ($, events) {\n 'use strict';\n\n /**\n * Equalize the width of a list of button-item components\n *\n * @param {JQuery} buttonList\n */\n var equalizeButtonWidth = function (buttonList) {\n var buttonMinWidth = 0;\n\n buttonList.css('min-width', buttonMinWidth);\n buttonList.each(function () {\n var buttonWidth = this.offsetWidth;\n\n if (buttonWidth > buttonMinWidth) {\n buttonMinWidth = buttonWidth;\n }\n });\n buttonList.css('min-width', buttonMinWidth);\n };\n\n return function (config, element) {\n var $element = $(element),\n buttonSelector = '[data-element=\"link\"], [data-element=\"empty_link\"]';\n\n if ($element.data('sameWidth')) {\n equalizeButtonWidth($element.find(buttonSelector));\n $(window).on('resize', function () {\n equalizeButtonWidth($element.find(buttonSelector));\n });\n events.on('contentType:redrawAfter', function (eventData) {\n if ($element.closest(eventData.element).length > 0) {\n equalizeButtonWidth($element.find(buttonSelector));\n }\n });\n }\n };\n});\n","Magento_PageBuilder/js/content-type/buttons/converter/style/preview/display/flex.js":"/*eslint-disable */\n/* jscs:disable */\ndefine([], function () {\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n\n /**\n * @api\n */\n var Display = /*#__PURE__*/function () {\n \"use strict\";\n\n function Display() {}\n\n var _proto = Display.prototype;\n\n /**\n * Ensure the display none property doesn't persist to the preview\n *\n * @param value string\n * @returns {string | object}\n */\n _proto.fromDom = function fromDom(value) {\n return;\n }\n /**\n * Ensure the display none property doesn't persist to the preview\n *\n * @param name string\n * @param data Object\n * @returns {string}\n */\n ;\n\n _proto.toDom = function toDom(name, data) {\n return \"flex\";\n };\n\n return Display;\n }();\n\n return Display;\n});\n//# sourceMappingURL=flex.js.map","Magento_PageBuilder/js/content-type/buttons/converter/style/display/boolean.js":"/*eslint-disable */\n/* jscs:disable */\ndefine([\"underscore\", \"Magento_PageBuilder/js/utils/object\"], function (_underscore, _object) {\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n\n /**\n * @api\n */\n var Boolean = /*#__PURE__*/function () {\n \"use strict\";\n\n function Boolean() {}\n\n var _proto = Boolean.prototype;\n\n /**\n * Convert value to internal format\n *\n * @param value string\n * @returns {string | object}\n */\n _proto.fromDom = function fromDom(value) {\n return !(value === \"none\");\n }\n /**\n * Convert value to knockout format, if buttons are displayed they should be reset to default\n *\n * @param {string} name\n * @param {DataObject} data\n * @returns {string}\n */\n ;\n\n _proto.toDom = function toDom(name, data) {\n var value = (0, _object.get)(data, name);\n\n if (!_underscore.isUndefined(value) && value === false) {\n return \"none\";\n }\n\n return \"\";\n };\n\n return Boolean;\n }();\n\n return Boolean;\n});\n//# sourceMappingURL=boolean.js.map","Magento_PageBuilder/js/content-type/buttons/converter/style/display/flex.js":"/*eslint-disable */\n/* jscs:disable */\ndefine([\"underscore\", \"Magento_PageBuilder/js/utils/object\"], function (_underscore, _object) {\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n\n /**\n * @api\n */\n var Flex = /*#__PURE__*/function () {\n \"use strict\";\n\n function Flex() {}\n\n var _proto = Flex.prototype;\n\n /**\n * Convert value to internal format\n *\n * @param value string\n * @returns {string | object}\n */\n _proto.fromDom = function fromDom(value) {\n return !(value === \"none\");\n }\n /**\n * Convert value to knockout format, if buttons are displayed they should be inline block\n *\n * @param {string} name\n * @param {DataObject} data\n * @returns {string}\n */\n ;\n\n _proto.toDom = function toDom(name, data) {\n var value = (0, _object.get)(data, name);\n\n if (!_underscore.isUndefined(value) && value === false) {\n return \"none\";\n }\n\n return \"flex\";\n };\n\n return Flex;\n }();\n\n return Flex;\n});\n//# sourceMappingURL=flex.js.map","Magento_PageBuilder/js/content-type/video/master.js":"/*eslint-disable */\n/* jscs:disable */\n\nfunction _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\ndefine([\"Magento_PageBuilder/js/content-type/master\"], function (_master) {\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n var Master = /*#__PURE__*/function (_master2) {\n \"use strict\";\n\n _inheritsLoose(Master, _master2);\n\n function Master() {\n return _master2.apply(this, arguments) || this;\n }\n\n var _proto = Master.prototype;\n\n _proto.isHosted = function isHosted(src) {\n var youtubeRegExp = new RegExp(\"^(?:https?:\\/\\/|\\/\\/)?(?:www\\\\.|m\\\\.)?\" + \"(?:youtu\\\\.be\\/|youtube\\\\.com\\/(?:embed\\/|v\\/|watch\\\\?v=|watch\\\\?.+&v=))([\\\\w-]{11})(?![\\\\w-])\");\n var vimeoRegExp = new RegExp(\"https?:\\/\\/(?:www\\\\.|player\\\\.)?vimeo.com\\/(?:channels\\/\" + \"(?:\\\\w+\\/)?|groups\\/([^\\/]*)\\/videos\\/|album\\/(\\\\d+)\\/video\\/|video\\/|)(\\\\d+)(?:$|\\/|\\\\?)\");\n return vimeoRegExp.test(src) || youtubeRegExp.test(src);\n };\n\n return Master;\n }(_master);\n\n return Master;\n});\n//# sourceMappingURL=master.js.map","Magento_PageBuilder/js/content-type/video/preview.js":"/*eslint-disable */\n/* jscs:disable */\n\nfunction _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\ndefine([\"Magento_PageBuilder/js/content-type-menu/hide-show-option\", \"Magento_PageBuilder/js/content-type/preview\"], function (_hideShowOption, _preview) {\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n\n /**\n * @api\n */\n var Preview = /*#__PURE__*/function (_preview2) {\n \"use strict\";\n\n _inheritsLoose(Preview, _preview2);\n\n function Preview() {\n return _preview2.apply(this, arguments) || this;\n }\n\n var _proto = Preview.prototype;\n\n /**\n * Return an array of options\n *\n * @returns {OptionsInterface}\n */\n _proto.retrieveOptions = function retrieveOptions() {\n var options = _preview2.prototype.retrieveOptions.call(this);\n\n options.hideShow = new _hideShowOption({\n preview: this,\n icon: _hideShowOption.showIcon,\n title: _hideShowOption.showText,\n action: this.onOptionVisibilityToggle,\n classes: [\"hide-show-content-type\"],\n sort: 40\n });\n return options;\n };\n\n _proto.isHosted = function isHosted(src) {\n var youtubeRegExp = new RegExp(\"^(?:https?:\\/\\/|\\/\\/)?(?:www\\\\.|m\\\\.)?\" + \"(?:youtu\\\\.be\\/|youtube\\\\.com\\/(?:embed\\/|v\\/|watch\\\\?v=|watch\\\\?.+&v=))([\\\\w-]{11})(?![\\\\w-])\");\n var vimeoRegExp = new RegExp(\"https?:\\/\\/(?:www\\\\.|player\\\\.)?vimeo.com\\/(?:channels\\/\" + \"(?:\\\\w+\\/)?|groups\\/([^\\/]*)\\/videos\\/|album\\/(\\\\d+)\\/video\\/|video\\/|)(\\\\d+)(?:$|\\/|\\\\?)\");\n return vimeoRegExp.test(src) || youtubeRegExp.test(src);\n }\n /**\n * After render callback\n *\n * @param {HTMLVideoElement} videoElement\n * @param {Preview} self\n */\n ;\n\n _proto.onAfterRender = function onAfterRender(videoElement, self) {\n // Assign muted attribute explicitly due to API issues\n videoElement.muted = self.data.video.attributes().autoplay;\n };\n\n return Preview;\n }(_preview);\n\n return Preview;\n});\n//# sourceMappingURL=preview.js.map","Magento_PageBuilder/js/content-type/video/converter/attribute/src.js":"/*eslint-disable */\n/* jscs:disable */\ndefine([\"Magento_PageBuilder/js/utils/object\"], function (_object) {\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n var Src = /*#__PURE__*/function () {\n \"use strict\";\n\n function Src() {}\n\n var _proto = Src.prototype;\n\n /**\n * Convert value to internal format\n *\n * @param value string\n * @returns {string | object}\n */\n _proto.fromDom = function fromDom(value) {\n var fileRegExp = new RegExp(\"^(webm:|mp4:|ogv:)\");\n\n if (fileRegExp.test(value)) {\n return value.substr(fileRegExp.exec(value)[0].length);\n }\n\n return value;\n }\n /**\n * Convert value to knockout format\n *\n * @param name string\n * @param data Object\n * @returns {string}\n */\n ;\n\n _proto.toDom = function toDom(name, data) {\n var value = (0, _object.get)(data, name);\n\n if (value === undefined) {\n return \"\";\n }\n\n var youtubeRegExp = new RegExp(\"^(?:https?:\\/\\/|\\/\\/)?(?:www\\\\.|m\\\\.)?\" + \"(?:youtu\\\\.be\\/|youtube\\\\.com\\/(?:embed\\/|v\\/|watch\\\\?v=|watch\\\\?.+&v=))([\\\\w-]{11})(?![\\\\w-])\");\n var vimeoRegExp = new RegExp(\"https?:\\/\\/(?:www\\\\.|player\\\\.)?vimeo.com\\/(?:channels\\/\" + \"(?:\\\\w+\\/)?|groups\\/([^\\/]*)\\/videos\\/|album\\/(\\\\d+)\\/video\\/|video\\/|)(\\\\d+)(?:$|\\/|\\\\?)\");\n var fileRegExp = new RegExp(\"^(?:https:|http:)?\\\\/\\\\/.*[\\\\\\\\\\\\/].+\\\\.(webm|mp4|ogv)(?!\\w)\");\n\n if (youtubeRegExp.test(value)) {\n return \"https://www.youtube.com/embed/\" + youtubeRegExp.exec(value)[1];\n } else if (vimeoRegExp.test(value)) {\n return \"https://player.vimeo.com/video/\" + vimeoRegExp.exec(value)[3] + \"?title=0&byline=0&portrait=0\";\n } else if (fileRegExp.test(value)) {\n var result = fileRegExp.exec(value);\n return result[1] + \":\" + value;\n }\n\n return value;\n };\n\n return Src;\n }();\n\n return Src;\n});\n//# sourceMappingURL=src.js.map","Magento_PageBuilder/js/content-type/video/converter/attribute/autoplay.js":"/*eslint-disable */\n/* jscs:disable */\ndefine([\"Magento_PageBuilder/js/utils/object\"], function (_object) {\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n var VideoSrc = /*#__PURE__*/function () {\n \"use strict\";\n\n function VideoSrc() {}\n\n var _proto = VideoSrc.prototype;\n\n /**\n * Convert value to internal format\n *\n * @param value string\n * @returns {string | object}\n */\n _proto.fromDom = function fromDom(value) {\n return value === \"true\" ? value : \"false\";\n }\n /**\n * Convert value to knockout format\n *\n * @param name string\n * @param data Object\n * @returns {boolean|string}\n */\n ;\n\n _proto.toDom = function toDom(name, data) {\n var value = (0, _object.get)(data, name);\n return value === \"true\" ? true : null;\n };\n\n return VideoSrc;\n }();\n\n return VideoSrc;\n});\n//# sourceMappingURL=autoplay.js.map","Magento_PageBuilder/js/content-type/video/converter/attribute/videosrc.js":"/*eslint-disable */\n/* jscs:disable */\ndefine([\"Magento_PageBuilder/js/utils/object\"], function (_object) {\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n var VideoSrc = /*#__PURE__*/function () {\n \"use strict\";\n\n function VideoSrc() {}\n\n /**\n * Parse YouTube parameters from given URL and Autoplay setting from UI\n *\n * @param url string\n * @param data DataObject\n * @returns string\n * @private\n */\n VideoSrc.parseYoutubeGetParams = function parseYoutubeGetParams(url, data) {\n var acceptableYouTubeParams = [\"rel\", \"controls\", \"autoplay\", \"mute\", \"loop\", \"playlist\", \"cc_lang_pref\", \"cc_load_policy\", \"color\", \"disablekb\", \"end\", \"fs\", \"hl\", \"iv_load_policy\", \"modestbranding\", \"start\"];\n var a = document.createElement(\"a\");\n a.href = url;\n var urlGetParams = {};\n a.search.slice(a.search.indexOf(\"?\") + 1).split(\"&\").map(function (hash) {\n var _hash$split = hash.split(\"=\"),\n key = _hash$split[0],\n val = _hash$split[1];\n\n urlGetParams[key] = decodeURIComponent(val);\n });\n var filteredGetParams = {};\n\n for (var _i = 0, _acceptableYouTubePar = acceptableYouTubeParams; _i < _acceptableYouTubePar.length; _i++) {\n var param = _acceptableYouTubePar[_i];\n\n if (urlGetParams.hasOwnProperty(param)) {\n filteredGetParams[param] = urlGetParams[param];\n }\n }\n\n if (data.autoplay === \"true\") {\n filteredGetParams.autoplay = \"1\";\n filteredGetParams.mute = \"1\";\n } else {\n delete filteredGetParams.autoplay;\n delete filteredGetParams.mute;\n }\n\n var processedGetParams = [];\n\n for (var _param in filteredGetParams) {\n if (filteredGetParams.hasOwnProperty(_param)) {\n processedGetParams.push(encodeURI(_param + \"=\" + filteredGetParams[_param]));\n }\n }\n\n return processedGetParams.length > 0 ? \"?\" + processedGetParams.join(\"&\") : \"\";\n }\n /**\n * Convert value to internal format\n *\n * @param value string\n * @returns {string | object}\n */\n ;\n\n var _proto = VideoSrc.prototype;\n\n _proto.fromDom = function fromDom(value) {\n value = value.replace(/\\?autoplay=1&mute=1/g, \"\");\n value = value.replace(/&autoplay=1&mute=1/g, \"\");\n value = value.replace(/\\?title=0&byline=0&portrait=0/g, \"\");\n value = value.replace(/&autoplay=1&autopause=0&muted=1/g, \"\");\n return value;\n }\n /**\n * Convert value to knockout format\n *\n * @param name string\n * @param data Object\n * @returns {string}\n */\n ;\n\n _proto.toDom = function toDom(name, data) {\n var value = (0, _object.get)(data, name);\n\n if (value === undefined) {\n return \"\";\n }\n\n var youtubeRegExp = new RegExp(\"^(?:https?:\\/\\/|\\/\\/)?(?:www\\\\.|m\\\\.)?\" + \"(?:youtu\\\\.be\\/|youtube\\\\.com\\/(?:embed\\/|v\\/|watch\\\\?v=|watch\\\\?.+&v=))([\\\\w-]{11})(?![\\\\w-])\");\n var vimeoRegExp = new RegExp(\"https?:\\/\\/(?:www\\\\.|player\\\\.)?vimeo.com\\/(?:channels\\/\" + \"(?:\\\\w+\\/)?|groups\\/([^\\/]*)\\/videos\\/|album\\/(\\\\d+)\\/video\\/|video\\/|)(\\\\d+)(?:$|\\/|\\\\?)\");\n\n if (youtubeRegExp.test(value)) {\n return \"https://www.youtube.com/embed/\" + youtubeRegExp.exec(value)[1] + VideoSrc.parseYoutubeGetParams(value, data);\n } else if (vimeoRegExp.test(value)) {\n return \"https://player.vimeo.com/video/\" + vimeoRegExp.exec(value)[3] + \"?title=0&byline=0&portrait=0\" + (data.autoplay === \"true\" ? \"&autoplay=1&autopause=0&muted=1\" : \"\");\n }\n\n return value;\n };\n\n return VideoSrc;\n }();\n\n return VideoSrc;\n});\n//# sourceMappingURL=videosrc.js.map","Magento_PageBuilder/js/content-type/column/resize.js":"/*eslint-disable */\n/* jscs:disable */\ndefine([\"Magento_PageBuilder/js/utils/array\"], function (_array) {\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n var Resize = /*#__PURE__*/function () {\n \"use strict\";\n\n function Resize(columnGroup, columnLine) {\n this.columnGroup = columnGroup;\n this.columnLine = columnLine;\n }\n /**\n * Get the grid size for this columnGroup\n *\n * @returns {number}\n */\n\n\n var _proto = Resize.prototype;\n\n _proto.getGridSize = function getGridSize() {\n return parseInt(this.columnGroup.dataStore.get(\"grid_size\").toString(), 10);\n }\n /**\n * Get the initial grid size for this columnGroup before it was updated\n *\n * @returns {number}\n */\n ;\n\n _proto.getInitialGridSize = function getInitialGridSize() {\n return parseInt(this.columnGroup.dataStore.get(\"initial_grid_size\", 0).toString(), 10);\n }\n /**\n * Get the smallest column width possible\n *\n * @param {number} gridSize\n * @returns {number}\n */\n ;\n\n _proto.getSmallestColumnWidth = function getSmallestColumnWidth(gridSize) {\n gridSize = gridSize || this.getInitialGridSize() || this.getGridSize();\n return this.getAcceptedColumnWidth(parseFloat((100 / gridSize).toString()).toFixed(Math.round(100 / gridSize) !== 100 / gridSize ? 8 : 0));\n }\n /**\n * Get an accepted column width to resolve rounding issues, e.g. turn 49.995% into 50%\n *\n * @param {string} width\n * @param {number} gridSize\n * @returns {number}\n */\n ;\n\n _proto.getAcceptedColumnWidth = function getAcceptedColumnWidth(width, gridSize) {\n gridSize = gridSize || this.getInitialGridSize() || this.getGridSize();\n var newWidth = 0;\n\n for (var i = gridSize; i > 0; i--) {\n var percentage = parseFloat((100 / gridSize * i).toFixed(Math.round(100 / gridSize * i) !== 100 / gridSize * i ? 8 : 0)); // Allow for rounding issues\n\n if (parseFloat(width) > percentage - 0.1 && parseFloat(width) < percentage + 0.1) {\n newWidth = percentage;\n break;\n }\n }\n\n return newWidth;\n }\n /**\n * Return the width of the column\n *\n * @param {ContentTypeCollectionInterface<ColumnPreview>} column\n * @returns {number}\n */\n ;\n\n _proto.getColumnWidth = function getColumnWidth(column) {\n return this.getAcceptedColumnWidth(column.dataStore.get(\"width\").toString());\n }\n /**\n * Get the total width of all columns in the column line\n *\n * @returns {number}\n */\n ;\n\n _proto.getColumnsWidth = function getColumnsWidth() {\n var _this = this;\n\n return this.getAcceptedColumnWidth(this.columnLine.children().map(function (column) {\n return _this.getColumnWidth(column);\n }).reduce(function (widthA, widthB) {\n return widthA + (widthB ? widthB : 0);\n }).toString());\n }\n /**\n * Determine the pixel position of every column that can be created within the group\n *\n * @param {ContentTypeCollectionInterface<ColumnPreview>} column\n * @param {GroupPositionCache} groupPosition\n * @returns {ColumnWidth[]}\n */\n ;\n\n _proto.determineColumnWidths = function determineColumnWidths(column, groupPosition) {\n var gridSize = this.getGridSize();\n var singleColumnWidth = groupPosition.outerWidth / gridSize;\n var adjacentColumn = getAdjacentColumn(column, \"+1\");\n var columnWidths = [];\n var columnLeft = column.preview.element.offset().left - parseInt(column.preview.element.css(\"margin-left\"), 10);\n var adjacentRightPosition = adjacentColumn.preview.element.offset().left + adjacentColumn.preview.element.outerWidth(true); // Determine the maximum size (in pixels) that this column can be dragged to\n\n var columnsToRight = column.parentContentType.children().length - (getColumnIndexInGroup(column) + 1);\n var leftMaxWidthFromChildren = groupPosition.left + groupPosition.outerWidth - columnsToRight * singleColumnWidth + 10;\n var rightMaxWidthFromChildren = groupPosition.left + (column.parentContentType.children().length - columnsToRight) * singleColumnWidth - 10; // Due to rounding we add a threshold of 10\n // Iterate through the amount of columns generating the position for both left & right interactions\n\n for (var i = gridSize; i > 0; i--) {\n var position = Math.round(columnLeft + singleColumnWidth * i);\n\n if (position > Math.round(leftMaxWidthFromChildren)) {\n continue;\n }\n\n columnWidths.push({\n forColumn: \"left\",\n // These positions are for the left column in the pair\n name: i + \"/\" + gridSize,\n position: position,\n width: getRoundedColumnWidth(100 / gridSize * i)\n });\n }\n\n for (var _i = 1; _i < gridSize; _i++) {\n var _position = Math.floor(adjacentRightPosition - _i * singleColumnWidth);\n\n if (_position < Math.floor(rightMaxWidthFromChildren)) {\n continue;\n } // The right interaction is only used when we're crushing a column that isn't adjacent\n\n\n columnWidths.push({\n forColumn: \"right\",\n // These positions are for the left column in the pair\n name: _i + \"/\" + gridSize,\n position: _position,\n width: getRoundedColumnWidth(100 / gridSize * _i)\n });\n }\n\n return columnWidths;\n }\n /**\n * Find a column which can be shrunk for the current resize action\n *\n * @param {ContentTypeCollectionInterface<ColumnPreview>} column\n * @param {\"left\" | \"right\"} direction\n * @returns {ContentTypeCollectionInterface<ColumnPreview>}\n */\n ;\n\n _proto.findShrinkableColumnForResize = function findShrinkableColumnForResize(column, direction) {\n var _this2 = this;\n\n var currentIndex = getColumnIndexInGroup(column);\n var columnItemsArray = column.parentContentType.children();\n var searchArray;\n\n switch (direction) {\n case \"right\":\n searchArray = columnItemsArray.slice(currentIndex + 1);\n break;\n\n case \"left\":\n searchArray = columnItemsArray.slice(0).reverse().slice(columnItemsArray.length - currentIndex);\n break;\n }\n\n return searchArray.find(function (groupColumn) {\n return _this2.getColumnWidth(groupColumn) > _this2.getSmallestColumnWidth();\n });\n }\n /**\n * Find a shrinkable column outwards from the current column\n *\n * @param {ContentTypeCollectionInterface<ColumnPreview>} column\n * @returns {ContentTypeCollectionInterface<ColumnPreview>}\n */\n ;\n\n _proto.findShrinkableColumn = function findShrinkableColumn(column) {\n var _this3 = this;\n\n return (0, _array.outwardSearch)(column.parentContentType.children(), getColumnIndexInGroup(column), function (neighbourColumn) {\n return _this3.getColumnWidth(neighbourColumn) > _this3.getSmallestColumnWidth();\n });\n }\n /**\n * Find a shrinkable column of a greater size outwards from the current column\n *\n * @param {ContentTypeCollectionInterface<ColumnPreview>} column\n * @returns {ContentTypeCollectionInterface<ColumnPreview>}\n */\n ;\n\n _proto.findBiggerShrinkableColumn = function findBiggerShrinkableColumn(column) {\n var _this4 = this;\n\n return (0, _array.outwardSearch)(column.parentContentType.children(), getColumnIndexInGroup(column), function (neighbourColumn) {\n return _this4.getColumnWidth(neighbourColumn) > _this4.getColumnWidth(column);\n });\n }\n /**\n * Calculate the ghost size for the resizing action\n *\n * @param {GroupPositionCache} groupPosition\n * @param {number} currentPos\n * @param {ContentTypeCollectionInterface<ColumnPreview>} column\n * @param {string} modifyColumnInPair\n * @param {MaxGhostWidth} maxGhostWidth\n * @returns {number}\n */\n ;\n\n _proto.calculateGhostWidth = function calculateGhostWidth(groupPosition, currentPos, column, modifyColumnInPair, maxGhostWidth) {\n var ghostWidth = currentPos - groupPosition.left;\n\n switch (modifyColumnInPair) {\n case \"left\":\n var singleColumnWidth = column.preview.element.position().left + groupPosition.outerWidth / this.getGridSize(); // Don't allow the ghost widths be less than the smallest column\n\n if (ghostWidth <= singleColumnWidth) {\n ghostWidth = singleColumnWidth;\n }\n\n if (currentPos >= maxGhostWidth.left) {\n ghostWidth = maxGhostWidth.left - groupPosition.left;\n }\n\n break;\n\n case \"right\":\n if (currentPos <= maxGhostWidth.right) {\n ghostWidth = maxGhostWidth.right - groupPosition.left;\n }\n\n break;\n }\n\n return ghostWidth;\n }\n /**\n * Determine which column in the group should be adjusted for the current resize action\n *\n * @param {number} currentPos\n * @param {ContentTypeCollectionInterface<ColumnPreview>} column\n * @param {ResizeHistory} history\n * @returns {[ContentTypeCollectionInterface<ColumnPreview>, string, string]}\n */\n ;\n\n _proto.determineAdjustedColumn = function determineAdjustedColumn(currentPos, column, history) {\n var modifyColumnInPair = \"left\";\n var usedHistory;\n var resizeColumnLeft = column.preview.element.offset().left - parseInt(column.preview.element.css(\"margin-left\"), 10);\n var resizeColumnWidth = column.preview.element.outerWidth(true);\n var resizeHandlePosition = resizeColumnLeft + resizeColumnWidth;\n var adjustedColumn;\n\n if (currentPos >= resizeHandlePosition) {\n // Get the history for the opposite direction of resizing\n if (history.left.length > 0) {\n usedHistory = \"left\";\n adjustedColumn = history.left.reverse()[0].adjustedColumn;\n modifyColumnInPair = history.left.reverse()[0].modifyColumnInPair;\n } else {\n // If we're increasing the width of our column we need to locate a column that can shrink to the\n // right\n adjustedColumn = this.findShrinkableColumnForResize(column, \"right\");\n }\n } else {\n if (this.getColumnWidth(column) <= this.getSmallestColumnWidth()) {\n adjustedColumn = this.findShrinkableColumnForResize(column, \"left\");\n\n if (adjustedColumn) {\n modifyColumnInPair = \"right\";\n }\n } else if (history.right.length > 0) {\n usedHistory = \"right\";\n adjustedColumn = history.right.reverse()[0].adjustedColumn;\n modifyColumnInPair = history.right.reverse()[0].modifyColumnInPair;\n } else {\n // If we're shrinking our column we can just increase the adjacent column\n adjustedColumn = getAdjacentColumn(column, \"+1\");\n }\n }\n\n return [adjustedColumn, modifyColumnInPair, usedHistory];\n }\n /**\n * Resize a column to a specific width\n *\n * @param {ContentTypeCollectionInterface<Preview>} column\n * @param {number} width\n * @param {ContentTypeCollectionInterface<Preview>} shrinkableColumn\n */\n ;\n\n _proto.resizeColumn = function resizeColumn(column, width, shrinkableColumn) {\n var current = this.getColumnWidth(column);\n var difference = (parseFloat(width.toString()) - current).toFixed(8); // Don't run the update if we've already modified the column\n\n if (current === parseFloat(width.toString()) || parseFloat(width.toString()) < this.getSmallestColumnWidth()) {\n return;\n } // Also shrink the closest shrinkable column\n\n\n var allowedToShrink = true;\n\n if (difference && shrinkableColumn) {\n var currentShrinkable = this.getColumnWidth(shrinkableColumn);\n var shrinkableSize = this.getAcceptedColumnWidth((currentShrinkable + -difference).toString()); // Ensure the column we're crushing is not becoming the same size, and it's not less than the smallest width\n\n if (currentShrinkable === parseFloat(shrinkableSize.toString()) || parseFloat(shrinkableSize.toString()) < this.getSmallestColumnWidth()) {\n allowedToShrink = false;\n } else {\n // Ensure we're not creating more columns width than the grid can support\n if (this.gridSupportsResize(column, width, shrinkableColumn, shrinkableSize)) {\n updateColumnWidth(shrinkableColumn, shrinkableSize);\n } else {\n allowedToShrink = false;\n }\n }\n }\n\n if (allowedToShrink) {\n updateColumnWidth(column, width);\n }\n }\n /**\n * Determine if the grid supports the new proposed grid size\n *\n * @param {ContentTypeCollectionInterface<Preview>} column\n * @param {number} newWidth\n * @param {ContentTypeCollectionInterface<Preview>} shrinkableColumn\n * @param {number} shrinkableColumnNewWidth\n * @returns {boolean}\n */\n ;\n\n _proto.gridSupportsResize = function gridSupportsResize(column, newWidth, shrinkableColumn, shrinkableColumnNewWidth) {\n var _this5 = this;\n\n // Determine the total width of all other columns in the grid, excluding the ones we plan to resize\n var otherColumnsWidth = column.parentContentType.getChildren()().filter(function (gridColumn) {\n return gridColumn !== column && shrinkableColumn && gridColumn !== shrinkableColumn;\n }).map(function (otherColumn) {\n return _this5.getColumnWidth(otherColumn);\n }).reduce(function (a, b) {\n return a + b;\n }, 0); // Determine if the new total grid size will be 100%, with 1 for margin of error with rounding\n\n return comparator(otherColumnsWidth + newWidth + (shrinkableColumnNewWidth ? shrinkableColumnNewWidth : 0), 100, 0.1);\n };\n\n return Resize;\n }();\n /**\n * Retrieve the index of the column within it's group\n * @deprecated use getColumnIndexInLine\n * @param {ContentTypeCollectionInterface<ColumnPreview>} column\n * @returns {number}\n */\n\n\n function getColumnIndexInGroup(column) {\n return column.parentContentType.children().indexOf(column);\n }\n /**\n * Retrieve the index of the column within it's column line\n *\n * @param {ContentTypeCollectionInterface<ColumnPreview>} column\n * @returns {number}\n */\n\n\n function getColumnIndexInLine(column) {\n return column.parentContentType.children().indexOf(column);\n }\n /**\n * Retrieve the adjacent column based on a direction of +1 or -1\n *\n * @param {ContentTypeCollectionInterface<Preview>} column\n * @param {\"+1\" | \"-1\"} direction\n * @returns {ContentTypeCollectionInterface<Preview>}\n */\n\n\n function getAdjacentColumn(column, direction) {\n var currentIndex = getColumnIndexInGroup(column);\n\n if (typeof column.parentContentType.children()[currentIndex + parseInt(direction, 10)] !== \"undefined\") {\n return column.parentContentType.children()[currentIndex + parseInt(direction, 10)];\n }\n\n return null;\n }\n /**\n * Determine the max ghost width based on the calculated columns\n *\n * @param {ColumnWidth[]} columnWidths\n * @returns {MaxGhostWidth}\n */\n\n\n function determineMaxGhostWidth(columnWidths) {\n var leftColumns = columnWidths.filter(function (width) {\n return width.forColumn === \"left\";\n });\n var rightColumns = columnWidths.filter(function (width) {\n return width.forColumn === \"right\";\n });\n return {\n left: leftColumns[0].position,\n right: rightColumns[rightColumns.length - 1].position\n };\n }\n /**\n * Return the column width to 8 decimal places if it's not a whole number\n *\n * @param {number} width\n * @returns {string}\n */\n\n\n function getRoundedColumnWidth(width) {\n return Number(width.toFixed(Math.round(width) !== width ? 8 : 0));\n }\n /**\n * Compare if two numbers are within a certain threshold of each other\n *\n * comparator(10,11,2) => true\n * comparator(1.1,1.11,0.5) => true\n *\n * @param {number} num1\n * @param {number} num2\n * @param {number} threshold\n * @returns {boolean}\n */\n\n\n function comparator(num1, num2, threshold) {\n return num1 > num2 - threshold / 2 && num1 < num2 + threshold / 2;\n }\n /**\n * Update the width of a column\n *\n * @param {ContentTypeCollectionInterface<ColumnPreview>} column\n * @param {number} width\n */\n\n\n function updateColumnWidth(column, width) {\n column.dataStore.set(\"width\", parseFloat(width.toString()) + \"%\");\n }\n\n return Object.assign(Resize, {\n getColumnIndexInGroup: getColumnIndexInGroup,\n getColumnIndexInLine: getColumnIndexInLine,\n getAdjacentColumn: getAdjacentColumn,\n determineMaxGhostWidth: determineMaxGhostWidth,\n getRoundedColumnWidth: getRoundedColumnWidth,\n comparator: comparator,\n updateColumnWidth: updateColumnWidth\n });\n});\n//# sourceMappingURL=resize.js.map","Magento_PageBuilder/js/content-type/column/preview.js":"/*eslint-disable */\n/* jscs:disable */\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return self; }\n\nfunction _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\ndefine([\"jquery\", \"knockout\", \"mage/translate\", \"Magento_PageBuilder/js/events\", \"Magento_Ui/js/modal/alert\", \"Magento_PageBuilder/js/config\", \"Magento_PageBuilder/js/content-type-factory\", \"Magento_PageBuilder/js/content-type-menu/option\", \"Magento_PageBuilder/js/content-type/column-group/grid-size\", \"Magento_PageBuilder/js/content-type/column-line/preview\", \"Magento_PageBuilder/js/content-type/preview-collection\", \"Magento_PageBuilder/js/content-type/column/resize\"], function (_jquery, _knockout, _translate, _events, _alert, _config, _contentTypeFactory, _option, _gridSize, _preview, _previewCollection, _resize) {\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n\n /**\n * @api\n */\n var Preview = /*#__PURE__*/function (_previewCollection2) {\n \"use strict\";\n\n _inheritsLoose(Preview, _previewCollection2);\n\n /**\n * Fields that should not be considered when evaluating whether an object has been configured.\n *\n * @see {Preview.isConfigured}\n * @type {[string]}\n */\n\n /**\n * @param {ContentTypeInterface} contentType\n * @param {ContentTypeConfigInterface} config\n * @param {ObservableUpdater} observableUpdater\n */\n function Preview(contentType, config, observableUpdater) {\n var _this;\n\n _this = _previewCollection2.call(this, contentType, config, observableUpdater) || this; // Update the width label for the column\n\n _this.resizing = _knockout.observable(false);\n _this.fieldsToIgnoreOnRemove = [\"width\"];\n\n _this.contentType.dataStore.subscribe(_this.updateColumnWidthClass.bind(_assertThisInitialized(_this)), \"width\");\n\n _this.contentType.dataStore.subscribe(_this.updateDisplayLabel.bind(_assertThisInitialized(_this)), \"width\");\n\n _this.contentType.dataStore.subscribe(_this.triggerChildren.bind(_assertThisInitialized(_this)), \"width\");\n\n _this.contentType.parentContentType.dataStore.subscribe(_this.updateDisplayLabel.bind(_assertThisInitialized(_this)), \"grid_size\"); // Update the column number for the column\n\n\n _this.contentType.parentContentType.children.subscribe(_this.updateDisplayLabel.bind(_assertThisInitialized(_this)));\n\n return _this;\n }\n /**\n * Get background image url base on the viewport.\n *\n * @returns {string}\n */\n\n\n var _proto = Preview.prototype;\n\n _proto.getBackgroundImage = function getBackgroundImage() {\n var mobileImage = this.contentType.dataStore.get(\"mobile_image\");\n var desktopImage = this.contentType.dataStore.get(\"background_image\");\n var backgroundImage = this.viewport() === \"mobile\" && mobileImage.length ? mobileImage : desktopImage;\n return backgroundImage.length ? \"url(\\\"\" + backgroundImage[0].url + \"\\\")\" : \"none\";\n }\n /**\n * Bind events\n */\n ;\n\n _proto.bindEvents = function bindEvents() {\n var _this2 = this;\n\n _previewCollection2.prototype.bindEvents.call(this);\n\n _events.on(\"column:moveAfter\", function (args) {\n if (args.contentType.id === _this2.contentType.id) {\n _this2.updateDisplayLabel();\n }\n\n _this2.resetRemoveOnLastColumn(args.targetParent);\n\n _this2.resetRemoveOnLastColumn(args.sourceParent);\n });\n\n _events.on(\"column:initializeAfter\", function (args) {\n _this2.resetRemoveOnLastColumn(args.columnLine);\n });\n\n _events.on(\"column:dropAfter\", function (args) {\n _this2.resetRemoveOnLastColumn(_this2.contentType.parentContentType);\n });\n\n _events.on(\"column:duplicateAfter\", function (args) {\n _this2.resetRemoveOnLastColumn(args.duplicateContentType.parentContentType);\n });\n\n _events.on(\"column:removeAfter\", function (args) {\n if (args.contentType.id === _this2.contentType.id) {\n _this2.resetRemoveOnLastColumn(args.parentContentType);\n }\n });\n }\n /**\n * Make a reference to the element in the column\n *\n * @param element\n */\n ;\n\n _proto.initColumn = function initColumn(element) {\n this.element = (0, _jquery)(element);\n this.updateColumnWidthClass();\n\n _events.trigger(\"column:initializeAfter\", {\n column: this.contentType,\n element: (0, _jquery)(element),\n columnLine: this.contentType.parentContentType,\n columnGroup: this.contentType.parentContentType.parentContentType\n });\n\n this.updateDisplayLabel();\n }\n /**\n * Return an array of options\n *\n * @returns {OptionsInterface}\n */\n ;\n\n _proto.retrieveOptions = function retrieveOptions() {\n var options = _previewCollection2.prototype.retrieveOptions.call(this);\n\n options.move = new _option({\n preview: this,\n icon: \"<i class='icon-admin-pagebuilder-handle'></i>\",\n title: (0, _translate)(\"Move\"),\n classes: [\"move-column\"],\n sort: 10\n });\n return options;\n }\n /**\n * Init the resize handle for the resizing functionality\n *\n * @param handle\n */\n ;\n\n _proto.bindResizeHandle = function bindResizeHandle(handle) {\n _events.trigger(\"column:resizeHandleBindAfter\", {\n column: this.contentType,\n handle: (0, _jquery)(handle),\n columnLine: this.contentType.parentContentType\n });\n }\n /**\n * Wrap the current column in a group if it not in a column-group\n *\n * @returns {Promise<ContentTypeCollectionInterface>}\n */\n ;\n\n _proto.createColumnGroup = function createColumnGroup() {\n var _this3 = this;\n\n if (this.contentType.parentContentType.config.name !== \"column-group\") {\n var index = this.contentType.parentContentType.children().indexOf(this.contentType); // Remove child instantly to stop content jumping around\n\n this.contentType.parentContentType.removeChild(this.contentType); // Create a new instance of column group to wrap our columns with\n\n var defaultGridSize = (0, _gridSize.getDefaultGridSize)();\n return (0, _contentTypeFactory)(_config.getContentTypeConfig(\"column-group\"), this.contentType.parentContentType, this.contentType.stageId, {\n grid_size: defaultGridSize\n }).then(function (columnGroup) {\n var col1Width = (Math.ceil(defaultGridSize / 2) * 100 / defaultGridSize).toFixed(Math.round(100 / defaultGridSize) !== 100 / defaultGridSize ? 8 : 0);\n return Promise.all([(0, _contentTypeFactory)(_this3.contentType.config, columnGroup, columnGroup.stageId, {\n width: col1Width + \"%\"\n }), (0, _contentTypeFactory)(_this3.contentType.config, columnGroup, columnGroup.stageId, {\n width: 100 - parseFloat(col1Width) + \"%\"\n })]).then(function (columns) {\n columnGroup.addChild(columns[0], 0);\n columnGroup.addChild(columns[1], 1);\n\n _this3.contentType.parentContentType.addChild(columnGroup, index);\n\n _this3.fireMountEvent(columnGroup, columns[0], columns[1]);\n\n return columnGroup;\n });\n });\n }\n }\n /**\n * Duplicate a child of the current instance\n *\n * @param {ContentTypeCollectionInterface<Preview>} contentType\n * @param {boolean} autoAppend\n * @returns {Promise<ContentTypeCollectionInterface> | void}\n */\n ;\n\n _proto.clone = function clone(contentType, autoAppend) {\n if (autoAppend === void 0) {\n autoAppend = true;\n }\n\n var resizeUtils = this.contentType.parentContentType.preview.getResizeUtils(); // Are we duplicating from a container content type?\n\n if (contentType.config.name !== \"column\" || this.contentType.parentContentType.children().length === 0 || this.contentType.parentContentType.children().length > 0 && resizeUtils.getColumnsWidth() < 100) {\n return _previewCollection2.prototype.clone.call(this, contentType, autoAppend);\n }\n\n var biggestShrinkableColumn = resizeUtils.findBiggerShrinkableColumn(contentType);\n\n if (biggestShrinkableColumn) {\n var shrinkableClone = _previewCollection2.prototype.clone.call(this, contentType, autoAppend);\n\n if (shrinkableClone) {\n var newShrinkableColumnWidth = resizeUtils.getColumnWidth(biggestShrinkableColumn) - resizeUtils.getColumnWidth(contentType);\n var duplicateColumnWidth = resizeUtils.getColumnWidth(contentType);\n shrinkableClone.then(function (duplicateContentType) {\n (0, _resize.updateColumnWidth)(biggestShrinkableColumn, resizeUtils.getAcceptedColumnWidth(newShrinkableColumnWidth.toString()));\n (0, _resize.updateColumnWidth)(duplicateContentType, duplicateColumnWidth);\n return duplicateContentType;\n });\n }\n\n return;\n } // Attempt to split the current column into parts\n\n\n var splitTimes = Math.round(resizeUtils.getColumnWidth(contentType) / resizeUtils.getSmallestColumnWidth());\n\n if (splitTimes > 1) {\n var splitClone = _previewCollection2.prototype.clone.call(this, contentType, autoAppend);\n\n if (splitClone) {\n splitClone.then(function (duplicateContentType) {\n /**\n * Distribute the width across the original & duplicated columns, if the we have an odd number of\n * split times apply it to the original.\n */\n var originalWidth = (Math.floor(splitTimes / 2) + splitTimes % 2) * resizeUtils.getSmallestColumnWidth();\n var duplicateWidth = Math.floor(splitTimes / 2) * resizeUtils.getSmallestColumnWidth();\n (0, _resize.updateColumnWidth)(contentType, resizeUtils.getAcceptedColumnWidth(originalWidth.toString()));\n (0, _resize.updateColumnWidth)(duplicateContentType, resizeUtils.getAcceptedColumnWidth(duplicateWidth.toString()));\n return duplicateContentType;\n });\n }\n } else {\n // Conduct an outward search on the children to locate a suitable shrinkable column\n var shrinkableColumn = resizeUtils.findShrinkableColumn(contentType);\n\n if (shrinkableColumn) {\n var _shrinkableClone = _previewCollection2.prototype.clone.call(this, contentType, autoAppend);\n\n if (_shrinkableClone) {\n _shrinkableClone.then(function (duplicateContentType) {\n (0, _resize.updateColumnWidth)(shrinkableColumn, resizeUtils.getAcceptedColumnWidth((resizeUtils.getColumnWidth(shrinkableColumn) - resizeUtils.getSmallestColumnWidth()).toString()));\n (0, _resize.updateColumnWidth)(duplicateContentType, resizeUtils.getSmallestColumnWidth());\n return duplicateContentType;\n });\n }\n } else {\n // If we aren't able to duplicate inform the user why\n (0, _alert)({\n content: (0, _translate)(\"There is no free space within the column group to perform this action.\"),\n title: (0, _translate)(\"Unable to duplicate column\")\n });\n }\n }\n }\n /**\n * Update the display label for the column\n */\n ;\n\n _proto.updateDisplayLabel = function updateDisplayLabel() {\n if (this.contentType.parentContentType.preview instanceof _preview) {\n var newWidth = parseFloat(this.contentType.dataStore.get(\"width\").toString());\n var grandParent = this.contentType.parentContentType.parentContentType;\n var columnGroupPreview = grandParent.preview;\n var gridSize = columnGroupPreview.gridSize();\n var newLabel = Math.round(newWidth / (100 / gridSize)) + \"/\" + gridSize;\n var columnIndex = this.contentType.parentContentType.children().indexOf(this.contentType);\n var columnNumber = columnIndex !== -1 ? columnIndex + 1 + \" \" : \"\";\n this.displayLabel((0, _translate)(\"Column\") + \" \" + columnNumber + \"(\" + newLabel + \")\");\n }\n }\n /**\n * Reset remove option on all columns within a column-group depending on the number of remaining child columns\n * @param parentContentType\n */\n ;\n\n _proto.resetRemoveOnLastColumn = function resetRemoveOnLastColumn(parentContentType) {\n if (!parentContentType) {\n // can happen if the column is moved within the same column group\n return;\n }\n\n if (parentContentType.config.name !== \"column-line\") {\n // for legacy content in preview mode before stage is initialized, the parent may not be a column line\n return;\n }\n\n var siblings = parentContentType.children();\n var siblingColumnLines = parentContentType.parentContentType.children();\n var totalColumnCount = 0;\n siblingColumnLines.forEach(function (columnLine) {\n var columns = columnLine.children();\n columns.forEach(function (column) {\n totalColumnCount++;\n });\n });\n var isRemoveDisabled = totalColumnCount <= 1;\n siblingColumnLines.forEach(function (columnLine) {\n var columns = columnLine.children();\n columns.forEach(function (column) {\n var removeOption = column.preview.getOptions().getOption(\"remove\");\n removeOption.isDisabled(isRemoveDisabled);\n });\n });\n }\n /**\n * Syncs the column-width-* class on the children-wrapper with the current width to the nearest tenth rounded up\n */\n ;\n\n _proto.updateColumnWidthClass = function updateColumnWidthClass() {\n // Only update once instantiated\n if (!this.element) {\n return;\n }\n\n var currentClass = this.element.attr(\"class\").match(/(?:^|\\s)(column-width-\\d{1,3})(?:$|\\s)/);\n\n if (currentClass !== null) {\n this.element.removeClass(currentClass[1]);\n }\n\n var roundedWidth = Math.ceil(parseFloat(this.contentType.dataStore.get(\"width\").toString()) / 10) * 10;\n this.element.addClass(\"column-width-\" + roundedWidth);\n }\n /**\n * Return selected element styles\n *\n * @param element\n * @param styleProperties\n */\n ;\n\n _proto.getStyle = function getStyle(element, styleProperties) {\n var stylesObject = element.style();\n return styleProperties.reduce(function (obj, key) {\n var _extends2;\n\n return _extends({}, obj, (_extends2 = {}, _extends2[key] = stylesObject[key], _extends2));\n }, {});\n }\n /**\n * Return element styles without selected\n *\n * @param element\n * @param styleProperties\n */\n ;\n\n _proto.getStyleWithout = function getStyleWithout(element, styleProperties) {\n var stylesObject = element.style();\n return Object.keys(stylesObject).filter(function (key) {\n return !styleProperties.includes(key);\n }).reduce(function (obj, key) {\n var _extends3;\n\n return _extends({}, obj, (_extends3 = {}, _extends3[key] = stylesObject[key], _extends3));\n }, {});\n }\n /**\n * Fire the mount event for content types\n *\n * @param {ContentTypeInterface[]} contentTypes\n */\n ;\n\n _proto.fireMountEvent = function fireMountEvent() {\n for (var _len = arguments.length, contentTypes = new Array(_len), _key = 0; _key < _len; _key++) {\n contentTypes[_key] = arguments[_key];\n }\n\n contentTypes.forEach(function (contentType) {\n _events.trigger(\"contentType:mountAfter\", {\n id: contentType.id,\n contentType: contentType\n });\n\n _events.trigger(contentType.config.name + \":mountAfter\", {\n id: contentType.id,\n contentType: contentType\n });\n });\n }\n /**\n * Delegate trigger call on children elements.\n */\n ;\n\n _proto.triggerChildren = function triggerChildren() {\n if (this.contentType.parentContentType.preview instanceof _preview) {\n var newWidth = parseFloat(this.contentType.dataStore.get(\"width\").toString());\n this.delegate(\"trigger\", \"columnWidthChangeAfter\", {\n width: newWidth\n });\n }\n };\n\n return Preview;\n }(_previewCollection);\n\n return Preview;\n});\n//# sourceMappingURL=preview.js.map","Magento_PageBuilder/js/content-type/column/converter/style/margins.js":"/*eslint-disable */\n/* jscs:disable */\ndefine([\"underscore\", \"Magento_PageBuilder/js/utils/object\"], function (_underscore, _object) {\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n var Margins = /*#__PURE__*/function () {\n \"use strict\";\n\n function Margins() {}\n\n var _proto = Margins.prototype;\n\n /**\n * Convert value to internal format\n *\n * @param value string\n * @returns {string | object}\n */\n _proto.fromDom = function fromDom(value) {\n if (undefined !== value.margin) {\n return {\n margin: {\n top: value.margin.top.replace(\"px\", \"\"),\n left: value.margin.left.replace(\"px\", \"\"),\n right: value.margin.right.replace(\"px\", \"\"),\n bottom: value.margin.bottom.replace(\"px\", \"\")\n }\n };\n }\n\n return {};\n }\n /**\n * Convert value to knockout format\n *\n * @param {string} name\n * @param {DataObject} data\n * @returns {string | object}\n */\n ;\n\n _proto.toDom = function toDom(name, data) {\n var result = {};\n var value = (0, _object.get)(data, name);\n\n if (value && _underscore.isString(value)) {\n value = JSON.parse(value);\n }\n\n if (value && undefined !== value.margin) {\n result.marginLeft = value.margin.left ? value.margin.left + \"px\" : \"\";\n result.marginTop = value.margin.top ? value.margin.top + \"px\" : \"\";\n result.marginRight = (value.margin.right && parseInt(value.margin.right, 10) !== 0 ? value.margin.right : 1) + \"px\";\n result.marginBottom = value.margin.bottom ? value.margin.bottom + \"px\" : \"\";\n }\n\n return result;\n };\n\n return Margins;\n }();\n\n return Margins;\n});\n//# sourceMappingURL=margins.js.map","Magento_PageBuilder/js/content-type/slider/preview.js":"/*eslint-disable */\n/* jscs:disable */\n\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return self; }\n\nfunction _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\ndefine([\"jquery\", \"knockout\", \"mage/translate\", \"Magento_PageBuilder/js/events\", \"slick\", \"underscore\", \"Magento_PageBuilder/js/binding/focus\", \"Magento_PageBuilder/js/config\", \"Magento_PageBuilder/js/content-type-factory\", \"Magento_PageBuilder/js/content-type-menu/hide-show-option\", \"Magento_PageBuilder/js/content-type-menu/option\", \"Magento_PageBuilder/js/utils/delay-until\", \"Magento_PageBuilder/js/utils/promise-deferred\", \"Magento_PageBuilder/js/content-type/preview-collection\"], function (_jquery, _knockout, _translate, _events, _slick, _underscore, _focus, _config, _contentTypeFactory, _hideShowOption, _option, _delayUntil, _promiseDeferred, _previewCollection) {\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n\n /**\n * @api\n */\n var Preview = /*#__PURE__*/function (_previewCollection2) {\n \"use strict\";\n\n _inheritsLoose(Preview, _previewCollection2);\n\n /**\n * Define keys which when changed should not trigger the slider to be rebuilt\n *\n * @type {string[]}\n */\n\n /**\n * @param {ContentTypeCollectionInterface} contentType\n * @param {ContentTypeConfigInterface} config\n * @param {ObservableUpdater} observableUpdater\n */\n function Preview(contentType, config, observableUpdater) {\n var _this;\n\n _this = _previewCollection2.call(this, contentType, config, observableUpdater) || this; // Wait for the tabs instance to mount and the container to be ready\n\n _this.focusedSlide = _knockout.observable();\n _this.activeSlide = _knockout.observable(0);\n _this.events = {\n columnWidthChangeAfter: \"onColumnResize\"\n };\n _this.ready = false;\n _this.mountAfterDeferred = (0, _promiseDeferred)();\n _this.afterChildrenRenderDeferred = (0, _promiseDeferred)();\n _this.buildSlickDebounce = _underscore.debounce(_this.buildSlick.bind(_assertThisInitialized(_this)), 10);\n _this.ignoredKeysForBuild = [\"display\", \"margins_and_padding\", \"border\", \"border_color\", \"border_radius\", \"border_width\", \"css_classes\", \"name\", \"text_align\"];\n Promise.all([_this.afterChildrenRenderDeferred.promise, _this.mountAfterDeferred.promise]).then(function (_ref) {\n var element = _ref[0],\n expectedChildren = _ref[1];\n // We always create 1 tab when dropping tabs into the instance\n expectedChildren = expectedChildren || 1; // Wait until all children's DOM elements are present before building the tabs instance\n\n (0, _delayUntil)(function () {\n _this.element = element;\n _this.childSubscribe = _this.contentType.children.subscribe(_this.buildSlickDebounce);\n _this.previousData = _this.contentType.dataStore.getState();\n\n _this.contentType.dataStore.subscribe(function (data) {\n if (_this.hasDataChanged(_this.previousData, data)) {\n _this.buildSlickDebounce();\n }\n\n _this.previousData = data;\n });\n\n _this.buildSlick(); // Redraw slide after content type gets redrawn\n\n\n _events.on(\"contentType:redrawAfter\", function (args) {\n var $element = (0, _jquery)(_this.element);\n\n if (args.element && _this.element && $element.closest(args.element).length) {\n $element.slick(\"setPosition\");\n }\n }); // Set the stage to interacting when a slide is focused\n\n\n _this.focusedSlideSubscriber = _this.focusedSlide.subscribe(function (value) {\n if (value !== null) {\n _events.trigger(\"stage:interactionStart\");\n } else {\n _events.trigger(\"stage:interactionStop\");\n }\n });\n\n _events.on(\"stage:\" + _this.contentType.stageId + \":fullScreenModeChangeAfter\", _this.onColumnResize.bind(_assertThisInitialized(_this), [true]));\n\n _events.on(\"stage:\" + _this.contentType.stageId + \":viewportChangeAfter\", function () {\n if (_this.element) {\n (0, _jquery)(_this.element).slick(\"setPosition\");\n\n _this.checkWidth();\n }\n });\n }, function () {\n return (0, _jquery)(element).find(\".pagebuilder-slide\").length === expectedChildren;\n });\n });\n return _this;\n }\n /**\n * Return an array of options\n *\n * @returns {OptionsInterface}\n */\n\n\n var _proto = Preview.prototype;\n\n _proto.retrieveOptions = function retrieveOptions() {\n var options = _previewCollection2.prototype.retrieveOptions.call(this);\n\n options.add = new _option({\n preview: this,\n icon: \"<i class='icon-pagebuilder-add'></i>\",\n title: (0, _translate)(\"Add\"),\n action: this.addSlide,\n classes: [\"add-child\"],\n sort: 10\n });\n options.hideShow = new _hideShowOption({\n preview: this,\n icon: _hideShowOption.showIcon,\n title: _hideShowOption.showText,\n action: this.onOptionVisibilityToggle,\n classes: [\"hide-show-content-type\"],\n sort: 40\n });\n return options;\n }\n /**\n * Set an active slide for navigation dot\n *\n * @param slideIndex\n */\n ;\n\n _proto.setActiveSlide = function setActiveSlide(slideIndex) {\n this.activeSlide(slideIndex);\n }\n /**\n * Set the focused slide\n *\n * @param {number} slideIndex\n * @param {boolean} force\n */\n ;\n\n _proto.setFocusedSlide = function setFocusedSlide(slideIndex, force) {\n if (force === void 0) {\n force = false;\n }\n\n if (force) {\n this.focusedSlide(null);\n }\n\n this.focusedSlide(slideIndex);\n }\n /**\n * Unset focused slide on focusout event.\n *\n * @param {PreviewCollection} data\n * @param {JQueryEventObject} event\n */\n ;\n\n _proto.onFocusOut = function onFocusOut(data, event) {\n var relatedTarget = event.relatedTarget;\n\n if (!relatedTarget && document.activeElement && !(document.activeElement instanceof HTMLBodyElement)) {\n relatedTarget = document.activeElement;\n }\n\n if (!relatedTarget) {\n this.setFocusedSlide(null);\n return;\n }\n\n var $relatedTarget = (0, _jquery)(relatedTarget);\n var isRelatedTargetDescendantOfNavigation = $relatedTarget.closest(this.navigationElement).length;\n var isFocusedOnAnotherSlideInThisSlider = $relatedTarget.hasClass(\"navigation-dot-anchor\") && isRelatedTargetDescendantOfNavigation;\n\n if (isFocusedOnAnotherSlideInThisSlider) {\n _events.trigger(\"stage:interactionStop\");\n } else if (!isRelatedTargetDescendantOfNavigation) {\n this.setFocusedSlide(null);\n }\n }\n /**\n * Set reference to navigation element in template\n *\n * @param {HTMLElement} navigationElement\n */\n ;\n\n _proto.afterNavigationRender = function afterNavigationRender(navigationElement) {\n this.navigationElement = navigationElement;\n }\n /**\n * Navigate to a slide\n *\n * @param {number} slideIndex\n * @param {boolean} dontAnimate\n * @param {boolean} force\n */\n ;\n\n _proto.navigateToSlide = function navigateToSlide(slideIndex, dontAnimate, force) {\n if (dontAnimate === void 0) {\n dontAnimate = false;\n }\n\n if (force === void 0) {\n force = false;\n }\n\n if ((0, _jquery)(this.element).hasClass(\"slick-initialized\")) {\n (0, _jquery)(this.element).slick(\"slickGoTo\", slideIndex, dontAnimate);\n this.setActiveSlide(slideIndex);\n this.setFocusedSlide(slideIndex, force);\n }\n }\n /**\n * After child render record element\n *\n * @param {HTMLElement} element\n */\n ;\n\n _proto.afterChildrenRender = function afterChildrenRender(element) {\n this.element = element; // if slider has been re-rendered previously on this element, re-build\n\n if (this.ready) {\n this.buildSlick();\n }\n\n _previewCollection2.prototype.afterChildrenRender.call(this, element);\n\n this.afterChildrenRenderDeferred.resolve(element);\n }\n /**\n * On sort start force the container height, also focus to that slide\n *\n * @param {Event} event\n * @param {JQueryUI.SortableUIParams} params\n */\n ;\n\n _proto.onSortStart = function onSortStart(event, params) {\n this.forceContainerHeight();\n\n if (this.activeSlide() !== params.item.index() || this.focusedSlide() !== params.item.index()) {\n this.navigateToSlide(params.item.index(), false, true); // As we've completed a navigation request we need to ensure we don't remove the forced height\n\n this.contentTypeHeightReset = true;\n }\n }\n /**\n * On sort stop ensure the focused slide and the active slide are in sync, as the focus can be lost in this\n * operation\n */\n ;\n\n _proto.onSortStop = function onSortStop(event, params) {\n var _this2 = this;\n\n if (this.activeSlide() !== this.focusedSlide()) {\n this.setFocusedSlide(this.activeSlide(), true);\n }\n\n if (params.item.index() !== -1) {\n _underscore.defer(this.focusElement.bind(this, event, params.item.index()));\n }\n\n _underscore.defer(function () {\n (0, _jquery)(_this2.element).css({\n height: \"\",\n overflow: \"\"\n });\n });\n }\n /**\n * Add a slide into the slider\n */\n ;\n\n _proto.addSlide = function addSlide() {\n var _this3 = this;\n\n (0, _contentTypeFactory)(_config.getConfig(\"content_types\").slide, this.contentType, this.contentType.stageId).then(function (slide) {\n _events.on(\"slide:mountAfter\", function (args) {\n if (args.id === slide.id) {\n _underscore.defer(function () {\n // Wait until slick is initialized before trying to navigate\n (0, _delayUntil)(function () {\n return _this3.navigateToSlide(_this3.contentType.children().length - 1);\n }, function () {\n return (0, _jquery)(_this3.element).hasClass(\"slick-initialized\");\n }, 10);\n });\n\n _events.off(\"slide:\" + slide.id + \":mountAfter\");\n }\n }, \"slide:\" + slide.id + \":mountAfter\");\n\n _this3.contentType.addChild(slide, _this3.contentType.children().length);\n });\n }\n /**\n * Slider can not receive drops by default\n *\n * @returns {boolean}\n */\n ;\n\n _proto.isContainer = function isContainer() {\n return false;\n }\n /**\n * Slider navigation click handler.\n *\n * @param {number} index\n * @param {Preview} context\n * @param {Event} event\n */\n ;\n\n _proto.onControlClick = function onControlClick(index, context, event) {\n (0, _jquery)(event.target).focus();\n this.navigateToSlide(index);\n this.setFocusedSlide(index);\n }\n /**\n * @inheritdoc\n */\n ;\n\n _proto.destroy = function destroy() {\n _previewCollection2.prototype.destroy.call(this);\n\n if (this.focusedSlideSubscriber) {\n this.focusedSlideSubscriber.dispose();\n }\n }\n /**\n * Bind events\n */\n ;\n\n _proto.bindEvents = function bindEvents() {\n var _this4 = this;\n\n _previewCollection2.prototype.bindEvents.call(this);\n\n _events.on(\"slider:mountAfter\", function (args) {\n if (args.id === _this4.contentType.id) {\n if (args.expectChildren !== undefined) {\n _this4.mountAfterDeferred.resolve(args.expectChildren);\n }\n }\n }); // Set the active slide to the new position of the sorted slide\n\n\n _events.on(\"childContentType:sortUpdate\", function (args) {\n if (args.instance.id === _this4.contentType.id) {\n (0, _jquery)(args.ui.item).remove(); // Remove the item as the container's children is controlled by knockout\n\n _this4.setActiveSlide(args.newPosition);\n\n _underscore.defer(_this4.focusElement.bind(_this4, args.event, args.newPosition));\n }\n }); // When a slide content type is removed\n // we need to force update the content of the slider due to KO rendering issues\n\n\n var newItemIndex;\n\n _events.on(\"slide:removeAfter\", function (args) {\n if (args.parentContentType && args.parentContentType.id === _this4.contentType.id) {\n // Mark the previous slide as active\n newItemIndex = args.index - 1 >= 0 ? args.index - 1 : 0;\n\n _this4.forceContainerHeight();\n\n var data = _this4.contentType.children().slice(0);\n\n _this4.contentType.children([]);\n\n _this4.contentType.children(data);\n\n _underscore.defer(function () {\n _this4.buildSlick();\n });\n }\n });\n\n _events.on(\"slide:renderAfter\", function (args) {\n var itemIndex = args.contentType.parentContentType.getChildren()().indexOf(args.contentType);\n\n if (args.contentType.parentContentType.id === _this4.contentType.id && newItemIndex !== null && newItemIndex === itemIndex) {\n _underscore.defer(function () {\n if (newItemIndex !== null) {\n newItemIndex = null;\n\n _this4.navigateToSlide(itemIndex, true, true);\n\n _underscore.defer(function () {\n _this4.focusedSlide(null);\n\n _this4.focusedSlide(itemIndex);\n });\n }\n });\n }\n }); // On a slide content types creation we need to lock the height of the slider to ensure a smooth transition\n\n\n _events.on(\"slide:createAfter\", function (args) {\n if (_this4.element && _this4.ready && args.contentType.parentContentType.id === _this4.contentType.id) {\n _this4.forceContainerHeight();\n\n _underscore.defer(function () {\n (0, _jquery)(_this4.element).css({\n height: \"\",\n overflow: \"\"\n });\n });\n }\n }); // ContentType being mounted onto container\n\n\n _events.on(\"slider:dropAfter\", function (args) {\n if (args.id === _this4.contentType.id && _this4.contentType.children().length === 0) {\n _this4.addSlide();\n }\n }); // Capture when a content type is duplicated within the container\n\n\n var duplicatedSlide;\n var duplicatedSlideIndex;\n\n _events.on(\"slide:duplicateAfter\", function (args) {\n if (args.duplicateContentType.parentContentType.id === _this4.contentType.id && args.direct) {\n duplicatedSlide = args.duplicateContentType;\n duplicatedSlideIndex = args.index;\n }\n });\n\n _events.on(\"slide:mountAfter\", function (args) {\n if (duplicatedSlide && args.id === duplicatedSlide.id) {\n _underscore.defer(function () {\n // Mark the new duplicate slide as active\n _this4.navigateToSlide(duplicatedSlideIndex, true, true);\n\n duplicatedSlide = duplicatedSlideIndex = null;\n });\n }\n });\n }\n /**\n * Determine if the data has changed, whilst ignoring certain keys which don't require a rebuild\n *\n * @param {DataObject} previousData\n * @param {DataObject} newData\n * @returns {boolean}\n */\n ;\n\n _proto.hasDataChanged = function hasDataChanged(previousData, newData) {\n previousData = _underscore.omit(previousData, this.ignoredKeysForBuild);\n newData = _underscore.omit(newData, this.ignoredKeysForBuild);\n return !_underscore.isEqual(previousData, newData);\n }\n /**\n * Build our instance of slick\n */\n ;\n\n _proto.buildSlick = function buildSlick() {\n var _this5 = this;\n\n if (this.element && this.element.children.length > 0) {\n try {\n (0, _jquery)(this.element).slick(\"unslick\");\n } catch (e) {// We aren't concerned if this fails, slick throws an Exception when we cannot unslick\n } // Dispose current subscription in order to prevent infinite loop\n\n\n if (this.childSubscribe) {\n this.childSubscribe.dispose();\n } // Force an update on all children, ko tries to intelligently re-render but fails\n\n\n var data = this.contentType.children().slice(0);\n this.contentType.children([]);\n (0, _jquery)(this.element).empty();\n this.contentType.children(data); // Re-subscribe original event\n\n this.childSubscribe = this.contentType.children.subscribe(this.buildSlickDebounce); // Bind our init event for slick\n\n (0, _jquery)(this.element).on(\"init\", function () {\n _this5.ready = true;\n }); // Build slick\n\n (0, _jquery)(this.element).slick(Object.assign({\n initialSlide: this.activeSlide() || 0\n }, this.buildSlickConfig())); // Update our KO pointer to the active slide on change\n\n (0, _jquery)(this.element).on(\"beforeChange\", function (event, slick, currentSlide, nextSlide) {\n (0, _jquery)(_this5.element).css(\"pointer-events\", \"none\");\n\n _this5.setActiveSlide(nextSlide);\n }).on(\"afterChange\", function () {\n if (!_this5.contentTypeHeightReset) {\n (0, _jquery)(_this5.element).css({\n height: \"\",\n overflow: \"\"\n });\n _this5.contentTypeHeightReset = null;\n }\n\n (0, _jquery)(_this5.element).css(\"pointer-events\", \"\");\n });\n }\n }\n /**\n * Take dropped element on focus.\n *\n * @param {JQueryEventObject} event\n * @param {number} index\n */\n ;\n\n _proto.focusElement = function focusElement(event, index) {\n var handleClassName = (0, _jquery)(event.target).data(\"ui-sortable\").options.handle;\n (0, _jquery)((0, _jquery)(event.target).find(handleClassName)[index]).focus();\n }\n /**\n * To ensure smooth animations we need to lock the container height\n */\n ;\n\n _proto.forceContainerHeight = function forceContainerHeight() {\n (0, _jquery)(this.element).css({\n height: (0, _jquery)(this.element).outerHeight(),\n overflow: \"hidden\"\n });\n }\n /**\n * Build the slick config object\n *\n * @returns {{autoplay: boolean; autoplaySpeed: (any | number);\n * fade: boolean; infinite: boolean; arrows: boolean; dots: boolean}}\n */\n ;\n\n _proto.buildSlickConfig = function buildSlickConfig() {\n var data = this.contentType.dataStore.getState();\n return {\n arrows: data.show_arrows === \"true\",\n autoplay: data.autoplay === \"true\",\n autoplaySpeed: data.autoplay_speed,\n dots: false,\n // We have our own dots implemented\n fade: data.fade === \"true\",\n infinite: data.is_infinite === \"true\",\n waitForAnimate: false,\n swipe: false\n };\n }\n /**\n * Fit slider in column container\n *\n * @param params\n */\n ;\n\n _proto.onColumnResize = function onColumnResize(params) {\n var _this6 = this;\n\n setTimeout(function () {\n if (_this6.element) {\n (0, _jquery)(_this6.element).slick(\"setPosition\");\n\n _this6.checkWidth();\n }\n }, 450);\n }\n /**\n * Check width and add class that marks element as small\n */\n ;\n\n _proto.checkWidth = function checkWidth() {\n if (this.element.offsetWidth < 410) {\n this.element.classList.add(\"slider-small-width\");\n } else {\n this.element.classList.remove(\"slider-small-width\");\n }\n };\n\n return Preview;\n }(_previewCollection);\n\n return Preview;\n});\n//# sourceMappingURL=preview.js.map","Magento_PageBuilder/js/content-type/slider/appearance/default/widget.js":"/**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n\ndefine([\n 'jquery',\n 'Magento_PageBuilder/js/events',\n 'slick'\n], function ($, events) {\n 'use strict';\n\n return function (config, sliderElement) {\n var $element = $(sliderElement);\n\n /**\n * Prevent each slick slider from being initialized more than once which could throw an error.\n */\n if ($element.hasClass('slick-initialized')) {\n $element.slick('unslick');\n }\n\n $element.slick({\n autoplay: $element.data('autoplay'),\n autoplaySpeed: $element.data('autoplay-speed') || 0,\n fade: $element.data('fade'),\n infinite: $element.data('infinite-loop'),\n arrows: $element.data('show-arrows'),\n dots: $element.data('show-dots')\n });\n\n // Redraw slide after content type gets redrawn\n events.on('contentType:redrawAfter', function (args) {\n if ($element.closest(args.element).length) {\n $element.slick('setPosition');\n }\n });\n // eslint-disable-next-line jquery-no-bind-unbind\n events.on('stage:viewportChangeAfter', $element.slick.bind($element, 'setPosition'));\n };\n});\n","Magento_PageBuilder/js/master-format/render.js":"/*eslint-disable */\n/* jscs:disable */\ndefine([\"jquery\", \"Magento_PageBuilder/js/config\", \"Magento_PageBuilder/js/master-format/render/serialize\"], function (_jquery, _config, _serialize) {\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n var MasterFormatRenderer = /*#__PURE__*/function () {\n \"use strict\";\n\n /**\n * @param stageId\n */\n function MasterFormatRenderer(stageId) {\n this.ready = false;\n this.readyDeferred = _jquery.Deferred();\n this.stageId = stageId;\n }\n /**\n * Render the root container into a string utilising our sandboxed iframe\n *\n * @param {ContentTypeCollection} rootContainer\n * @returns {Promise<string>}\n */\n\n\n var _proto = MasterFormatRenderer.prototype;\n\n _proto.applyBindings = function applyBindings(rootContainer) {\n var _this = this;\n\n return new Promise(function (resolve, reject) {\n if (!_this.getRenderFrame()) {\n // If the stage exists we should also have a frame\n if (document.getElementById(_this.stageId)) {\n return reject(\"No render frame present for Page Builder instance.\");\n } // Otherwise the instance of Page Builder has been removed from the DOM and this is an old instance.\n\n\n return reject();\n }\n\n if (_this.ready) {\n _this.channel.port1.postMessage({\n type: \"render\",\n message: {\n stageId: _this.stageId,\n tree: (0, _serialize.getSerializedTree)(rootContainer)\n }\n });\n\n _this.channel.port1.onmessage = function (event) {\n if (event.isTrusted) {\n if (event.data.type === \"render\") {\n resolve(event.data.message);\n }\n\n if (event.data.type === \"template\") {\n _this.loadTemplate(event.data.message);\n }\n } else {\n reject(\"Render event was not trusted.\");\n }\n };\n } else {\n _this.readyDeferred.then(function () {\n _this.applyBindings(rootContainer).then(function (rendered) {\n resolve(rendered);\n }).catch(function (error) {\n reject(error);\n });\n });\n }\n });\n }\n /**\n * Create a channel to communicate with our sandboxed iframe. Firstly add a listener to the current window and then\n * set the src of the iframe. Listening for a specific message event with a predefined term and then hand over the\n * MessageChannel port to allow communication between the main window and iframe.\n */\n ;\n\n _proto.setupChannel = function setupChannel() {\n var _this2 = this;\n\n this.channel = new MessageChannel();\n var frame = this.getRenderFrame();\n window.addEventListener(\"message\", function (event) {\n if (!_this2.ready && event.data.name === \"PB_RENDER_READY\" && _this2.stageId === event.data.stageId) {\n frame.contentWindow.postMessage(\"PB_RENDER_PORT\", \"*\", [_this2.channel.port2]);\n _this2.ready = true;\n\n _this2.readyDeferred.resolve();\n }\n });\n frame.src = _config.getConfig(\"render_url\") + \"?stageId=\" + this.stageId;\n }\n /**\n * Use the text! RequireJS plugin to load a template and send it back to the child render iframe\n *\n * @param name\n */\n ;\n\n _proto.loadTemplate = function loadTemplate(name) {\n var _this3 = this;\n\n require([\"text!\" + name], function (template) {\n _this3.channel.port1.postMessage({\n type: \"template\",\n message: {\n name: name,\n template: template\n }\n });\n });\n }\n /**\n * Retrieve the render frame\n *\n * @returns {HTMLIFrameElement}\n */\n ;\n\n _proto.getRenderFrame = function getRenderFrame() {\n return document.getElementById(\"render_frame_\" + this.stageId);\n };\n\n return MasterFormatRenderer;\n }();\n\n return MasterFormatRenderer;\n});\n//# sourceMappingURL=render.js.map","Magento_PageBuilder/js/master-format/filter-html.js":"/*eslint-disable */\n/* jscs:disable */\ndefine([\"jquery\"], function (_jquery) {\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n\n /**\n * Filter the HTML output to only include necessary attributes & nodes\n *\n * @param {JQuery} element\n * @returns {JQuery}\n */\n function filterHtml(element) {\n var isWhiteSpaceOrComment = function isWhiteSpaceOrComment() {\n return this.nodeType === Node.COMMENT_NODE || this.nodeType === Node.TEXT_NODE && this.data.match(/^\\s+$/);\n };\n\n element.find(\"[data-bind]\").each(function (index, value) {\n (0, _jquery)(value).removeAttr(\"data-bind\");\n });\n element.contents().filter(isWhiteSpaceOrComment).remove();\n element.find(\"*\").filter(function (index, descendentEl) {\n // filter out elements that are iframes or have .bypass-html-filter ancestor\n var isIframe = descendentEl.tagName === \"IFRAME\";\n var isBeingBypassedByThisFilter = !!(0, _jquery)(descendentEl).closest(\".bypass-html-filter\").length;\n return !isIframe && !isBeingBypassedByThisFilter;\n }).each(function (index, descendentEl) {\n (0, _jquery)(descendentEl).contents().filter(isWhiteSpaceOrComment).remove();\n });\n element.find(\"[data-wrapper]\").each(function (index, value) {\n (0, _jquery)(value).parent().append((0, _jquery)(value).children());\n (0, _jquery)(value).remove();\n });\n element.find(\".bypass-html-filter\").each(function (index, value) {\n (0, _jquery)(value).removeClass(\"bypass-html-filter\").filter('[class=\"\"]').removeAttr(\"class\");\n });\n return element;\n }\n\n return filterHtml;\n});\n//# sourceMappingURL=filter-html.js.map","Magento_PageBuilder/js/master-format/validator.js":"/*eslint-disable */\n/* jscs:disable */\ndefine([\"Magento_PageBuilder/js/config\"], function (_config) {\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n\n /**\n * Validate if content has page builder format by checking for any data-content-type attributes\n *\n * @param {string} content\n * @returns {boolean}\n */\n function validate(content) {\n var stageDocument = new DOMParser().parseFromString(content, \"text/html\");\n return !!stageDocument.querySelector(\"[\" + _config.getConfig(\"dataContentTypeAttributeName\") + \"]\");\n }\n\n return validate;\n});\n//# sourceMappingURL=validator.js.map","Magento_PageBuilder/js/master-format/read-interface.js":"/*eslint-disable */\n/* jscs:disable */\ndefine([], function () {\n \"use strict\";\n});\n//# sourceMappingURL=read-interface.js.map","Magento_PageBuilder/js/master-format/render/frame.js":"/*eslint-disable */\n/* jscs:disable */\ndefine([\"csso\", \"jquery\", \"knockout\", \"Magento_Ui/js/lib/knockout/template/engine\", \"mageUtils\", \"underscore\", \"Magento_PageBuilder/js/binding/master-style\", \"Magento_PageBuilder/js/config\", \"Magento_PageBuilder/js/content-type-factory\", \"Magento_PageBuilder/js/content-type/style-registry\", \"Magento_PageBuilder/js/utils/directives\", \"Magento_PageBuilder/js/master-format/filter-html\"], function (_csso, _jquery, _knockout, _engine, _mageUtils, _underscore, _masterStyle, _config, _contentTypeFactory, _styleRegistry, _directives, _filterHtml) {\n function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== \"function\") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }\n\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n var port = null;\n\n var portDeferred = _jquery.Deferred();\n\n var deferredTemplates = {};\n var lastRenderId;\n /**\n * Debounce the render call, so we don't render until the final request\n */\n\n var debounceRender = _underscore.debounce(function (message, renderId) {\n render(message, renderId).then(function (output) {\n // Only post the most recent render back to the parent\n if (lastRenderId === renderId) {\n port.postMessage({\n type: \"render\",\n message: output\n });\n }\n });\n }, 50);\n /**\n * Listen for requests from the parent window for a render\n */\n\n\n function listen(config) {\n var stageId = window.location.href.split(\"?\")[1].split(\"=\")[1];\n\n _config.setConfig(config);\n\n _config.setMode(\"Master\"); // Override assign with extend to prevent deep object overriding.\n\n\n Object.assign = _mageUtils.extend;\n /**\n * Create a listener within our iframe so we can observe messages from the parent, once we receive a port on the\n * MessageChannel we utilise that for all communication.\n */\n\n window.addEventListener(\"message\", function (event) {\n if (event.ports && event.ports.length) {\n port = event.ports[0];\n portDeferred.resolve(port);\n\n port.onmessage = function (messageEvent) {\n if (messageEvent.data.type === \"render\") {\n var renderId = _mageUtils.uniqueid();\n\n lastRenderId = renderId;\n debounceRender(messageEvent.data.message, renderId);\n }\n\n if (messageEvent.data.type === \"template\") {\n var message = messageEvent.data.message;\n\n if (message.name in deferredTemplates) {\n deferredTemplates[message.name].resolve(message.template);\n delete deferredTemplates[message.name];\n }\n }\n };\n }\n }, false); // Inform the parent iframe that we're ready to receive the port\n\n window.parent.postMessage({\n name: \"PB_RENDER_READY\",\n stageId: stageId\n }, \"*\");\n }\n /**\n * Use our MessageChannel to load a template from the parent window, this is required as the iframe isn't allowed to\n * make same origin XHR requests.\n *\n * @param name\n */\n\n\n function loadTemplate(name) {\n return new Promise(function (resolve) {\n if (!(name in deferredTemplates)) {\n deferredTemplates[name] = _jquery.Deferred();\n }\n\n deferredTemplates[name].then(function (template) {\n resolve(template);\n });\n\n if (port) {\n port.postMessage({\n type: \"template\",\n message: name\n });\n } else {\n portDeferred.then(function (messagePort) {\n messagePort.postMessage({\n type: \"template\",\n message: name\n });\n });\n }\n });\n }\n /**\n * Assert if the render has finished\n */\n\n\n var assertRenderFinished = _underscore.debounce(function (element, expectedCount, callback) {\n if (element.querySelectorAll(\"[data-content-type]\").length === expectedCount) {\n callback();\n }\n }, 50);\n /**\n * Iterate over the root container and count all content types\n *\n * @param rootContainer\n * @param count\n */\n\n\n function countContentTypes(rootContainer, count) {\n count = count || 0;\n rootContainer.getChildren()().forEach(function (child) {\n ++count;\n\n if (typeof child.getChildren !== \"undefined\" && child.getChildren()().length > 0) {\n count = countContentTypes(child, count);\n }\n });\n return count;\n }\n /**\n * Perform a render of the provided data\n *\n * @param message\n * @param renderId\n */\n\n\n function render(message, renderId) {\n var styleRegistries = {};\n\n _underscore.each(_config.getConfig(\"viewports\"), function (viewport, name) {\n styleRegistries[name] = new _styleRegistry(name + renderId);\n });\n\n return new Promise(function (resolve, reject) {\n createRenderTree(message.stageId, message.tree).then(function (rootContainer) {\n var element = document.createElement(\"div\");\n /**\n * Setup an event on the element to observe changes and count the expected amount of content types are\n * present within the content.\n */\n\n var renderFinished = _jquery.Deferred();\n\n var observer = new MutationObserver(function () {\n assertRenderFinished(element, countContentTypes(rootContainer), renderFinished.resolve);\n });\n observer.observe(element, {\n attributes: true,\n childList: true,\n subtree: true\n }); // Combine this event with our engine waitForRenderFinish to ensure rendering is completed\n\n _jquery.when(_engine.waitForFinishRender(), renderFinished).then(function () {\n observer.disconnect();\n\n _knockout.cleanNode(element);\n\n var styles = generateMasterCssForViewports(styleRegistries);\n\n if (styles) {\n (0, _jquery)(element).append((0, _jquery)(\"<style/>\").html(styles));\n }\n\n _underscore.each(styleRegistries, function (value, name) {\n return (0, _styleRegistry.deleteStyleRegistry)(name + renderId);\n });\n\n var filtered = (0, _filterHtml)((0, _jquery)(element));\n var output = (0, _directives.replaceWithSrc)((0, _directives)(filtered.html()));\n resolve(output);\n });\n\n _knockout.applyBindingsToNode(element, {\n template: {\n data: rootContainer.content,\n name: rootContainer.content.template\n }\n }, {\n id: renderId\n });\n }).catch(function (error) {\n reject(error);\n });\n });\n }\n /**\n * Rebuild the content type tree using their original data and configuration\n *\n * @param stageId\n * @param tree\n * @param parent\n */\n\n\n function createRenderTree(stageId, tree, parent) {\n if (parent === void 0) {\n parent = null;\n }\n\n return new Promise(function (resolve, reject) {\n (0, _contentTypeFactory)(_config.getContentTypeConfig(tree.name), parent, stageId, tree.data, parent !== null ? tree.children.length : 0, tree.viewportsData).then(function (contentType) {\n // Ensure we retain the original tree ID's\n contentType.id = tree.id;\n\n if (tree.children.length > 0) {\n var childPromises = [];\n tree.children.forEach(function (child) {\n childPromises.push(createRenderTree(stageId, child, contentType));\n });\n Promise.all(childPromises).then(function (children) {\n children.forEach(function (child) {\n contentType.addChild(child);\n });\n resolve(contentType);\n });\n } else {\n resolve(contentType);\n }\n }).catch(function (error) {\n reject(error);\n });\n });\n }\n /**\n * Generate the master format CSS\n *\n * @param registry\n */\n\n\n function generateMasterCss(registry) {\n var scopes = Object.keys(registry.getAllStyles()).map(function (selector) {\n return [selector];\n });\n return _csso.minify((0, _styleRegistry.generateCss)(registry.getAllStyles()), {\n usage: {\n scopes: scopes\n }\n }).css;\n }\n\n function generateMasterCssForViewports(registries) {\n var result = \"\";\n\n _underscore.each(registries, function (registry, name) {\n var css = generateMasterCss(registry);\n\n var media = _config.getConfig(\"viewports\")[name].media;\n\n if (media && css) {\n result += \"@media \" + media + \" { \" + css + \" }\";\n } else {\n result += css;\n }\n });\n\n return result;\n }\n\n return Object.assign(listen, {\n loadTemplate: loadTemplate\n });\n});\n//# sourceMappingURL=frame.js.map","Magento_PageBuilder/js/master-format/render/events.js":"/*eslint-disable */\n/* jscs:disable */\ndefine([], function () {\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n\n /**\n * The frame does not need to create or observe events, however the app will naturally attempt to. So let's stop that!\n */\n var _default = {\n on: function on() {\n return this;\n },\n off: function off() {\n return this;\n },\n trigger: function trigger() {\n return this;\n }\n };\n return _default;\n});\n//# sourceMappingURL=events.js.map","Magento_PageBuilder/js/master-format/render/serialize.js":"/*eslint-disable */\n/* jscs:disable */\ndefine([\"Magento_PageBuilder/js/config\", \"Magento_PageBuilder/js/content-type-collection\"], function (_config, _contentTypeCollection) {\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n\n /**\n * Serialize the tree as a simplified object for rendering\n *\n * @param contentType\n */\n function buildTree(contentType) {\n var data = getData(contentType);\n var viewportsData = getViewportsData(contentType);\n var tree = {\n name: contentType.config.name,\n id: contentType.id,\n data: data,\n children: [],\n viewportsData: viewportsData\n };\n\n if (contentType instanceof _contentTypeCollection && contentType.getChildren()().length > 0) {\n contentType.getChildren()().forEach(function (child) {\n tree.children.push(buildTree(child));\n });\n }\n\n return tree;\n }\n /**\n * Get a serialized version of the tree\n *\n * @param contentType\n */\n\n\n function getSerializedTree(contentType) {\n return buildTree(contentType);\n }\n /**\n * Retrieve the master data from the content types instance\n *\n * @param contentType\n */\n\n\n function getData(contentType) {\n /**\n * Flip flop to JSON and back again to ensure all data is serializable. Magento by default adds functions into\n * some basic types which cannot be serialized when calling PostMessage.\n */\n return JSON.parse(JSON.stringify(contentType.dataStores[_config.getConfig(\"defaultViewport\")].getState())) || {};\n }\n /**\n * Retrieve the master data from the content types instance\n *\n * @param contentType\n */\n\n\n function getViewportsData(contentType) {\n /**\n * Flip flop to JSON and back again to ensure all data is serializable. Magento by default adds functions into\n * some basic types which cannot be serialized when calling PostMessage.\n */\n var result = {};\n Object.keys(contentType.dataStores).forEach(function (name) {\n result[name] = JSON.parse(JSON.stringify(contentType.dataStores[name].getState())) || {};\n });\n return result;\n }\n\n return {\n buildTree: buildTree,\n getSerializedTree: getSerializedTree\n };\n});\n//# sourceMappingURL=serialize.js.map","Magento_PageBuilder/js/master-format/render/requirejs/text.js":"/*eslint-disable */\n/* jscs:disable */\ndefine([\"mage/requirejs/text\", \"Magento_PageBuilder/js/master-format/render/frame\"], function (_text, _frame) {\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n\n /**\n * Within our render frame we override the RequireJS text! plugin, this is originally implemented within\n * lib/web/mage/requirejs/text.js. The override uses the MessageChannel to communicate with the parent frame to\n * retrieve any requested HTML knockout template. We do this due to the sandbox restrictions on the iframe disallow\n * XHR requests to the same origin domain.\n */\n\n /**\n * Load a template\n *\n * @param name\n * @param req\n * @param onLoad\n */\n function load(name, req, onLoad) {\n (0, _frame.loadTemplate)(name).then(function (template) {\n onLoad(template);\n }).catch(function (error) {\n onLoad.error(error);\n });\n }\n /**\n * Retrieve a template\n *\n * @param url\n * @param callback\n * @param fail\n * @param headers\n */\n\n\n function get(url, callback, fail, headers) {\n _text.get.apply(_text, arguments);\n }\n\n return {\n load: load,\n get: get\n };\n});\n//# sourceMappingURL=text.js.map","Magento_PageBuilder/js/master-format/read/configurable.js":"/*eslint-disable */\n/* jscs:disable */\n\nfunction _createForOfIteratorHelperLoose(o, allowArrayLike) { var it = typeof Symbol !== \"undefined\" && o[Symbol.iterator] || o[\"@@iterator\"]; if (it) return (it = it.call(o)).next.bind(it); if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === \"number\") { if (it) o = it; var i = 0; return function () { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }; } throw new TypeError(\"Invalid attempt to iterate non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\n\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(o); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\n\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }\n\ndefine([\"jquery\", \"mageUtils\", \"underscore\", \"Magento_PageBuilder/js/config\", \"Magento_PageBuilder/js/content-type/appearance-config\", \"Magento_PageBuilder/js/converter/converter-pool-factory\", \"Magento_PageBuilder/js/mass-converter/converter-pool-factory\", \"Magento_PageBuilder/js/property/property-reader-pool-factory\"], function (_jquery, _mageUtils, _underscore, _config, _appearanceConfig, _converterPoolFactory, _converterPoolFactory2, _propertyReaderPoolFactory) {\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n\n /**\n * @api\n */\n var Configurable = /*#__PURE__*/function () {\n \"use strict\";\n\n function Configurable() {}\n\n var _proto = Configurable.prototype;\n\n /**\n * Read data from the dom based on configuration\n *\n * @param element HTMLElement\n * @returns {Promise<any>}\n */\n _proto.read = function read(element) {\n var _this = this;\n\n var role = element.getAttribute(_config.getConfig(\"dataContentTypeAttributeName\"));\n var config = (0, _appearanceConfig)(role, element.getAttribute(\"data-appearance\"));\n var componentsPromise = [(0, _propertyReaderPoolFactory)(role), (0, _converterPoolFactory)(role), (0, _converterPoolFactory2)(role)];\n return new Promise(function (resolve) {\n Promise.all(componentsPromise).then(function (loadedComponents) {\n var propertyReaderPool = loadedComponents[0],\n converterPool = loadedComponents[1],\n massConverterPool = loadedComponents[2];\n\n var viewports = _config.getConfig(\"viewports\");\n\n var data = {};\n\n _underscore.each(viewports, function (viewport, name) {\n return data[name] = {};\n });\n\n var _loop = function _loop() {\n var elementName = _Object$keys[_i];\n var elementConfig = config.elements[elementName];\n\n var currentElement = _this.findElementByName(element, elementName); // If we cannot locate the current element skip trying to read any attributes from it\n\n\n if (currentElement === null || currentElement === undefined) {\n return \"continue\";\n }\n\n _underscore.each(viewports, function (viewportObj, viewport) {\n currentElement.setAttribute(\"style\", currentElement.getAttribute(\"data-\" + viewport + \"-style\"));\n\n if (elementConfig.style.length) {\n data[viewport] = _this.readStyle(elementConfig.style, currentElement, data[viewport], propertyReaderPool, converterPool);\n }\n\n if (elementConfig.attributes.length) {\n data[viewport] = _this.readAttributes(elementConfig.attributes, currentElement, data[viewport], propertyReaderPool, converterPool);\n }\n\n if (undefined !== elementConfig.html.var) {\n data[viewport] = _this.readHtml(elementConfig, currentElement, data[viewport], converterPool);\n }\n\n if (undefined !== elementConfig.tag.var) {\n data[viewport] = _this.readHtmlTag(elementConfig, currentElement, data[viewport]);\n }\n\n if (undefined !== elementConfig.css.var) {\n data[viewport] = _this.readCss(elementConfig, currentElement, data[viewport]);\n }\n });\n };\n\n for (var _i = 0, _Object$keys = Object.keys(config.elements); _i < _Object$keys.length; _i++) {\n var _ret = _loop();\n\n if (_ret === \"continue\") continue;\n }\n\n _underscore.each(viewports, function (viewportObj, viewport) {\n data[viewport] = _this.convertData(config, data[viewport], massConverterPool);\n });\n\n resolve(data);\n }).catch(function (error) {\n console.error(error);\n });\n });\n }\n /**\n * Find the element for the current content type by it's name, avoiding searching in other content types by\n * removing any other element which contains it's own data-content-type.\n *\n * @param {HTMLElement} element\n * @param {string} name\n * @returns {HTMLElement}\n */\n ;\n\n _proto.findElementByName = function findElementByName(element, name) {\n // Create a clone of the element to avoid modifying the source\n var currentElement = (0, _jquery)(element).clone();\n\n if (currentElement.attr(\"data-element\") === name) {\n return currentElement[0];\n } // Attempt to find the element in the children of the data-content-type\n\n\n var searchInChildren = currentElement.find(\"[data-element=\\\"\" + name + \"\\\"]\"); // Ensure the element is within the current content type\n\n if (searchInChildren.length > 0 && searchInChildren.closest(\"[data-content-type]\")[0] === currentElement[0]) {\n return searchInChildren[0];\n }\n\n return null;\n }\n /**\n * Read attributes for element\n *\n * @param {DataMappingAttributesInterface[]} config\n * @param {HTMLElement} element\n * @param {object} data\n * @param {typeof PropertyReaderPool} propertyReaderPool\n * @param {typeof ConverterPool} converterPool\n * @returns {any}\n */\n ;\n\n _proto.readAttributes = function readAttributes(config, element, data, propertyReaderPool, converterPool) {\n var result = {};\n\n for (var _iterator = _createForOfIteratorHelperLoose(config), _step; !(_step = _iterator()).done;) {\n var attributeConfig = _step.value;\n\n if (\"write\" === attributeConfig.persistence_mode) {\n continue;\n }\n\n var value = !!attributeConfig.static ? attributeConfig.value : propertyReaderPool.get(attributeConfig.reader).read(element, attributeConfig.name);\n\n if (converterPool.get(attributeConfig.converter)) {\n value = converterPool.get(attributeConfig.converter).fromDom(value);\n }\n\n if (_jquery.type(result[attributeConfig.var]) === \"object\") {\n var _mageUtils$extend;\n\n value = _mageUtils.extend((_mageUtils$extend = {}, _mageUtils$extend[attributeConfig.name] = value, _mageUtils$extend), result[attributeConfig.var]);\n }\n\n result[attributeConfig.var] = value;\n }\n\n return _underscore.extend(data, result);\n }\n /**\n * Read style properties for element\n *\n * @param {DataMappingStyleInterface[]} config\n * @param {HTMLElement} element\n * @param {object} data\n * @param {typeof PropertyReaderPool} propertyReaderPool\n * @param {typeof ConverterPool} converterPool\n * @returns {{[p: string]: string}}\n */\n ;\n\n _proto.readStyle = function readStyle(config, element, data, propertyReaderPool, converterPool) {\n var result = _underscore.extend({}, data);\n\n for (var _iterator2 = _createForOfIteratorHelperLoose(config), _step2; !(_step2 = _iterator2()).done;) {\n var propertyConfig = _step2.value;\n\n if (\"write\" === propertyConfig.persistence_mode) {\n continue;\n }\n\n var value = !!propertyConfig.static ? propertyConfig.value : propertyReaderPool.get(propertyConfig.reader).read(element, propertyConfig.name);\n\n if (converterPool.get(propertyConfig.converter)) {\n value = converterPool.get(propertyConfig.converter).fromDom(value);\n }\n\n if (_jquery.type(result[propertyConfig.var]) === \"object\") {\n value = _mageUtils.extend(result[propertyConfig.var], value);\n }\n\n result[propertyConfig.var] = value;\n }\n\n return result;\n }\n /**\n * Read element's tag\n *\n * @param {object} config\n * @param {HTMLElement} element\n * @param {object} data\n * @returns {object}\n */\n ;\n\n _proto.readHtmlTag = function readHtmlTag(config, element, data) {\n var result = {};\n result[config.tag.var] = element.nodeName.toLowerCase();\n return _underscore.extend(data, result);\n }\n /**\n * Read element's css\n *\n * @param {ContentTypeConfigAppearanceElementInterface} config\n * @param {HTMLElement} element\n * @param {object} data\n * @returns {any}\n */\n ;\n\n _proto.readCss = function readCss(config, element, data) {\n var result = {};\n var css = element.getAttribute(\"class\") !== null ? element.getAttribute(\"class\") : \"\";\n\n if (config.css !== undefined && config.css.filter !== undefined && config.css.filter.length) {\n for (var _iterator3 = _createForOfIteratorHelperLoose(config.css.filter), _step3; !(_step3 = _iterator3()).done;) {\n var filterClass = _step3.value;\n css = css.replace(filterClass, \"\");\n }\n }\n\n result[config.css.var] = css.replace(/\\s{2,}/g, \" \").trim();\n return _underscore.extend(data, result);\n }\n /**\n * Read element's content\n *\n * @param {ContentTypeConfigAppearanceElementInterface} config\n * @param {HTMLElement} element\n * @param {object} data\n * @param {typeof ConverterPool} converterPool\n * @returns {any}\n */\n ;\n\n _proto.readHtml = function readHtml(config, element, data, converterPool) {\n var result = {};\n var value = element.innerHTML;\n\n if (converterPool.get(config.html.converter)) {\n value = converterPool.get(config.html.converter).fromDom(value);\n }\n\n result[config.html.var] = value;\n return _underscore.extend(data, result);\n }\n /**\n * Convert data after it's read for all elements\n *\n * @param config\n * @param {object} data\n * @param {typeof MassConverterPool} massConverterPool\n * @returns {object}\n */\n ;\n\n _proto.convertData = function convertData(config, data, massConverterPool) {\n for (var _iterator4 = _createForOfIteratorHelperLoose(config.converters), _step4; !(_step4 = _iterator4()).done;) {\n var converterConfig = _step4.value;\n\n if (massConverterPool.get(converterConfig.component)) {\n data = massConverterPool.get(converterConfig.component).fromDom(data, converterConfig.config);\n }\n }\n\n return data;\n };\n\n return Configurable;\n }();\n\n return Configurable;\n});\n//# sourceMappingURL=configurable.js.map","Magento_PageBuilder/js/system/config/google-maps-api-key-validator.js":"/**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n\ndefine(['jquery'], function ($) {\n 'use strict';\n\n /**\n * Initialize click and input events to handle validation\n *\n * @param {Object} config\n * @param {HTMLElement} el\n */\n var GoogleMapsApiKeyValidator = function (config, el) {\n var sourceElement = $('#' + config.sourceField),\n initialValue = sourceElement.val(),\n resultElement = $('#' + config.elementId + ' > .result');\n\n if (initialValue) {\n $(el).attr('disabled', false);\n }\n\n $(el).on('click', function () {\n var resultText = config.invalidLabel,\n resultIcon = 'icon-admin-pagebuilder-error',\n resultHtml;\n\n $.ajax({\n url: config.validateUrl,\n showLoader: true,\n data: {\n googleMapsApiKey: sourceElement.val()\n }\n }).done(function (data) {\n if (data.success) {\n resultText = config.validLabel;\n resultIcon = 'icon-admin-pagebuilder-success';\n }\n\n resultHtml = '<i class=\"' + resultIcon + '\"></i> ' + resultText;\n resultElement.html(resultHtml);\n });\n });\n\n sourceElement.on('keyup', function (event) {\n var elementValue = event.currentTarget.value,\n buttonText = config.buttonLabel;\n\n $(el).attr('disabled', !elementValue);\n resultElement.html(buttonText);\n });\n };\n\n return GoogleMapsApiKeyValidator;\n});\n","Magento_PageBuilder/js/system/config/enable-field.js":"/**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n\ndefine([\n 'jquery',\n 'mage/translate',\n 'Magento_Ui/js/modal/confirm',\n 'domReady!'\n], function ($, $t, confirm) {\n 'use strict';\n\n return function (config, enableSelectEl) {\n\n var $enableSelectEl = $(enableSelectEl),\n isEnabledInDatabase = !!parseInt($enableSelectEl.val(), 10);\n\n $enableSelectEl.on('change', function () {\n var userIsDisabling = !parseInt($enableSelectEl.val(), 10);\n\n if (!isEnabledInDatabase || !userIsDisabling) {\n return;\n }\n\n confirm({\n title: $t(config.modalTitleText),\n content: $t(config.modalContentBody),\n buttons: [{\n text: $t('Cancel'),\n class: 'action-secondary action-dismiss action-pagebuilder-cancel',\n\n /**\n * Close modal and trigger 'cancel' action on click\n */\n click: function (event) {\n this.closeModal(event);\n }\n }, {\n text: $t('Turn Off'),\n class: 'action-primary action-accept',\n\n /**\n * Close modal and trigger 'confirm' action on click\n */\n click: function (event) {\n this.closeModal(event, true);\n }\n }],\n actions: {\n\n /**\n * Revert back to original Enabled setting\n */\n cancel: function () {\n $enableSelectEl.val(Number(true));\n }\n }\n });\n });\n };\n});\n","Magento_PageBuilder/js/system/config/validator-rules-mixin.js":"/**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n\ndefine([\n 'jquery'\n], function ($) {\n 'use strict';\n\n return function (target) {\n $.validator.addMethod(\n 'validate-google-map-style',\n function (value) {\n if ($.mage.isEmptyNoTrim(value)) {\n return true;\n }\n\n try {\n JSON.parse(value);\n } catch (e) {\n return false;\n }\n\n return true;\n },\n $.mage.__('Google Maps Style JSON is invalid. Please paste the valid JSON style.')\n );\n\n $.validator.addMethod(\n 'validate-greater-than-one',\n function (value) {\n return !(value <= 1);\n },\n $.mage.__('Please enter a number 2 or greater in this field.')\n );\n\n $.validator.addMethod(\n 'validate-default-grid-size',\n function (value) {\n return !(parseInt(value, 10) >\n parseInt($('[name=\"groups[pagebuilder][fields][column_grid_max][value]\"]').val(), 10)\n );\n },\n $.mage.__('Default grid size must be less than the maximum grid size.')\n );\n\n return target;\n };\n});\n","Magento_PageBuilder/js/system/config/switch-attribute-type.js":"/**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n\ndefine([\n 'jquery',\n 'mage/translate',\n 'Magento_Ui/js/modal/confirm',\n 'domReady!'\n], function ($, $t, confirm) {\n 'use strict';\n\n return function (config, attributeDropDownEl) {\n\n var $attributeDropDownEl = $(attributeDropDownEl),\n previousOption = '';\n\n $attributeDropDownEl.on('focus', function () {\n // Store the current value on focus and on change\n previousOption = this.value;\n });\n\n $attributeDropDownEl.on('change', function () {\n\n if (attributeDropDownEl.options.length > 3 ||\n this.value === 'pagebuilder' ||\n previousOption !== 'pagebuilder'\n ) {\n return;\n }\n\n confirm({\n title: $t(config.modalTitleText),\n content: $t(config.modalContentBody),\n buttons: [{\n text: $t('Cancel'),\n class: 'action-secondary action-dismiss action-pagebuilder-cancel',\n\n /**\n * Close modal and trigger 'cancel' action on click\n */\n click: function (event) {\n this.closeModal(event);\n }\n }, {\n text: $t('Change Input Type'),\n class: 'action-primary action-accept',\n\n /**\n * Close modal and trigger 'confirm' action on click\n */\n click: function (event) {\n this.closeModal(event, true);\n }\n }],\n actions: {\n\n /**\n * Revert back to 'pagebuilder' setting\n */\n cancel: function () {\n $attributeDropDownEl.val('pagebuilder');\n $attributeDropDownEl.trigger('change');\n }\n }\n });\n });\n };\n});\n","Magento_PageBuilder/js/mass-converter/widget-directive-abstract.js":"/*eslint-disable */\n/* jscs:disable */\ndefine([\"underscore\", \"Magento_PageBuilder/js/utils/object\"], function (_underscore, _object) {\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n var WidgetDirectiveAbstract = /*#__PURE__*/function () {\n \"use strict\";\n\n function WidgetDirectiveAbstract() {}\n\n var _proto = WidgetDirectiveAbstract.prototype;\n\n /**\n * Convert value to internal format\n *\n * @param {ConverterDataInterface} data\n * @param {ConverterConfigInterface} config\n * @returns {WidgetDirectiveAttributes}\n */\n _proto.fromDom = function fromDom(data, config) {\n var _this = this;\n\n var attributes = {};\n (0, _object.get)(data, config.html_variable).replace(/\\{\\{widget([\\S\\s]*?)\\}\\}/i, function (match, attributeString) {\n attributes = _this.parseAttributesString(attributeString);\n }.bind(this));\n return attributes;\n }\n /**\n * Convert value to knockout format\n *\n * @param {ConverterDataInterface} data\n * @param {ConverterConfigInterface} config\n * @returns {object}\n */\n ;\n\n _proto.toDom = function toDom(data, config) {\n (0, _object.set)(data, config.html_variable, this.buildDirective(data));\n return data;\n }\n /**\n * Build the directive string using the supplies attributes\n *\n * @param {object} attributes\n * @returns {string}\n */\n ;\n\n _proto.buildDirective = function buildDirective(attributes) {\n return \"{{widget \" + this.createAttributesString(attributes) + \"}}\";\n }\n /**\n * @param {string} attributes\n * @return {Object}\n */\n ;\n\n _proto.parseAttributesString = function parseAttributesString(attributes) {\n var result = {};\n attributes.replace(/(\\w+)(?:\\s*=\\s*(?:(?:\"((?:\\\\.|[^\"])*)\")|(?:'((?:\\\\.|[^'])*)')|([^>\\s]+)))?/g, function (match, key, value) {\n result[key] = value.replace(/"e;/g, \"\\\"\");\n return \"\";\n });\n return result;\n }\n /**\n * @param {Object} attributes\n * @return {string}\n */\n ;\n\n _proto.createAttributesString = function createAttributesString(attributes) {\n var result = \"\";\n\n _underscore.each(attributes, function (value, name) {\n result += name + \"=\\\"\" + String(value).replace(/\"/g, \""e;\") + \"\\\" \";\n });\n\n return result.substr(0, result.length - 1);\n };\n\n return WidgetDirectiveAbstract;\n }();\n\n return WidgetDirectiveAbstract;\n});\n//# sourceMappingURL=widget-directive-abstract.js.map","Magento_PageBuilder/js/mass-converter/converter-interface.js":"/*eslint-disable */\n/* jscs:disable */\ndefine([], function () {\n \"use strict\";\n});\n//# sourceMappingURL=converter-interface.js.map","Magento_PageBuilder/js/mass-converter/converter-pool.js":"/*eslint-disable */\n/* jscs:disable */\ndefine([], function () {\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n var DataConverterPool = /*#__PURE__*/function () {\n \"use strict\";\n\n function DataConverterPool() {\n this.converters = {};\n }\n\n var _proto = DataConverterPool.prototype;\n\n /**\n * Retrieve a data converter instance from the pool\n *\n * @param {string} name\n * @returns {ConverterInterface}\n */\n _proto.get = function get(name) {\n return this.converters[name] !== undefined ? this.converters[name] : null;\n }\n /**\n * Register a new data converter into the pool\n *\n * @param {string} name\n * @param {ConverterInterface} converter\n */\n ;\n\n _proto.register = function register(name, converter) {\n this.converters[name] = converter;\n };\n\n return DataConverterPool;\n }();\n\n var _default = new DataConverterPool();\n\n return _default;\n});\n//# sourceMappingURL=converter-pool.js.map","Magento_PageBuilder/js/mass-converter/background-images.js":"/*eslint-disable */\n/* jscs:disable */\ndefine([\"underscore\", \"Magento_PageBuilder/js/utils/image\", \"Magento_PageBuilder/js/utils/object\"], function (_underscore, _image, _object) {\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n var BackgroundImages = /*#__PURE__*/function () {\n \"use strict\";\n\n function BackgroundImages() {}\n\n var _proto = BackgroundImages.prototype;\n\n /**\n * Process data after it's read and converted by element converters\n *\n * @param {ConverterDataInterface} data\n * @param {ConverterConfigInterface} config\n * @returns {object}\n */\n _proto.fromDom = function fromDom(data, config) {\n var directive = (0, _object.get)(data, config.attribute_name);\n\n if (directive) {\n var images = JSON.parse(directive.replace(/\\\\(.)/mg, \"$1\")) || {};\n\n if (!_underscore.isUndefined(images.desktop_image)) {\n (0, _object.set)(data, config.desktop_image_variable, (0, _image.decodeUrl)(images.desktop_image));\n }\n\n if (!_underscore.isUndefined(images.mobile_image)) {\n (0, _object.set)(data, config.mobile_image_variable, (0, _image.decodeUrl)(images.mobile_image));\n }\n\n delete data[config.attribute_name];\n }\n\n return data;\n }\n /**\n * Process data before it's converted by element converters\n *\n * @param {ConverterDataInterface} data\n * @param {ConverterConfigInterface} config\n * @returns {object}\n */\n ;\n\n _proto.toDom = function toDom(data, config) {\n var desktopImage = (0, _object.get)(data, config.desktop_image_variable);\n var mobileImage = (0, _object.get)(data, config.mobile_image_variable);\n var directiveData = {};\n\n if (!_underscore.isUndefined(desktopImage) && desktopImage && !_underscore.isUndefined(desktopImage[0])) {\n directiveData.desktop_image = (0, _image.urlToDirective)(desktopImage[0].url);\n }\n\n if (!_underscore.isUndefined(mobileImage) && mobileImage && !_underscore.isUndefined(mobileImage[0])) {\n directiveData.mobile_image = (0, _image.urlToDirective)(mobileImage[0].url);\n } // Add the directive data, ensuring we escape double quotes\n\n\n (0, _object.set)(data, config.attribute_name, JSON.stringify(directiveData).replace(/[\\\\\"']/g, \"\\\\$&\").replace(/\\u0000/g, \"\\\\0\"));\n return data;\n };\n\n return BackgroundImages;\n }();\n\n return BackgroundImages;\n});\n//# sourceMappingURL=background-images.js.map","Magento_PageBuilder/js/mass-converter/converter-pool-factory.js":"/*eslint-disable */\n/* jscs:disable */\n\nfunction _createForOfIteratorHelperLoose(o, allowArrayLike) { var it = typeof Symbol !== \"undefined\" && o[Symbol.iterator] || o[\"@@iterator\"]; if (it) return (it = it.call(o)).next.bind(it); if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === \"number\") { if (it) o = it; var i = 0; return function () { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }; } throw new TypeError(\"Invalid attempt to iterate non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\n\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(o); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\n\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }\n\ndefine([\"Magento_PageBuilder/js/config\", \"Magento_PageBuilder/js/utils/loader\", \"Magento_PageBuilder/js/mass-converter/converter-pool\"], function (_config, _loader, _converterPool) {\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n\n /**\n * Create a new instance of converter pool\n */\n function create(contentType) {\n var config = _config.getContentTypeConfig(contentType);\n\n var converters = [];\n var appearanceName;\n\n for (var _i = 0, _Object$keys = Object.keys(config.appearances); _i < _Object$keys.length; _i++) {\n appearanceName = _Object$keys[_i];\n var appearance = config.appearances[appearanceName];\n\n if (undefined !== appearance && undefined !== appearance.converters) {\n for (var _iterator = _createForOfIteratorHelperLoose(appearance.converters), _step; !(_step = _iterator()).done;) {\n var converterConfig = _step.value;\n\n if (!!converterConfig.component && !_converterPool.get(converterConfig.component)) {\n converters.push(converterConfig.component);\n }\n }\n }\n }\n\n return new Promise(function (resolve) {\n (0, _loader)(converters, function () {\n for (var _len = arguments.length, loadedConverters = new Array(_len), _key = 0; _key < _len; _key++) {\n loadedConverters[_key] = arguments[_key];\n }\n\n for (var i = 0; i < converters.length; i++) {\n _converterPool.register(converters[i], new loadedConverters[i]());\n }\n\n resolve(_converterPool);\n });\n });\n }\n\n return create;\n});\n//# sourceMappingURL=converter-pool-factory.js.map","Magento_PageBuilder/js/mass-converter/empty-mobile-image.js":"/*eslint-disable */\n/* jscs:disable */\ndefine([\"Magento_PageBuilder/js/utils/object\"], function (_object) {\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n var EmptyMobileImage = /*#__PURE__*/function () {\n \"use strict\";\n\n function EmptyMobileImage() {}\n\n var _proto = EmptyMobileImage.prototype;\n\n /**\n * Process data after it's read and converted by element converters\n *\n * @param {ConverterDataInterface} data\n * @param {object} config\n * @returns {object}\n */\n _proto.fromDom = function fromDom(data, config) {\n var desktopImage = (0, _object.get)(data, config.desktop_image_variable);\n var mobileImage = (0, _object.get)(data, config.mobile_image_variable);\n\n if (mobileImage && desktopImage && mobileImage[0] !== undefined && desktopImage[0] !== undefined && mobileImage[0].url === desktopImage[0].url) {\n delete data[config.mobile_image_variable];\n }\n\n return data;\n }\n /**\n * Process data before it's converted by element converters\n *\n * @param {ConverterDataInterface} data\n * @param {object} config\n * @returns {object}\n */\n ;\n\n _proto.toDom = function toDom(data, config) {\n var mobileImage = (0, _object.get)(data, config.mobile_image_variable);\n\n if (mobileImage === undefined || mobileImage[0] === undefined) {\n (0, _object.set)(data, config.mobile_image_variable, (0, _object.get)(data, config.desktop_image_variable));\n }\n\n return data;\n };\n\n return EmptyMobileImage;\n }();\n\n return EmptyMobileImage;\n});\n//# sourceMappingURL=empty-mobile-image.js.map","Magento_PageBuilder/js/mass-converter/background-type.js":"/*eslint-disable */\n/* jscs:disable */\ndefine([\"Magento_PageBuilder/js/utils/object\"], function (_object) {\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n var BackgroundType = /*#__PURE__*/function () {\n \"use strict\";\n\n function BackgroundType() {}\n\n var _proto = BackgroundType.prototype;\n\n /**\n * Process data after it's read and converted by element converters\n *\n * @param {ConverterDataInterface} data\n * @param {ConverterConfigInterface} config\n * @returns {object}\n */\n _proto.fromDom = function fromDom(data, config) {\n return data;\n }\n /**\n * Process data before it's converted by element converters\n *\n * @param {ConverterDataInterface} data\n * @param {ConverterConfigInterface} config\n * @returns {object}\n */\n ;\n\n _proto.toDom = function toDom(data, config) {\n var backgroundType = (0, _object.get)(data, config.attribute_name);\n\n if (backgroundType === \"video\") {\n (0, _object.set)(data, config.desktop_image_variable, []);\n (0, _object.set)(data, config.mobile_image_variable, []);\n } else if (backgroundType === \"image\") {\n (0, _object.set)(data, config.video_source_variable, null);\n (0, _object.set)(data, config.video_fallback_image_variable, []);\n (0, _object.set)(data, config.video_overlay_color_variable, \"\");\n }\n\n return data;\n };\n\n return BackgroundType;\n }();\n\n return BackgroundType;\n});\n//# sourceMappingURL=background-type.js.map","Magento_PageBuilder/js/content-type-menu/title-option.js":"/*eslint-disable */\n/* jscs:disable */\n\nfunction _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\ndefine([\"Magento_PageBuilder/js/content-type-menu/option\"], function (_option) {\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n var TitleOption = /*#__PURE__*/function (_option2) {\n \"use strict\";\n\n _inheritsLoose(TitleOption, _option2);\n\n /**\n * @param {OptionConfigInterface} options\n */\n function TitleOption(options) {\n var _this;\n\n _this = _option2.call(this, options) || this; // Modify the icon when changes are made to display in the data store\n\n _this.preview.displayLabel.subscribe(function (label) {\n _this.title(label);\n });\n\n return _this;\n }\n\n return TitleOption;\n }(_option);\n\n return TitleOption;\n});\n//# sourceMappingURL=title-option.js.map","Magento_PageBuilder/js/content-type-menu/edit.js":"/*eslint-disable */\n/* jscs:disable */\ndefine([\"Magento_PageBuilder/js/events\", \"mageUtils\", \"underscore\", \"Magento_PageBuilder/js/config\"], function (_events, _mageUtils, _underscore, _config) {\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n var Edit = /*#__PURE__*/function () {\n \"use strict\";\n\n /**\n * @param {ContentTypeInterface} instance\n * @param {DataStore} dataStore\n */\n function Edit(instance, dataStore) {\n var _this = this;\n\n this.instance = instance;\n this.dataStore = dataStore;\n\n _events.on(\"form:\" + this.instance.id + \":saveAfter\", function (data) {\n var viewport = _config.getConfig(\"viewport\");\n\n var defaultViewport = _config.getConfig(\"defaultViewport\"); // set value to dataStore from default viewport if it is empty\n\n\n if (defaultViewport !== viewport) {\n _underscore.each(_this.instance.getViewportFields(viewport, data), function (value, key) {\n var isEmpty = !_underscore.find(_mageUtils.compare(data[key], _this.instance.dataStores[defaultViewport].get(key)).changes, function (change) {\n return !_underscore.isEmpty(change.oldValue);\n });\n\n if (isEmpty) {\n _this.instance.dataStores[viewport].set(key, data[key]);\n\n data[key] = _this.instance.dataStores[defaultViewport].get(key);\n }\n });\n }\n\n _this.dataStore.setState(_this.filterData(data));\n });\n }\n /**\n * Open the modal\n */\n\n\n var _proto = Edit.prototype;\n\n _proto.open = function open() {\n var _this2 = this;\n\n var contentTypeData = this.dataStore.getState();\n\n var viewport = _config.getConfig(\"viewport\");\n\n var defaultViewport = _config.getConfig(\"defaultViewport\"); // set empty value if it the same in default viewport\n\n\n if (defaultViewport !== viewport) {\n _underscore.each(this.instance.getViewportFields(viewport, contentTypeData), function (value, key) {\n if (_mageUtils.compare(contentTypeData[key], _this2.instance.dataStores.desktop.get(key)).equal) {\n contentTypeData[key] = undefined;\n }\n });\n }\n\n _events.trigger(\"contentType:editBefore\", {\n contentType: this.instance\n });\n\n _events.trigger(\"form:renderAfter\", {\n data: contentTypeData,\n appearances: this.instance.config.appearances,\n defaultNamespace: this.getDefaultNamespaceForm(),\n id: this.instance.id,\n namespace: this.getFormNamespace(contentTypeData),\n title: this.instance.config.label\n });\n }\n /**\n * Flip flop to JSON and back again to ensure all data received from the form is serializable. Magento by default\n * adds functions into some basic types which cannot be serialized when calling PostMessage.\n *\n * @param {DataObject} data\n * @returns {DataObject}\n */\n ;\n\n _proto.filterData = function filterData(data) {\n return JSON.parse(JSON.stringify(data));\n }\n /**\n * Determine the form namespace based on the currently set appearance\n *\n * @param {DataObject} contentTypeData\n * @returns {string}\n */\n ;\n\n _proto.getFormNamespace = function getFormNamespace(contentTypeData) {\n var viewport = this.instance.preview.viewport();\n var currentAppearance = this.dataStore.get(\"appearance\");\n var appearance = this.instance.config.appearances[currentAppearance];\n var breakpoints = appearance.breakpoints;\n var formNamespace = this.getDefaultNamespaceForm(); // Use the default form unless a custom one is defined\n\n if (breakpoints && breakpoints[viewport] && breakpoints[viewport].form) {\n formNamespace = breakpoints[viewport].form;\n } else if (!_underscore.isUndefined(appearance.form)) {\n formNamespace = appearance.form;\n }\n\n return formNamespace;\n }\n /**\n * Determine the form default namespace based on the currently set appearance and breakpoint\n *\n * @returns {string}\n */\n ;\n\n _proto.getDefaultNamespaceForm = function getDefaultNamespaceForm() {\n var viewport = this.instance.preview.viewport();\n var breakpoints = this.instance.config.breakpoints;\n var formNamespace = this.instance.config.form;\n\n if (breakpoints && breakpoints[viewport] && breakpoints[viewport].form) {\n formNamespace = breakpoints[viewport].form;\n }\n\n return formNamespace;\n };\n\n return Edit;\n }();\n\n return Edit;\n});\n//# sourceMappingURL=edit.js.map","Magento_PageBuilder/js/content-type-menu/hide-show-option.js":"/*eslint-disable */\n/* jscs:disable */\n\nfunction _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\"); } return self; }\n\nfunction _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\ndefine([\"mage/translate\", \"Magento_PageBuilder/js/content-type-menu/option\"], function (_translate, _option) {\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n var HideShowOption = /*#__PURE__*/function (_option2) {\n \"use strict\";\n\n _inheritsLoose(HideShowOption, _option2);\n\n /**\n * @param {OptionConfigInterface} options\n */\n function HideShowOption(options) {\n var _this;\n\n _this = _option2.call(this, options) || this; // Modify the icon when changes are made to display in the data store\n\n _this.preview.contentType.dataStore.subscribe(_this.onDisplayChange.bind(_assertThisInitialized(_this)), \"display\");\n\n return _this;\n }\n /**\n * On display change update the title and icon\n *\n * @param {DataObject} state\n */\n\n\n var _proto = HideShowOption.prototype;\n\n _proto.onDisplayChange = function onDisplayChange(state) {\n var display = !!state.display;\n\n if (display) {\n this.icon(HideShowOption.hideIcon);\n this.title(HideShowOption.hideText);\n } else {\n this.icon(HideShowOption.showIcon);\n this.title(HideShowOption.showText);\n }\n };\n\n return HideShowOption;\n }(_option);\n\n HideShowOption.showText = (0, _translate)(\"Show\");\n HideShowOption.showIcon = \"<i class='icon-pagebuilder-show'></i>\";\n HideShowOption.hideText = (0, _translate)(\"Hide\");\n HideShowOption.hideIcon = \"<i class='icon-pagebuilder-hide'></i>\";\n return HideShowOption;\n});\n//# sourceMappingURL=hide-show-option.js.map","Magento_PageBuilder/js/content-type-menu/option.js":"/*eslint-disable */\n/* jscs:disable */\n\nfunction _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if (\"value\" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }\n\nfunction _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }\n\ndefine([\"knockout\"], function (_knockout) {\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n var Option = /*#__PURE__*/function () {\n \"use strict\";\n\n /**\n * @param {OptionConfigInterface} config\n */\n function Option(config) {\n var _this = this;\n\n this.icon = _knockout.observable(\"\");\n this.title = _knockout.observable(\"\");\n this.classes = _knockout.observable({});\n this.isDisabled = _knockout.observable(false);\n this.config = config;\n this.preview = config.preview;\n this.icon(config.icon);\n this.title(config.title);\n this.code = config.code;\n this.sort = config.sort || 0;\n this.customTemplate = config.template; // Generate an array of classes for KO to consume\n\n var koClasses = {};\n\n if (config.classes && config.classes.length > 0) {\n config.classes.forEach(function (cssClass) {\n koClasses[cssClass] = true;\n });\n } // Always add a disabled class which tracks whether this option is disabled\n\n\n koClasses.disabled = this.isDisabled;\n this.classes(koClasses); // If no action is supplied pass an empty function, this is called within the context of the preview\n\n var action = config.action ? config.action : function () {\n return;\n };\n\n this.action = function () {\n if (!_this.isDisabled()) {\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n action.apply(_this.preview, args);\n }\n };\n }\n\n _createClass(Option, [{\n key: \"template\",\n get: function get() {\n return this.customTemplate || null;\n }\n }]);\n\n return Option;\n }();\n\n return Option;\n});\n//# sourceMappingURL=option.js.map","Magento_PageBuilder/js/content-type-menu/conditional-remove-option.js":"/*eslint-disable */\n/* jscs:disable */\n\nfunction _inheritsLoose(subClass, superClass) { subClass.prototype = Object.create(superClass.prototype); subClass.prototype.constructor = subClass; _setPrototypeOf(subClass, superClass); }\n\nfunction _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }\n\ndefine([\"Magento_PageBuilder/js/content-type-menu/option\"], function (_option) {\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n var ConditionalRemoveOption = /*#__PURE__*/function (_option2) {\n \"use strict\";\n\n _inheritsLoose(ConditionalRemoveOption, _option2);\n\n /**\n * @param {OptionConfigInterface} config\n */\n function ConditionalRemoveOption(config) {\n var _this;\n\n _this = _option2.call(this, config) || this;\n var parentContentType = _this.preview.contentType.parentContentType;\n\n if (parentContentType.children().length < 2) {\n _this.isDisabled(true);\n }\n\n parentContentType.children.subscribe(function (children) {\n _this.isDisabled(children.length < 2);\n });\n return _this;\n }\n\n return ConditionalRemoveOption;\n }(_option);\n\n return ConditionalRemoveOption;\n});\n//# sourceMappingURL=conditional-remove-option.js.map","Magento_PageBuilder/js/converter/converter-interface.js":"/*eslint-disable */\n/* jscs:disable */\ndefine([], function () {\n \"use strict\";\n});\n//# sourceMappingURL=converter-interface.js.map","Magento_PageBuilder/js/converter/converter-pool.js":"/*eslint-disable */\n/* jscs:disable */\ndefine([], function () {\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n var ConverterPool = /*#__PURE__*/function () {\n \"use strict\";\n\n function ConverterPool() {\n this.converters = {};\n }\n\n var _proto = ConverterPool.prototype;\n\n /**\n * Retrieve a converter from the pool\n *\n * @param {string} name\n * @returns {ConverterInterface}\n */\n _proto.get = function get(name) {\n return this.converters[name] !== undefined ? this.converters[name] : null;\n }\n /**\n * Register a new converter into the pool\n *\n * @param {string} name\n * @param {ConverterInterface} converter\n */\n ;\n\n _proto.register = function register(name, converter) {\n this.converters[name] = converter;\n };\n\n return ConverterPool;\n }();\n\n var _default = new ConverterPool();\n\n return _default;\n});\n//# sourceMappingURL=converter-pool.js.map","Magento_PageBuilder/js/converter/converter-pool-factory.js":"/*eslint-disable */\n/* jscs:disable */\n\nfunction _createForOfIteratorHelperLoose(o, allowArrayLike) { var it = typeof Symbol !== \"undefined\" && o[Symbol.iterator] || o[\"@@iterator\"]; if (it) return (it = it.call(o)).next.bind(it); if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === \"number\") { if (it) o = it; var i = 0; return function () { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }; } throw new TypeError(\"Invalid attempt to iterate non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\n\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(o); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\n\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }\n\ndefine([\"Magento_PageBuilder/js/config\", \"Magento_PageBuilder/js/utils/loader\", \"Magento_PageBuilder/js/converter/converter-pool\"], function (_config, _loader, _converterPool) {\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n\n /**\n * Create a new instance of converter pool\n */\n function create(contentType) {\n var config = _config.getContentTypeConfig(contentType);\n\n var converters = [];\n var appearanceName;\n\n for (var _i = 0, _Object$keys = Object.keys(config.appearances); _i < _Object$keys.length; _i++) {\n appearanceName = _Object$keys[_i];\n var appearance = config.appearances[appearanceName];\n\n if (appearance !== undefined && appearance.elements !== undefined) {\n var elementName = void 0;\n\n for (var _i2 = 0, _Object$keys2 = Object.keys(appearance.elements); _i2 < _Object$keys2.length; _i2++) {\n elementName = _Object$keys2[_i2];\n\n if (appearance.elements[elementName].style !== undefined) {\n for (var _iterator = _createForOfIteratorHelperLoose(appearance.elements[elementName].style), _step; !(_step = _iterator()).done;) {\n var propertyConfig = _step.value;\n\n if (!!propertyConfig.converter && converters.indexOf(propertyConfig.converter) === -1 && !_converterPool.get(propertyConfig.converter)) {\n converters.push(propertyConfig.converter);\n }\n\n if (!!propertyConfig.preview_converter && converters.indexOf(propertyConfig.preview_converter) === -1 && !_converterPool.get(propertyConfig.preview_converter)) {\n converters.push(propertyConfig.preview_converter);\n }\n }\n }\n\n if (appearance.elements[elementName].attributes !== undefined) {\n for (var _iterator2 = _createForOfIteratorHelperLoose(appearance.elements[elementName].attributes), _step2; !(_step2 = _iterator2()).done;) {\n var attributeConfig = _step2.value;\n\n if (!!attributeConfig.converter && converters.indexOf(attributeConfig.converter) === -1 && !_converterPool.get(attributeConfig.converter)) {\n converters.push(attributeConfig.converter);\n }\n\n if (!!attributeConfig.preview_converter && converters.indexOf(attributeConfig.preview_converter) === -1 && !_converterPool.get(attributeConfig.preview_converter)) {\n converters.push(attributeConfig.preview_converter);\n }\n }\n }\n\n if (appearance.elements[elementName].html !== undefined) {\n var htmlConfig = appearance.elements[elementName].html;\n\n if (!!htmlConfig.converter && converters.indexOf(htmlConfig.converter) === -1 && !_converterPool.get(htmlConfig.converter)) {\n converters.push(htmlConfig.converter);\n }\n\n if (!!htmlConfig.preview_converter && converters.indexOf(htmlConfig.preview_converter) === -1 && !_converterPool.get(htmlConfig.preview_converter)) {\n converters.push(htmlConfig.preview_converter);\n }\n }\n }\n }\n }\n\n return new Promise(function (resolve) {\n (0, _loader)(converters, function () {\n for (var _len = arguments.length, loadedConverters = new Array(_len), _key = 0; _key < _len; _key++) {\n loadedConverters[_key] = arguments[_key];\n }\n\n for (var i = 0; i < converters.length; i++) {\n _converterPool.register(converters[i], new loadedConverters[i]());\n }\n\n resolve(_converterPool);\n });\n });\n }\n\n return create;\n});\n//# sourceMappingURL=converter-pool-factory.js.map","Magento_PageBuilder/js/converter/style/border-style.js":"/*eslint-disable */\n/* jscs:disable */\ndefine([\"Magento_PageBuilder/js/utils/object\"], function (_object) {\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n\n /**\n * @api\n */\n var BorderStyleDefault = /*#__PURE__*/function () {\n \"use strict\";\n\n function BorderStyleDefault() {}\n\n var _proto = BorderStyleDefault.prototype;\n\n /**\n * Convert value to internal format\n *\n * @param value string\n * @returns {string | object}\n */\n _proto.fromDom = function fromDom(value) {\n if (!value) {\n return \"_default\";\n }\n\n return value;\n }\n /**\n * Convert value to knockout format\n *\n * @param {string} name\n * @param {DataObject} data\n * @returns {string}\n */\n ;\n\n _proto.toDom = function toDom(name, data) {\n var value = (0, _object.get)(data, name);\n\n if (value && value !== \"_default\") {\n return value;\n }\n };\n\n return BorderStyleDefault;\n }();\n\n return BorderStyleDefault;\n});\n//# sourceMappingURL=border-style.js.map","Magento_PageBuilder/js/converter/style/width.js":"/*eslint-disable */\n/* jscs:disable */\ndefine([], function () {\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n\n /**\n * Subtract margin from width to ensure adjacent elements do not\n * move or resize when positive or negative margins are present\n *\n * @api\n */\n var Width = /*#__PURE__*/function () {\n \"use strict\";\n\n function Width() {}\n\n var _proto = Width.prototype;\n\n /**\n * Convert value to internal format\n *\n * @param value string\n * @returns {string | object}\n */\n _proto.fromDom = function fromDom(value) {\n if (value.indexOf(\"calc\") !== -1) {\n return value.split(\"%\")[0].split(\"(\")[1] + \"%\";\n }\n\n return value;\n }\n /**\n * Convert value to knockout format\n *\n * @param name string\n * @param data Object\n * @returns {string | object}\n */\n ;\n\n _proto.toDom = function toDom(name, data) {\n if (data[name] && data[name] !== \"\") {\n var marginsAndPadding = data.margins_and_padding || {};\n var margins = marginsAndPadding.margin || \"\";\n var marginLeft = margins.left ? parseInt(margins.left, 10) : 0;\n var marginRight = margins.right ? parseInt(margins.right, 10) : 0;\n\n if (marginLeft === 0 && marginRight === 0) {\n return data[name].toString();\n }\n\n return \"calc(\" + data[name].toString() + \" - \" + (marginLeft + marginRight) + \"px)\";\n }\n };\n\n return Width;\n }();\n\n return Width;\n});\n//# sourceMappingURL=width.js.map","Magento_PageBuilder/js/converter/style/display.js":"/*eslint-disable */\n/* jscs:disable */\ndefine([\"underscore\", \"Magento_PageBuilder/js/utils/object\"], function (_underscore, _object) {\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n\n /**\n * @api\n */\n var Display = /*#__PURE__*/function () {\n \"use strict\";\n\n function Display() {}\n\n var _proto = Display.prototype;\n\n /**\n * Convert value to internal format\n *\n * @param value string\n * @returns {string | object}\n */\n _proto.fromDom = function fromDom(value) {\n return !(value === \"none\");\n }\n /**\n * Convert value to knockout format, we only provide a none property if we intend for the content type to be hidden,\n * otherwise we let the original display property handle the display of the content type.\n *\n * @param {string} name\n * @param {DataObject} data\n * @returns {string}\n */\n ;\n\n _proto.toDom = function toDom(name, data) {\n var value = (0, _object.get)(data, name);\n\n if (!_underscore.isUndefined(value) && value === false) {\n return \"none\";\n }\n\n return;\n };\n\n return Display;\n }();\n\n return Display;\n});\n//# sourceMappingURL=display.js.map","Magento_PageBuilder/js/converter/style/background-image.js":"/*eslint-disable */\n/* jscs:disable */\ndefine([], function () {\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n\n /**\n * @api\n */\n var BackgroundImage = /*#__PURE__*/function () {\n \"use strict\";\n\n function BackgroundImage() {}\n\n var _proto = BackgroundImage.prototype;\n\n /**\n * Convert value to internal format\n *\n * @param value string\n * @returns {string | object}\n */\n _proto.fromDom = function fromDom(value) {\n return null;\n }\n /**\n * Convert value to knockout format\n *\n * @param name string\n * @param data Object\n * @returns {string}\n */\n ;\n\n _proto.toDom = function toDom(name, data) {\n return null;\n };\n\n return BackgroundImage;\n }();\n\n return BackgroundImage;\n});\n//# sourceMappingURL=background-image.js.map","Magento_PageBuilder/js/converter/style/remove-px.js":"/*eslint-disable */\n/* jscs:disable */\ndefine([\"Magento_PageBuilder/js/utils/object\"], function (_object) {\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n\n /**\n * @api\n */\n var RemovePx = /*#__PURE__*/function () {\n \"use strict\";\n\n function RemovePx() {}\n\n var _proto = RemovePx.prototype;\n\n /**\n * Convert value to internal format\n *\n * @param value string\n * @returns {string | object}\n */\n _proto.fromDom = function fromDom(value) {\n return value.replace(\"px\", \"\");\n }\n /**\n * Convert value to knockout format\n *\n * @param name string\n * @param data Object\n * @returns {string | object}\n */\n ;\n\n _proto.toDom = function toDom(name, data) {\n var value = (0, _object.get)(data, name);\n\n if (value) {\n return value + \"px\";\n }\n };\n\n return RemovePx;\n }();\n\n return RemovePx;\n});\n//# sourceMappingURL=remove-px.js.map","Magento_PageBuilder/js/converter/style/overlay-border-radius.js":"/*eslint-disable */\n/* jscs:disable */\ndefine([], function () {\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n\n /**\n * Takes difference of border width from border radius to conform snugly to edges of wrapper border\n *\n * @api\n */\n var OverlayBorderRadius = /*#__PURE__*/function () {\n \"use strict\";\n\n function OverlayBorderRadius() {}\n\n var _proto = OverlayBorderRadius.prototype;\n\n /**\n * Convert value to internal format\n *\n * @param value string\n * @returns {string}\n */\n _proto.fromDom = function fromDom(value) {\n return value;\n }\n /**\n * Convert value to knockout format\n *\n * @param {string} name\n * @param {DataObject} data\n * @returns {string}\n */\n ;\n\n _proto.toDom = function toDom(name, data) {\n var borderRadius = data.border_radius ? parseInt(data.border_radius, 10) : 0;\n var borderWidth = data.border_width ? parseInt(data.border_width, 10) : 0;\n\n if (borderRadius <= borderWidth) {\n return \"0\";\n }\n\n return borderRadius - borderWidth + \"px\";\n };\n\n return OverlayBorderRadius;\n }();\n\n return OverlayBorderRadius;\n});\n//# sourceMappingURL=overlay-border-radius.js.map","Magento_PageBuilder/js/converter/style/color.js":"/*eslint-disable */\n/* jscs:disable */\ndefine([\"Magento_PageBuilder/js/utils/object\"], function (_object) {\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n\n /**\n * @api\n */\n var Color = /*#__PURE__*/function () {\n \"use strict\";\n\n function Color() {}\n\n var _proto = Color.prototype;\n\n /**\n * Convert value to internal format\n *\n * @param value string\n * @returns {string | object}\n */\n _proto.fromDom = function fromDom(value) {\n if (value === \"default\" || value === \"initial\" || value === \"\") {\n value = \"\";\n } else {\n var regexp = /(\\d{0,3}),\\s(\\d{0,3}),\\s(\\d{0,3})/;\n var matches = regexp.exec(value);\n\n if (matches) {\n value = \"#\" + this.fromIntToHex(parseInt(matches[1], 10)) + this.fromIntToHex(parseInt(matches[2], 10)) + this.fromIntToHex(parseInt(matches[3], 10));\n }\n }\n\n return value;\n }\n /**\n * Convert value to knockout format\n *\n * @param name string\n * @param data Object\n * @returns {string | object}\n */\n ;\n\n _proto.toDom = function toDom(name, data) {\n return (0, _object.get)(data, name, \"\");\n }\n /**\n * Convert from int to hex\n *\n * @param {number} value\n * @returns {string}\n */\n ;\n\n _proto.fromIntToHex = function fromIntToHex(value) {\n var hex = value.toString(16);\n return hex.length === 1 ? \"0\" + hex : hex;\n };\n\n return Color;\n }();\n\n return Color;\n});\n//# sourceMappingURL=color.js.map","Magento_PageBuilder/js/converter/style/margins.js":"/*eslint-disable */\n/* jscs:disable */\ndefine([\"underscore\", \"Magento_PageBuilder/js/utils/object\"], function (_underscore, _object) {\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n\n /**\n * @api\n */\n var Margins = /*#__PURE__*/function () {\n \"use strict\";\n\n function Margins() {}\n\n var _proto = Margins.prototype;\n\n /**\n * Convert value to internal format\n *\n * @param value string\n * @returns {string | object}\n */\n _proto.fromDom = function fromDom(value) {\n if (undefined !== value.margin) {\n return {\n margin: {\n top: value.margin.top.replace(\"px\", \"\"),\n left: value.margin.left.replace(\"px\", \"\"),\n right: value.margin.right.replace(\"px\", \"\"),\n bottom: value.margin.bottom.replace(\"px\", \"\")\n }\n };\n }\n\n return {};\n }\n /**\n * Convert value to knockout format\n *\n * @param {string} name\n * @param {DataObject} data\n * @returns {string | object}\n */\n ;\n\n _proto.toDom = function toDom(name, data) {\n var result = {};\n var value = (0, _object.get)(data, name);\n\n if (value && _underscore.isString(value)) {\n value = JSON.parse(value);\n }\n\n if (value && undefined !== value.margin) {\n result.marginLeft = value.margin.left ? value.margin.left + \"px\" : \"\";\n result.marginTop = value.margin.top ? value.margin.top + \"px\" : \"\";\n result.marginRight = value.margin.right ? value.margin.right + \"px\" : \"\";\n result.marginBottom = value.margin.bottom ? value.margin.bottom + \"px\" : \"\";\n }\n\n return result;\n };\n\n return Margins;\n }();\n\n return Margins;\n});\n//# sourceMappingURL=margins.js.map","Magento_PageBuilder/js/converter/style/video-overlay-color.js":"/*eslint-disable */\n/* jscs:disable */\ndefine([\"Magento_PageBuilder/js/utils/object\"], function (_object) {\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n var VideoOverlayColor = /*#__PURE__*/function () {\n \"use strict\";\n\n function VideoOverlayColor() {}\n\n var _proto = VideoOverlayColor.prototype;\n\n /**\n * Convert value to internal format\n *\n * @param value string\n * @returns {string | object}\n */\n _proto.fromDom = function fromDom(value) {\n return value;\n }\n /**\n * Convert value to knockout format\n *\n * @param name string\n * @param data Object\n * @returns {string | object}\n */\n ;\n\n _proto.toDom = function toDom(name, data) {\n var value = (0, _object.get)(data, name);\n\n if (value !== \"\" && value !== undefined) {\n return value;\n }\n\n return \"transparent\";\n };\n\n return VideoOverlayColor;\n }();\n\n return VideoOverlayColor;\n});\n//# sourceMappingURL=video-overlay-color.js.map","Magento_PageBuilder/js/converter/style/min-height.js":"/*eslint-disable */\n/* jscs:disable */\ndefine([\"Magento_PageBuilder/js/utils/object\"], function (_object) {\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n\n /**\n * @api\n */\n var MinHeight = /*#__PURE__*/function () {\n \"use strict\";\n\n function MinHeight() {}\n\n var _proto = MinHeight.prototype;\n\n /**\n * Convert value to internal format\n *\n * @param value string\n * @returns {string | object}\n */\n _proto.fromDom = function fromDom(value) {\n return value.indexOf(\"calc\") !== -1 ? value.substring(5, value.length - 1) : value;\n }\n /**\n * Convert value to knockout format\n *\n * @param name string\n * @param data Object\n * @returns {string | object}\n */\n ;\n\n _proto.toDom = function toDom(name, data) {\n var value = (0, _object.get)(data, name);\n return value.split(/\\+|\\-|\\*|\\//).length > 1 ? \"calc(\" + (0, _object.get)(data, name) + \")\" : value;\n };\n\n return MinHeight;\n }();\n\n return MinHeight;\n});\n//# sourceMappingURL=min-height.js.map","Magento_PageBuilder/js/converter/style/border-width.js":"/*eslint-disable */\n/* jscs:disable */\ndefine([\"Magento_PageBuilder/js/utils/object\"], function (_object) {\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n\n /**\n * @api\n */\n var BorderWidth = /*#__PURE__*/function () {\n \"use strict\";\n\n function BorderWidth() {}\n\n var _proto = BorderWidth.prototype;\n\n /**\n * Convert value to internal format\n *\n * @param value string\n * @returns {string | object}\n */\n _proto.fromDom = function fromDom(value) {\n return value === \"initial\" ? \"\" : value.replace(\"px\", \"\");\n }\n /**\n * Convert value to knockout format\n *\n * @param {string} name\n * @param {DataObject} data\n * @returns {string | object}\n */\n ;\n\n _proto.toDom = function toDom(name, data) {\n var value = (0, _object.get)(data, name);\n\n if (value) {\n return value + \"px\";\n }\n };\n\n return BorderWidth;\n }();\n\n return BorderWidth;\n});\n//# sourceMappingURL=border-width.js.map","Magento_PageBuilder/js/converter/style/paddings.js":"/*eslint-disable */\n/* jscs:disable */\ndefine([\"underscore\", \"Magento_PageBuilder/js/utils/object\"], function (_underscore, _object) {\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n\n /**\n * @api\n */\n var Paddings = /*#__PURE__*/function () {\n \"use strict\";\n\n function Paddings() {}\n\n var _proto = Paddings.prototype;\n\n /**\n * Convert value to internal format\n *\n * @param value string\n * @returns {string | object}\n */\n _proto.fromDom = function fromDom(value) {\n if (undefined !== value.padding) {\n return {\n padding: {\n top: value.padding.top.replace(\"px\", \"\"),\n left: value.padding.left.replace(\"px\", \"\"),\n right: value.padding.right.replace(\"px\", \"\"),\n bottom: value.padding.bottom.replace(\"px\", \"\")\n }\n };\n }\n\n return {};\n }\n /**\n * Convert value to knockout format\n *\n * @param {string} name\n * @param {DataObject} data\n * @returns {string | object}\n */\n ;\n\n _proto.toDom = function toDom(name, data) {\n var result = {};\n var value = (0, _object.get)(data, name);\n\n if (value && _underscore.isString(value)) {\n value = JSON.parse(value);\n }\n\n if (value && undefined !== value.padding) {\n result.paddingLeft = value.padding.left ? value.padding.left + \"px\" : \"\";\n result.paddingTop = value.padding.top ? value.padding.top + \"px\" : \"\";\n result.paddingRight = value.padding.right ? value.padding.right + \"px\" : \"\";\n result.paddingBottom = value.padding.bottom ? value.padding.bottom + \"px\" : \"\";\n }\n\n return result;\n };\n\n return Paddings;\n }();\n\n return Paddings;\n});\n//# sourceMappingURL=paddings.js.map","Magento_PageBuilder/js/converter/style/preview/display.js":"/*eslint-disable */\n/* jscs:disable */\ndefine([], function () {\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n\n /**\n * @api\n */\n var Display = /*#__PURE__*/function () {\n \"use strict\";\n\n function Display() {}\n\n var _proto = Display.prototype;\n\n /**\n * Ensure the display none property doesn't persist to the preview\n *\n * @param value string\n * @returns {string | object}\n */\n _proto.fromDom = function fromDom(value) {\n return;\n }\n /**\n * Ensure the display none property doesn't persist to the preview\n *\n * @param name string\n * @param data Object\n * @returns {string}\n */\n ;\n\n _proto.toDom = function toDom(name, data) {\n return;\n };\n\n return Display;\n }();\n\n return Display;\n});\n//# sourceMappingURL=display.js.map","Magento_PageBuilder/js/converter/style/preview/background-image.js":"/*eslint-disable */\n/* jscs:disable */\ndefine([\"Magento_PageBuilder/js/utils/object\"], function (_object) {\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n\n /**\n * @api\n */\n var BackgroundImage = /*#__PURE__*/function () {\n \"use strict\";\n\n function BackgroundImage() {}\n\n var _proto = BackgroundImage.prototype;\n\n /**\n * Convert value to internal format\n *\n * @param value string\n * @returns {string | object}\n */\n _proto.fromDom = function fromDom(value) {\n return value;\n }\n /**\n * Convert value to knockout format\n *\n * @param name string\n * @param data Object\n * @returns {string}\n */\n ;\n\n _proto.toDom = function toDom(name, data) {\n var value = (0, _object.get)(data, name);\n\n if (value && typeof value[0] === \"object\") {\n return \"url(\" + value[0].url + \")\";\n }\n\n return \"\";\n };\n\n return BackgroundImage;\n }();\n\n return BackgroundImage;\n});\n//# sourceMappingURL=background-image.js.map","Magento_PageBuilder/js/converter/html/decode.js":"/*eslint-disable */\n/* jscs:disable */\ndefine([\"Magento_PageBuilder/js/utils/directives\", \"Magento_PageBuilder/js/utils/object\"], function (_directives, _object) {\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n\n /**\n * @api\n */\n var Decode = /*#__PURE__*/function () {\n \"use strict\";\n\n function Decode() {}\n\n var _proto = Decode.prototype;\n\n /**\n * Convert value to internal format\n *\n * @param {string} value\n * @returns {string | object}\n */\n _proto.fromDom = function fromDom(value) {\n // Convert the encoded string back to HTML without executing\n var html = new DOMParser().parseFromString(value, \"text/html\");\n return html.body.textContent;\n }\n /**\n * Convert value to knockout format\n *\n * @param {string} name\n * @param {Object} data\n * @returns {string}\n */\n ;\n\n _proto.toDom = function toDom(name, data) {\n return (0, _directives.removeQuotesInMediaDirectives)((0, _object.get)(data, name));\n };\n\n return Decode;\n }();\n\n return Decode;\n});\n//# sourceMappingURL=decode.js.map","Magento_PageBuilder/js/converter/html/tag-escaper.js":"/*eslint-disable */\n/* jscs:disable */\ndefine([\"underscore\", \"Magento_PageBuilder/js/utils/object\"], function (_underscore, _object) {\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n var TagEscaper = /*#__PURE__*/function () {\n \"use strict\";\n\n function TagEscaper() {}\n\n var _proto = TagEscaper.prototype;\n\n /**\n * Convert value to internal format\n *\n * @param {string} value\n * @returns {string | object}\n */\n _proto.fromDom = function fromDom(value) {\n var result = (0, _underscore.unescape)(value); // Have to do a manual replace since underscore un-escape does not un-escape \n\n return result.replace(/ /g, String.fromCharCode(160));\n }\n /**\n * Convert value to knockout format\n *\n * @param {string} name\n * @param {Object} data\n * @returns {string}\n */\n ;\n\n _proto.toDom = function toDom(name, data) {\n return (0, _underscore.escape)((0, _object.get)(data, name));\n };\n\n return TagEscaper;\n }();\n\n return TagEscaper;\n});\n//# sourceMappingURL=tag-escaper.js.map","Magento_PageBuilder/js/converter/html/directive.js":"/*eslint-disable */\n/* jscs:disable */\ndefine([\"Magento_PageBuilder/js/utils/directives\", \"Magento_PageBuilder/js/utils/editor\", \"Magento_PageBuilder/js/utils/object\"], function (_directives, _editor, _object) {\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n\n /**\n * @api\n */\n var Directives = /*#__PURE__*/function () {\n \"use strict\";\n\n function Directives() {}\n\n var _proto = Directives.prototype;\n\n /**\n * Convert value to internal format\n *\n * @param {string} value\n * @returns {string | object}\n */\n _proto.fromDom = function fromDom(value) {\n return value;\n }\n /**\n * Convert value to knockout format\n *\n * @param {string} name\n * @param {Object} data\n * @returns {string}\n */\n ;\n\n _proto.toDom = function toDom(name, data) {\n return (0, _editor.encodeContent)((0, _directives.convertMediaDirectivesToUrls)((0, _directives.removeQuotesInMediaDirectives)((0, _object.get)(data, name))));\n };\n\n return Directives;\n }();\n\n return Directives;\n});\n//# sourceMappingURL=directive.js.map","Magento_PageBuilder/js/converter/attribute/link-type.js":"/*eslint-disable */\n/* jscs:disable */\ndefine([\"Magento_PageBuilder/js/utils/object\"], function (_object) {\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n\n /**\n * @api\n */\n var CreateValueForLinkType = /*#__PURE__*/function () {\n \"use strict\";\n\n function CreateValueForLinkType() {}\n\n var _proto = CreateValueForLinkType.prototype;\n\n /**\n * Convert value to internal format\n *\n * @param value string\n * @returns {string | object}\n */\n _proto.fromDom = function fromDom(value) {\n return value;\n }\n /**\n * Convert value to knockout format\n *\n * @param name string\n * @param data Object\n * @returns {string}\n */\n ;\n\n _proto.toDom = function toDom(name, data) {\n var value = (0, _object.get)(data, name);\n return value && value.type ? value.type : \"default\";\n };\n\n return CreateValueForLinkType;\n }();\n\n return CreateValueForLinkType;\n});\n//# sourceMappingURL=link-type.js.map","Magento_PageBuilder/js/converter/attribute/src.js":"/*eslint-disable */\n/* jscs:disable */\ndefine([\"Magento_PageBuilder/js/config\", \"Magento_PageBuilder/js/utils/image\", \"Magento_PageBuilder/js/utils/object\", \"Magento_PageBuilder/js/utils/url\"], function (_config, _image, _object, _url) {\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n\n /**\n * @api\n */\n var Src = /*#__PURE__*/function () {\n \"use strict\";\n\n function Src() {}\n\n var _proto = Src.prototype;\n\n /**\n * Convert value to internal format\n *\n * @param value string\n * @returns {string | object}\n */\n _proto.fromDom = function fromDom(value) {\n if (!value) {\n return \"\";\n }\n\n return (0, _image.decodeUrl)(value);\n }\n /**\n * Convert value to knockout format\n *\n * @param {string} name\n * @param {DataObject} data\n * @returns {string}\n */\n ;\n\n _proto.toDom = function toDom(name, data) {\n var value = (0, _object.get)(data, name);\n\n if (value[0] === undefined || value[0].url === undefined) {\n return \"\";\n }\n\n var imageUrl = value[0].url;\n var mediaUrl = (0, _url.convertUrlToPathIfOtherUrlIsOnlyAPath)(_config.getConfig(\"media_url\"), imageUrl);\n var mediaPath = imageUrl.split(mediaUrl);\n return \"{{media url=\" + mediaPath[1] + \"}}\";\n };\n\n return Src;\n }();\n\n return Src;\n});\n//# sourceMappingURL=src.js.map","Magento_PageBuilder/js/converter/attribute/video-overlay-color.js":"/*eslint-disable */\n/* jscs:disable */\ndefine([], function () {\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n var OverlayColor = /*#__PURE__*/function () {\n \"use strict\";\n\n function OverlayColor() {}\n\n var _proto = OverlayColor.prototype;\n\n /**\n * Convert value to internal format\n *\n * @param value string\n * @returns {string | object}\n */\n _proto.fromDom = function fromDom(value) {\n return value === \"transparent\" ? \"\" : value;\n }\n /**\n * Convert value to knockout format\n *\n * @param {string} name\n * @param {DataObject} data\n * @returns {string | object}\n */\n ;\n\n _proto.toDom = function toDom(name, data) {\n if (data.video_overlay_color) {\n return data.video_overlay_color.toString();\n }\n\n return \"\";\n };\n\n return OverlayColor;\n }();\n\n return OverlayColor;\n});\n//# sourceMappingURL=video-overlay-color.js.map","Magento_PageBuilder/js/converter/attribute/link-href.js":"/*eslint-disable */\n/* jscs:disable */\ndefine([\"underscore\", \"Magento_PageBuilder/js/utils/object\"], function (_underscore, _object) {\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n\n /**\n * @api\n */\n var CreateValueForHref = /*#__PURE__*/function () {\n \"use strict\";\n\n function CreateValueForHref() {\n this.widgetParamsByLinkType = {\n category: {\n type: \"Magento\\\\Catalog\\\\Block\\\\Category\\\\Widget\\\\Link\",\n id_path: \"category/:href\",\n template: \"Magento_PageBuilder::widget/link_href.phtml\",\n type_name: \"Catalog Category Link\"\n },\n product: {\n type: \"Magento\\\\Catalog\\\\Block\\\\Product\\\\Widget\\\\Link\",\n id_path: \"product/:href\",\n template: \"Magento_PageBuilder::widget/link_href.phtml\",\n type_name: \"Catalog Product Link\"\n },\n page: {\n type: \"Magento\\\\Cms\\\\Block\\\\Widget\\\\Page\\\\Link\",\n page_id: \":href\",\n template: \"Magento_PageBuilder::widget/link_href.phtml\",\n type_name: \"CMS Page Link\"\n }\n };\n }\n\n var _proto = CreateValueForHref.prototype;\n\n /**\n * Convert value to internal format\n *\n * @param value string\n * @returns {string | object}\n */\n _proto.fromDom = function fromDom(value) {\n return value;\n }\n /**\n * Convert value to knockout format\n *\n * @param name string\n * @param data Object\n * @returns {string}\n */\n ;\n\n _proto.toDom = function toDom(name, data) {\n var link = (0, _object.get)(data, name);\n var href = \"\";\n\n if (!link) {\n return href;\n }\n\n var linkType = link.type;\n var isHrefId = !isNaN(parseInt(link[linkType], 10));\n\n if (isHrefId && link) {\n href = this.convertToWidget(link[linkType], linkType);\n } else if (typeof link[linkType] === \"string\") {\n href = link[linkType];\n }\n\n return href;\n }\n /**\n * @param {string} href\n * @param {string} linkType\n * @returns {string}\n */\n ;\n\n _proto.convertToWidget = function convertToWidget(href, linkType) {\n if (!href || !this.widgetParamsByLinkType[linkType]) {\n return href;\n }\n\n var attributesString = _underscore.map(this.widgetParamsByLinkType[linkType], function (val, key) {\n return key + \"='\" + val.replace(\":href\", href) + \"'\";\n }).join(\" \");\n\n return \"{{widget \" + attributesString + \" }}\";\n };\n\n return CreateValueForHref;\n }();\n\n return CreateValueForHref;\n});\n//# sourceMappingURL=link-href.js.map","Magento_PageBuilder/js/converter/attribute/link-target.js":"/*eslint-disable */\n/* jscs:disable */\ndefine([\"Magento_PageBuilder/js/utils/object\"], function (_object) {\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n\n /**\n * @api\n */\n var CreateValueForTarget = /*#__PURE__*/function () {\n \"use strict\";\n\n function CreateValueForTarget() {}\n\n var _proto = CreateValueForTarget.prototype;\n\n /**\n * Convert value to internal format\n *\n * @param value string\n * @returns {string | object}\n */\n _proto.fromDom = function fromDom(value) {\n return value;\n }\n /**\n * Convert value to knockout format\n *\n * @param name string\n * @param data Object\n * @returns {string}\n */\n ;\n\n _proto.toDom = function toDom(name, data) {\n var value = (0, _object.get)(data, name);\n\n if (!value) {\n return \"\";\n }\n\n return value.setting ? \"_blank\" : \"\";\n };\n\n return CreateValueForTarget;\n }();\n\n return CreateValueForTarget;\n});\n//# sourceMappingURL=link-target.js.map","Magento_PageBuilder/js/converter/attribute/preview/store-id.js":"/*eslint-disable */\n/* jscs:disable */\ndefine([\"jquery\"], function (_jquery) {\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n\n /**\n * @api\n */\n var StoreId = /*#__PURE__*/function () {\n \"use strict\";\n\n function StoreId() {}\n\n var _proto = StoreId.prototype;\n\n /**\n * Convert value to internal format\n *\n * @param value string\n * @returns {string | object}\n */\n _proto.fromDom = function fromDom(value) {\n return value;\n }\n /**\n * Convert value to knockout format\n *\n * @param name string\n * @param data Object\n * @returns {string}\n */\n ;\n\n _proto.toDom = function toDom(name, data) {\n if (typeof data[name] !== \"string\") {\n return \"\";\n }\n\n var storeId = (0, _jquery)('[data-role=\"store-view-id\"]').val() || \"0\";\n return data[name].replace(/}}$/, \" store_id=\\\"\" + storeId + \"\\\"}}\");\n };\n\n return StoreId;\n }();\n\n return StoreId;\n});\n//# sourceMappingURL=store-id.js.map","Magento_PageBuilder/js/converter/attribute/preview/src.js":"/*eslint-disable */\n/* jscs:disable */\ndefine([\"Magento_PageBuilder/js/utils/object\"], function (_object) {\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n\n /**\n * @api\n */\n var Src = /*#__PURE__*/function () {\n \"use strict\";\n\n function Src() {}\n\n var _proto = Src.prototype;\n\n /**\n * Convert value to internal format\n *\n * @param value string\n * @returns {string | object}\n */\n _proto.fromDom = function fromDom(value) {\n return value;\n }\n /**\n * Convert value to knockout format\n *\n * @param name string\n * @param data Object\n * @returns {string}\n */\n ;\n\n _proto.toDom = function toDom(name, data) {\n var value = (0, _object.get)(data, name);\n\n if (value && typeof value[0] === \"object\") {\n return value[0].url;\n }\n\n return \"\";\n };\n\n return Src;\n }();\n\n return Src;\n});\n//# sourceMappingURL=src.js.map","Magento_PageBuilder/js/panel/menu.js":"/*eslint-disable */\n/* jscs:disable */\ndefine([\"knockout\"], function (_knockout) {\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n var Menu = /*#__PURE__*/function () {\n \"use strict\";\n\n /**\n * Menu constructor\n *\n * @param id\n * @param menu\n * @param contentTypes\n * @param stageId\n */\n function Menu(id, menu, contentTypes, stageId) {\n if (contentTypes === void 0) {\n contentTypes = [];\n }\n\n this.hidden = _knockout.observable(false);\n this.id = _knockout.observable();\n this.code = _knockout.observable(\"\");\n this.label = _knockout.observable(\"\");\n this.icon = _knockout.observable(\"\");\n this.sort = _knockout.observable();\n this.contentTypes = _knockout.observableArray([]);\n this.active = _knockout.observable(false);\n this.id(id);\n this.code(menu.code);\n this.label(menu.label);\n this.icon(menu.icon);\n this.sort(menu.sort);\n this.contentTypes(contentTypes);\n this.stageId = stageId;\n }\n /**\n * Toggle the menu\n */\n\n\n var _proto = Menu.prototype;\n\n _proto.toggle = function toggle() {\n this.active(!this.active());\n };\n\n return Menu;\n }();\n\n return {\n Menu: Menu\n };\n});\n//# sourceMappingURL=menu.js.map","Magento_PageBuilder/js/panel/menu/content-type.js":"/*eslint-disable */\n/* jscs:disable */\ndefine([\"knockout\", \"Magento_PageBuilder/js/drag-drop/matrix\"], function (_knockout, _matrix) {\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n var ContentType = /*#__PURE__*/function () {\n \"use strict\";\n\n /**\n * @param {string} identifier\n * @param {ContentTypeConfigInterface} config\n * @param {string} stageId\n */\n function ContentType(identifier, config, stageId) {\n this.droppable = true;\n this.icon = _knockout.observable(\"\");\n this.identifier = _knockout.observable(\"\");\n this.label = _knockout.observable(\"\");\n this.config = config;\n this.identifier(identifier);\n this.label(config.label);\n this.icon(config.icon);\n this.stageId = stageId;\n }\n /**\n * Retrieve the config object\n *\n * @returns {ContentTypeConfigInterface}\n */\n\n\n var _proto = ContentType.prototype;\n\n _proto.getConfig = function getConfig() {\n return this.config;\n }\n /**\n * Only connect to container sortable instances that the current content type is accepted into\n *\n * @returns {string}\n */\n ;\n\n _proto.getDraggableOptions = function getDraggableOptions() {\n return {\n connectToSortable: (0, _matrix.getAllowedContainersClasses)(this.config.name, this.stageId)\n };\n };\n\n return ContentType;\n }();\n\n return {\n ContentType: ContentType\n };\n});\n//# sourceMappingURL=content-type.js.map","Magento_PageBuilder/js/utils/string.js":"/*eslint-disable */\n/* jscs:disable */\ndefine([], function () {\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n\n /**\n * Convert from snake case to camel case\n *\n * @param {string} currentString\n * @returns {string}\n * @api\n */\n function fromSnakeToCamelCase(currentString) {\n var parts = currentString.split(/[_-]/);\n var newString = \"\";\n\n for (var i = 1; i < parts.length; i++) {\n newString += parts[i].charAt(0).toUpperCase() + parts[i].slice(1);\n }\n\n return parts[0] + newString;\n }\n /**\n * Convert a camel case string to snake case\n *\n * @param currentString\n */\n\n\n function fromCamelCaseToDash(currentString) {\n return currentString.replace(/[A-Z]/g, function (m) {\n return \"-\" + m.toLowerCase();\n });\n }\n\n return {\n fromSnakeToCamelCase: fromSnakeToCamelCase,\n fromCamelCaseToDash: fromCamelCaseToDash\n };\n});\n//# sourceMappingURL=string.js.map","Magento_PageBuilder/js/utils/directives.js":"/*eslint-disable */\n/* jscs:disable */\ndefine([\"Magento_PageBuilder/js/config\"], function (_config) {\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n\n /**\n * MIME type to use in place of the image\n *\n * @type {string}\n */\n var mimeType = \"text/magento-directive\";\n /**\n * Determine if a URL is a directive of our type\n *\n * @param {string} url\n * @returns {boolean}\n * @api\n */\n\n function isDirectiveDataUrl(url) {\n return url.indexOf(\"data:\" + mimeType) === 0;\n }\n /**\n * Convert a directive into our data URI\n *\n * @param {string} directive\n * @returns {string}\n * @api\n */\n\n\n function toDataUrl(directive) {\n return \"data:\" + mimeType + \",\" + encodeURIComponent(directive);\n }\n /**\n * Convert a URI to it's directive equivalent\n *\n * @param {string} url\n * @returns {string}\n * @api\n */\n\n\n function fromDataUrl(url) {\n if (!isDirectiveDataUrl(url)) {\n throw Error(url + \" is not a magento directive data url\");\n }\n\n return decodeURIComponent(url.split(mimeType + \",\")[1]);\n }\n /**\n * Decode all data URIs present in a string\n *\n * @param {string} str\n * @returns {string}\n * @api\n */\n\n\n function decodeAllDataUrlsInString(str) {\n return str.replace(new RegExp(\"url\\\\s*\\\\(\\\\s*(?:"|\\'|\\\")?(data:\" + mimeType + \",.+?)(?:"|\\'|\\\")?\\\\s*\\\\)\", \"g\"), function (match, url) {\n return \"url(\\'\" + fromDataUrl(url) + \"\\')\";\n });\n }\n /**\n * Retrieve the image URL with directive\n *\n * @param {Array} image\n * @returns {string}\n * @api\n */\n\n\n function getImageUrl(image) {\n var imageUrl = image[0].url;\n var mediaPath = imageUrl.split(_config.getConfig(\"media_url\"));\n return \"{{media url=\" + mediaPath[1] + \"}}\";\n }\n /**\n * Remove quotes in media directives, {{media url=\"wysiwyg/image.png\"}} convert to {{media url=wysiwyg/image.png}}\n *\n * @param {string} html\n * @returns {string}\n * @api\n */\n\n\n function removeQuotesInMediaDirectives(html) {\n if (!html) {\n return \"\";\n }\n\n var mediaDirectiveRegExp = /\\{\\{\\s*media\\s+url\\s*=\\s*(.*?)\\s*\\}\\}/g;\n var urlRegExp = /\\{\\{\\s*media\\s+url\\s*=\\s*(.*)\\s*\\}\\}/;\n var mediaDirectiveMatches = html.match(mediaDirectiveRegExp);\n\n if (mediaDirectiveMatches) {\n mediaDirectiveMatches.forEach(function (mediaDirective) {\n var urlMatches = mediaDirective.match(urlRegExp);\n\n if (urlMatches && urlMatches[1] !== undefined) {\n var directiveWithOutQuotes = \"{{media url=\" + urlMatches[1].replace(/(\"|"|\\s)/g, \"\") + \"}}\";\n html = html.replace(mediaDirective, directiveWithOutQuotes);\n }\n });\n }\n\n return html;\n }\n /**\n * Replace media directives with actual media URLs\n *\n * @param {string} html\n * @returns {string}\n * @api\n */\n\n\n function convertMediaDirectivesToUrls(html) {\n if (!html) {\n return \"\";\n }\n\n var mediaDirectiveRegExp = /\\{\\{\\s*media\\s+url\\s*=\\s*\"?[^\"\\s\\}]+\"?\\s*\\}\\}/g;\n var mediaDirectiveMatches = html.match(mediaDirectiveRegExp);\n\n if (mediaDirectiveMatches) {\n mediaDirectiveMatches.forEach(function (mediaDirective) {\n var urlRegExp = /\\{\\{\\s*media\\s+url\\s*=\\s*(?:\"|")?(.+)(?=}})\\s*\\}\\}/;\n var urlMatches = mediaDirective.match(urlRegExp);\n\n if (urlMatches && typeof urlMatches[1] !== \"undefined\") {\n html = html.replace(mediaDirective, _config.getConfig(\"media_url\") + urlMatches[1].replace(/\"$/, \"\").replace(/"$/, \"\"));\n }\n });\n }\n\n return html;\n }\n /**\n * Replace data-src attribute with src.\n *\n * @param {string} html\n * @returns {string}\n */\n\n\n function replaceWithSrc(html) {\n return html.replace(new RegExp(\"data-tmp-src=\\\"\\{\\{\", \"g\"), \"src=\\\"{{\");\n }\n /**\n * Replace src attribute with data-tmp-src.\n *\n * @param {string} html\n * @returns {string}\n */\n\n\n function replaceWithDataSrc(html) {\n return html.replace(new RegExp(\"src=\\\"\\{\\{\", \"g\"), \"data-tmp-src=\\\"{{\");\n }\n\n return Object.assign(decodeAllDataUrlsInString, {\n toDataUrl: toDataUrl,\n fromDataUrl: fromDataUrl,\n getImageUrl: getImageUrl,\n removeQuotesInMediaDirectives: removeQuotesInMediaDirectives,\n convertMediaDirectivesToUrls: convertMediaDirectivesToUrls,\n replaceWithSrc: replaceWithSrc,\n replaceWithDataSrc: replaceWithDataSrc\n });\n});\n//# sourceMappingURL=directives.js.map","Magento_PageBuilder/js/utils/promise-deferred.js":"/*eslint-disable */\n/* jscs:disable */\ndefine([], function () {\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n\n /**\n * Returns a deferred promise\n *\n * @returns {DeferredInterface}\n * @api\n */\n function deferred() {\n var resolve;\n var reject;\n var promise = new Promise(function (promiseResolve, promiseReject) {\n resolve = promiseResolve;\n reject = promiseReject;\n });\n return {\n resolve: resolve,\n reject: reject,\n promise: promise\n };\n }\n\n return deferred;\n});\n//# sourceMappingURL=promise-deferred.js.map","Magento_PageBuilder/js/utils/map.js":"/**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n\n/**\n * googleMaps dependency is added within googlemaps.phtml through shim based on API key being set\n *\n * @api\n */\ndefine([\n 'underscore',\n 'module',\n 'Magento_PageBuilder/js/events'\n], function (_, module, events) {\n 'use strict';\n\n var google = window.google || {},\n\n /**\n * Generates a google map usable latitude and longitude object\n *\n * @param {Object} position\n * @return {google.maps.LatLng}\n */\n getGoogleLatitudeLongitude = function (position) {\n return new google.maps.LatLng(position.latitude, position.longitude);\n },\n gmAuthFailure = false;\n\n // jscs:disable requireCamelCaseOrUpperCaseIdentifiers\n /**\n * Google's error listener for map loader failures\n */\n window.gm_authFailure = function () {\n events.trigger('googleMaps:authFailure');\n gmAuthFailure = true;\n };\n // jscs:enable requireCamelCaseOrUpperCaseIdentifiers\n\n return function (element, markers, additionalOptions) {\n var options,\n style;\n\n // If we've previously had an API key error, throw the error even again\n if (gmAuthFailure) {\n events.trigger('googleMaps:authFailure');\n\n return;\n }\n\n // If Google Maps isn't loaded don't try init the map, it won't work\n if (typeof google.maps === 'undefined') {\n return;\n }\n\n /**\n * Just in case of a bad JSON that bypassed validation\n */\n try {\n style = module.config().style ? JSON.parse(module.config().style) : [];\n }\n catch (error) {\n style = [];\n }\n options = _.extend({\n zoom: 8,\n center: getGoogleLatitudeLongitude({\n latitude: 30.2672,\n longitude: -97.7431\n }),\n scrollwheel: false,\n disableDoubleClickZoom: false,\n disableDefaultUI: false,\n mapTypeControl: true,\n mapTypeControlOptions: {\n style: google.maps.MapTypeControlStyle.DEFAULT\n },\n styles: style\n }, additionalOptions);\n\n /* Create the map */\n this.map = new google.maps.Map(element, options);\n this.markers = [];\n\n /**\n * Callback function on map config update\n * @param {Array} newMarkers\n * @param {Object} updateOptions\n */\n this.onUpdate = function (newMarkers, updateOptions) {\n this.map.setOptions(updateOptions);\n this.setMarkers(newMarkers);\n };\n\n /**\n * Sets the markers to selected map\n * @param {Object} newMarkers\n */\n this.setMarkers = function (newMarkers) {\n var activeInfoWindow,\n latitudeLongitudeBounds = new google.maps.LatLngBounds();\n\n this.markers.forEach(function (marker) {\n marker.setMap(null);\n }, this);\n\n this.markers = [];\n this.bounds = [];\n\n /**\n * Creates and set listener for markers\n */\n if (newMarkers && newMarkers.length) {\n newMarkers.forEach(function (newMarker) {\n var location = _.escape(newMarker['location_name']) || '',\n comment = newMarker.comment ?\n '<p>' + _.escape(newMarker.comment).replace(/(?:\\r\\n|\\r|\\n)/g, '<br/>') + '</p>'\n : '',\n phone = newMarker.phone ? '<p>Phone: ' + _.escape(newMarker.phone) + '</p>' : '',\n address = newMarker.address ? _.escape(newMarker.address) + '<br/>' : '',\n city = _.escape(newMarker.city) || '',\n country = newMarker.country ? _.escape(newMarker.country) : '',\n state = newMarker.state ? _.escape(newMarker.state) + ' ' : '',\n zipCode = newMarker.zipcode ? _.escape(newMarker.zipcode) : '',\n cityComma = city !== '' && (zipCode !== '' || state !== '') ? ', ' : '',\n lineBreak = city !== '' || zipCode !== '' ? '<br/>' : '',\n contentString =\n '<div>' +\n '<h3><b>' + location + '</b></h3>' +\n comment +\n phone +\n '<p><span>' + address +\n city + cityComma + state + zipCode + lineBreak +\n country + '</span></p>' +\n '</div>',\n infowindow = new google.maps.InfoWindow({\n content: contentString,\n maxWidth: 350\n }),\n newCreatedMarker = new google.maps.Marker({\n map: this.map,\n position: getGoogleLatitudeLongitude(newMarker.position),\n title: location\n });\n\n if (location) {\n newCreatedMarker.addListener('click', function () {\n if (activeInfoWindow) {\n activeInfoWindow.close();\n }\n\n infowindow.open(this.map, newCreatedMarker);\n activeInfoWindow = infowindow;\n }, this);\n }\n\n this.markers.push(newCreatedMarker);\n this.bounds.push(getGoogleLatitudeLongitude(newMarker.position));\n }, this);\n }\n\n /**\n * This sets the bounds of the map for multiple locations\n */\n if (this.bounds.length > 1) {\n this.bounds.forEach(function (bound) {\n latitudeLongitudeBounds.extend(bound);\n });\n this.map.fitBounds(latitudeLongitudeBounds);\n }\n\n /**\n * Zoom to 8 if there is only a single location\n */\n if (this.bounds.length === 1) {\n this.map.setCenter(this.bounds[0]);\n this.map.setZoom(8);\n }\n };\n\n this.setMarkers(markers);\n };\n});\n","Magento_PageBuilder/js/utils/editor.js":"/*eslint-disable */\n/* jscs:disable */\ndefine([\"jquery\", \"mage/adminhtml/tools\", \"mage/translate\", \"mageUtils\", \"Magento_PageBuilder/js/config\"], function (_jquery, _tools, _translate, _mageUtils, _config) {\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n\n /**\n * Is the inline WYSIWYG supported?\n */\n function isWysiwygSupported() {\n return _config.getConfig(\"can_use_inline_editing_on_stage\");\n }\n /**\n * Encode content for TinyMCE\n *\n * @param content\n */\n\n\n function encodeContent(content) {\n if (isWysiwygSupported()) {\n return convertVariablesToHtmlPreview(convertWidgetsToHtmlPreview(unescapeDoubleQuoteWithinWidgetDirective(removeInvalidPlaceholders(content))));\n }\n\n return content;\n }\n /**\n * Prior to parsing the content remove any invalid placeholders within the content\n *\n * @param content\n */\n\n\n function removeInvalidPlaceholders(content) {\n if (content.indexOf(\"magento-placeholder\") !== -1) {\n var html = new DOMParser().parseFromString(content, \"text/html\");\n var placeholders = html.querySelectorAll(\"span.magento-placeholder\");\n\n if (placeholders.length > 0) {\n [].slice.call(placeholders).forEach(function (placeholder) {\n // If the invalid placeholder contains a directive, let's insert it back where it belongs\n if (placeholder.innerText.indexOf(\"{{\") !== -1) {\n placeholder.parentNode.insertBefore(document.createTextNode(placeholder.innerText), placeholder);\n }\n\n placeholder.remove();\n });\n }\n\n return html.body.innerHTML;\n }\n\n return content;\n }\n /**\n * Convert all variables to their HTML preview counterparts\n *\n * Re-implements logic from lib/web/mage/adminhtml/wysiwyg/tiny_mce/plugins/magentovariable/editor_plugin.js to parse\n * and replace the variables within the content.\n *\n * @param content\n */\n\n\n function convertVariablesToHtmlPreview(content) {\n var config = _config.getConfig(\"tinymce\").variables;\n\n var magentoVariables = JSON.parse(config.placeholders);\n return content.replace(/{\\{\\s?(?:customVar code=|config path=\\\")([^\\}\\\"]+)[\\\"]?\\s?\\}\\}/ig, function (match, path) {\n var id = btoa(path).replace(/\\+/g, \":\").replace(/\\//g, \"_\").replace(/=/g, \"-\");\n var placeholder = (0, _jquery)(\"<span />\").addClass(\"magento-variable\").addClass(\"magento-placeholder\").addClass(\"mceNonEditable\").prop(\"id\", id).prop(\"contentEditable\", \"false\");\n\n if (magentoVariables[path].variable_type === \"custom\") {\n placeholder.addClass(\"magento-custom-var\");\n }\n\n var variableType = magentoVariables[path].variable_type;\n\n if (magentoVariables[path] && (variableType === \"default\" || variableType === \"custom\")) {\n placeholder.text(magentoVariables[path].variable_name);\n } else {\n // If we're unable to find the placeholder we need to attach an error class\n placeholder.addClass(\"magento-placeholder-error\");\n placeholder.text(variableType === \"custom\" ? path : (0, _translate)(\"Not Found\"));\n }\n\n return placeholder[0].outerHTML;\n });\n }\n /**\n * Convert widgets within content to their HTML counterparts\n *\n * @param content\n */\n\n\n function convertWidgetsToHtmlPreview(content) {\n var config = _config.getConfig(\"tinymce\").widgets;\n\n return content.replace(/\\{\\{widget([\\S\\s]*?)\\}\\}/ig, function (match, widgetBody) {\n var attributes = parseAttributesString(widgetBody);\n var imageSrc;\n\n if (attributes.type) {\n var placeholder = (0, _jquery)(\"<span />\").addClass(\"magento-placeholder\").addClass(\"magento-widget\").addClass(\"mceNonEditable\").prop(\"id\", _mageUtils.uniqueid()).prop(\"contentEditable\", \"false\");\n attributes.type = attributes.type.replace(/\\\\\\\\/g, \"\\\\\");\n imageSrc = config.placeholders[attributes.type];\n\n if (!imageSrc) {\n imageSrc = config.error_image_url;\n placeholder.addClass(\"magento-placeholder-error\");\n }\n\n var image = (0, _jquery)(\"<img />\").prop(\"id\", window.Base64.idEncode(match)).prop(\"src\", imageSrc);\n placeholder.append(image);\n var widgetType = \"\";\n\n if (config.types[attributes.type]) {\n widgetType += config.types[attributes.type];\n }\n\n placeholder.append((0, _jquery)(document.createTextNode(widgetType)));\n return placeholder[0].outerHTML;\n }\n });\n }\n /**\n * Parse attributes into a string\n *\n * @param attributes\n */\n\n\n function parseAttributesString(attributes) {\n var result = {};\n attributes.replace(/(\\w+)(?:\\s*=\\s*(?:(?:\"((?:\\\\.|[^\"])*)\")|(?:'((?:\\\\.|[^'])*)')|([^>\\s]+)))?/g, function (match, key, value) {\n result[key] = value ? value.replace(/"e;/g, \"\\\"\") : value;\n return \"\";\n });\n return result;\n }\n /**\n * Lock all image sizes before initializing TinyMCE to avoid content jumps\n *\n * @param element\n */\n\n\n function lockImageSize(element) {\n [].slice.call(element.querySelectorAll(\"img\")).forEach(function (image) {\n if (image.style.width.length === 0) {\n image.style.width = /^\\d+$/.test(image.getAttribute(\"width\")) ? image.getAttribute(\"width\") + \"px\" : image.getAttribute(\"width\");\n image.setAttribute(\"data-width-locked\", \"true\");\n }\n\n if (image.style.height.length === 0) {\n image.style.height = /^\\d+$/.test(image.getAttribute(\"height\")) ? image.getAttribute(\"height\") + \"px\" : image.getAttribute(\"height\");\n image.setAttribute(\"data-height-locked\", \"true\");\n }\n });\n }\n /**\n * Reverse forced image size after TinyMCE is finished initializing\n *\n * @param element\n */\n\n\n function unlockImageSize(element) {\n [].slice.call(element.querySelectorAll(\"img\")).forEach(function (image) {\n if (image.getAttribute(\"data-width-locked\")) {\n image.style.width = null;\n image.removeAttribute(\"data-width-locked\");\n }\n\n if (image.getAttribute(\"data-height-locked\")) {\n image.style.height = null;\n image.removeAttribute(\"data-height-locked\");\n }\n });\n }\n /**\n * Create a bookmark within the content to be restored later\n */\n\n\n function createBookmark(event) {\n var wrapperElement = (0, _jquery)(event.target).parents(\".inline-wysiwyg\");\n /**\n * Create an element bookmark\n *\n * @param element\n */\n\n var createElementBookmark = function createElementBookmark(element) {\n return {\n name: element.nodeName,\n index: findNodeIndex(wrapperElement[0], element.nodeName, element)\n };\n }; // Handle direct clicks onto an IMG\n\n\n if (event.target.nodeName === \"IMG\") {\n return createElementBookmark(event.target);\n }\n\n if (window.getSelection) {\n var selection = window.getSelection();\n\n var id = _mageUtils.uniqueid();\n\n if (selection.getRangeAt && selection.rangeCount) {\n var range = normalizeTableCellSelection(selection.getRangeAt(0).cloneRange()); // Determine if the current node is an image or span that we want to select instead of text\n\n var currentNode = range.startContainer;\n\n if (currentNode.nodeType === Node.ELEMENT_NODE && (currentNode.nodeName === \"IMG\" || currentNode.nodeName === \"SPAN\" && currentNode.classList.contains(\"magento-placeholder\"))) {\n return createElementBookmark(currentNode);\n } // Also check if the direct parent is either of these\n\n\n var parentNode = range.startContainer.parentNode;\n\n if (parentNode.nodeName === \"IMG\" || parentNode.nodeName === \"SPAN\" && parentNode.classList.contains(\"magento-placeholder\")) {\n return createElementBookmark(parentNode);\n }\n\n if (!range.collapsed) {\n range.collapse(false);\n var endBookmarkNode = createBookmarkSpan(id + \"_end\");\n range.insertNode(endBookmarkNode);\n }\n\n var range2 = normalizeTableCellSelection(selection.getRangeAt(0));\n range2.collapse(true);\n var startBookmarkNode = createBookmarkSpan(id + \"_start\");\n range2.insertNode(startBookmarkNode);\n return {\n id: id\n };\n }\n }\n\n return null;\n }\n /**\n * Move the cursor to our new bookmark\n *\n * @param bookmark\n */\n\n\n function moveToBookmark(bookmark) {\n window.tinymce.activeEditor.selection.moveToBookmark(bookmark);\n }\n /**\n * Retrieve active editor from TinyMCE\n */\n\n\n function getActiveEditor() {\n return window.tinymce.activeEditor;\n }\n /**\n * Create a bookmark span for the selection\n *\n * @param id\n */\n\n\n function createBookmarkSpan(id) {\n var bookmark = document.createElement(\"span\");\n bookmark.setAttribute(\"data-mce-type\", \"bookmark\");\n bookmark.id = id;\n bookmark.style.overflow = \"hidden\";\n bookmark.style.lineHeight = \"0px\";\n return bookmark;\n }\n /**\n * Find the index of an element within a wrapper\n *\n * @param wrapperElement\n * @param name\n * @param element\n */\n\n\n function findNodeIndex(wrapperElement, name, element) {\n var selector = name.toLowerCase() + ':not([data-mce-bogus=\"all\"])'; // If there is no ID on the element add a unique ID so we can efficiently find it\n\n if (!element.id) {\n element.id = _mageUtils.uniqueid();\n }\n\n return (0, _jquery)(wrapperElement).find(selector).toArray().findIndex(function (node) {\n return node.id === element.id;\n });\n }\n /**\n * Get a node by index within a wrapper\n *\n * @param wrapperElement\n * @param name\n * @param index\n */\n\n\n function getNodeByIndex(wrapperElement, name, index) {\n var selector = name.toLowerCase() + ':not([data-mce-bogus=\"all\"])';\n return (0, _jquery)(wrapperElement).find(selector).get(index);\n }\n /**\n * Create a double click event that works in all browsers\n */\n\n\n function createDoubleClickEvent() {\n try {\n return new MouseEvent(\"dblclick\", {\n view: window,\n bubbles: true,\n cancelable: true\n });\n } catch (e) {\n var dblClickEvent = document.createEvent(\"MouseEvent\");\n dblClickEvent.initMouseEvent(\"dblclick\", true, true, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null);\n return dblClickEvent;\n }\n }\n /**\n * Replace all desktop styles that left unprocessed back to style element to prevent data corruption.\n */\n\n\n function processInlineStyles(html) {\n var name = _config.getConfig(\"defaultViewport\");\n\n var searchPattern = new RegExp(\"data-\" + name + \"-style=\", \"g\");\n return html.replace(searchPattern, \"style=\");\n }\n /**\n * Move the end point of a range to handle tables\n *\n * @param range\n * @param start\n */\n\n\n function moveEndPoint(range, start) {\n var container;\n var offset;\n var childNodes;\n\n if (start) {\n container = range.startContainer;\n offset = range.startOffset;\n } else {\n container = range.endContainer;\n offset = range.endOffset;\n }\n\n if (container.nodeType === Node.ELEMENT_NODE && container.nodeName === \"TR\") {\n childNodes = container.childNodes;\n container = childNodes[Math.min(start ? offset : offset - 1, childNodes.length - 1)];\n\n if (container) {\n offset = start ? 0 : container.childNodes.length;\n\n if (start) {\n range.setStart(container, offset);\n } else {\n range.setEnd(container, offset);\n }\n }\n }\n }\n /**\n * Normalize the table sell selection within a range to better handle selections being inside of tables\n *\n * @param range\n */\n\n\n function normalizeTableCellSelection(range) {\n moveEndPoint(range, true);\n moveEndPoint(range, false);\n return range;\n }\n /**\n * Convert HTML encoded double quote to double quote with backslash within widget directives\n *\n * @param {string} content\n * @returns {string}\n */\n\n\n function escapeDoubleQuoteWithinWidgetDirective(content) {\n return content.replace(/\\{\\{widget[\\S\\s]*?\\}\\}/ig, function (match) {\n return match.replace(/"/g, \"\\\\\\\"\");\n });\n }\n /**\n * Convert double quote with backslash to HTML encoded double quote within widget directives\n *\n * @param {string} content\n * @returns {string}\n */\n\n\n function unescapeDoubleQuoteWithinWidgetDirective(content) {\n return content.replace(/\\{\\{widget[\\S\\s]*?\\}\\}/ig, function (match) {\n return match.replace(/\\\\+\"/g, \""\");\n });\n }\n /**\n * Convert double quote to single quote within magento variable directives\n *\n * @param {string} content\n * @returns {string}\n */\n\n\n function replaceDoubleQuoteWithSingleQuoteWithinVariableDirective(content) {\n // Find html elements which attributes contain magento variables directives\n return content.replace(/<([a-z0-9\\-\\_]+)([^>]+?[a-z0-9\\-\\_]+=\"[^\"]*?\\{\\{.+?\\}\\}.*?\".*?)>/gi, function (match1, tag, attributes) {\n // Replace double quote with single quote within magento variable directive\n var sanitizedAttributes = attributes.replace(/\\{\\{[^\\{\\}]+\\}\\}/gi, function (match2) {\n return match2.replace(/\"/g, \"'\");\n });\n return \"<\" + tag + sanitizedAttributes + \">\";\n });\n }\n\n return {\n isWysiwygSupported: isWysiwygSupported,\n encodeContent: encodeContent,\n parseAttributesString: parseAttributesString,\n lockImageSize: lockImageSize,\n unlockImageSize: unlockImageSize,\n createBookmark: createBookmark,\n moveToBookmark: moveToBookmark,\n getActiveEditor: getActiveEditor,\n findNodeIndex: findNodeIndex,\n getNodeByIndex: getNodeByIndex,\n createDoubleClickEvent: createDoubleClickEvent,\n processInlineStyles: processInlineStyles,\n escapeDoubleQuoteWithinWidgetDirective: escapeDoubleQuoteWithinWidgetDirective,\n unescapeDoubleQuoteWithinWidgetDirective: unescapeDoubleQuoteWithinWidgetDirective,\n replaceDoubleQuoteWithSingleQuoteWithinVariableDirective: replaceDoubleQuoteWithSingleQuoteWithinVariableDirective\n };\n});\n//# sourceMappingURL=editor.js.map","Magento_PageBuilder/js/utils/url.js":"/*eslint-disable */\n/* jscs:disable */\ndefine([], function () {\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n\n /**\n * Check for whether url string contains only a path\n *\n * @param {String} url\n * @returns {Boolean}\n */\n function isPathOnly(url) {\n return url.indexOf(\"/\") === 0;\n }\n /**\n * Get the path from a URL\n *\n * @param {String} url\n * @returns {String}\n */\n\n\n function getPathFromUrl(url) {\n var a = document.createElement(\"a\");\n a.href = url;\n return a.pathname;\n }\n /**\n * Convert url to path if other url is only a path\n *\n * @param {string} url\n * @param {string} otherUrl\n * @returns {string}\n * @api\n */\n\n\n function convertUrlToPathIfOtherUrlIsOnlyAPath(url, otherUrl) {\n return isPathOnly(otherUrl) ? getPathFromUrl(url) : url;\n }\n\n return {\n convertUrlToPathIfOtherUrlIsOnlyAPath: convertUrlToPathIfOtherUrlIsOnlyAPath\n };\n});\n//# sourceMappingURL=url.js.map","Magento_PageBuilder/js/utils/pagebuilder-header-height.js":"/*eslint-disable */\n/* jscs:disable */\ndefine([\"jquery\"], function (_jquery) {\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n\n /**\n * Checks if PageBuilder has header and returns it's height\n *\n * @param {string} stageId\n * @param {string} stageWrapper\n * @param {string} pageBuilderHeader\n * @returns {number}\n */\n function pageBuilderHeaderHeight(stageId, stageWrapper, pageBuilderHeader) {\n if (stageWrapper === void 0) {\n stageWrapper = \".pagebuilder-stage-wrapper\";\n }\n\n if (pageBuilderHeader === void 0) {\n pageBuilderHeader = \".pagebuilder-header\";\n }\n\n var $stageWrapper = (0, _jquery)(\"#\" + stageId).closest(stageWrapper);\n var $pageBuilderHeader = $stageWrapper.find(pageBuilderHeader);\n return !!$pageBuilderHeader.length ? $pageBuilderHeader.height() : 0;\n }\n\n return pageBuilderHeaderHeight;\n});\n//# sourceMappingURL=pagebuilder-header-height.js.map","Magento_PageBuilder/js/utils/check-stage-full-screen.js":"/*eslint-disable */\n/* jscs:disable */\ndefine([\"jquery\"], function (_jquery) {\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n\n /**\n * Check if stage full screen mode is active\n *\n * @param {string} stageId\n * @returns {boolean}\n */\n function checkStageFullScreen(stageId) {\n var $stage = (0, _jquery)(\"#\" + stageId);\n var $fullScreenStageWrapper = $stage.closest(\".stage-full-screen\");\n return !!$fullScreenStageWrapper.length;\n }\n\n return checkStageFullScreen;\n});\n//# sourceMappingURL=check-stage-full-screen.js.map","Magento_PageBuilder/js/utils/object.js":"/*eslint-disable */\n/* jscs:disable */\ndefine([\"object-path\"], function (_objectPath) {\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n\n /**\n * Retrieve a value from an object via a path\n *\n * @param {object} object\n * @param {string} path\n * @param {TResult} defaultValue\n * @returns {TResult}\n */\n function get(object, path, defaultValue) {\n return _objectPath.get(object, path, defaultValue);\n }\n /**\n * Set a value within an object via a path\n *\n * @param {object} object\n * @param {string} path\n * @param {TResult} value\n * @returns {TResult | undefined}\n */\n\n\n function set(object, path, value) {\n return _objectPath.set(object, path, value);\n }\n\n return {\n get: get,\n set: set\n };\n});\n//# sourceMappingURL=object.js.map","Magento_PageBuilder/js/utils/delay-until.js":"/*eslint-disable */\n/* jscs:disable */\ndefine([], function () {\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n\n /**\n * Delay until a condition is met\n *\n * @param {() => void} callback\n * @param {() => boolean} condition\n * @param {number} interval\n */\n function delayUntil(callback, condition, interval) {\n if (interval === void 0) {\n interval = 50;\n }\n\n var delayInterval = setInterval(function () {\n if (condition()) {\n clearInterval(delayInterval);\n callback();\n }\n }, interval);\n }\n\n return delayUntil;\n});\n//# sourceMappingURL=delay-until.js.map","Magento_PageBuilder/js/utils/breakpoints.js":"/**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n\ndefine([\n 'underscore'\n], function (_) {\n 'use strict';\n\n return {\n /**\n * Build media query.\n *\n * @param {Object} conditions\n * @returns {String}\n */\n buildMedia: function (conditions) {\n var result = _.map(_.pairs(conditions), function (condition) {\n return '(' + condition.join(': ') + ')';\n });\n\n return result.join(' and ');\n }\n };\n});\n","Magento_PageBuilder/js/utils/array.js":"/*eslint-disable */\n/* jscs:disable */\ndefine([], function () {\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n\n /**\n * Move an array item within the current array\n *\n * @param array\n * @param fromIndex\n * @param toIndex\n * @returns {Array<any>}\n */\n function moveArrayItem(array, fromIndex, toIndex) {\n array.splice(toIndex, 0, array.splice(fromIndex, 1)[0]);\n return array;\n }\n /**\n * Move an array item from one array into another\n *\n * @param item\n * @param array\n * @param toIndex\n * @returns {Array<any>}\n */\n\n\n function moveArrayItemIntoArray(item, array, toIndex) {\n array.splice(toIndex, 0, item);\n return array;\n }\n /**\n * Remove an array item\n *\n * @param array\n * @param item\n * @returns {Array<any>}\n */\n\n\n function removeArrayItem(array, item) {\n var index = array.indexOf(item);\n\n if (index > -1) {\n array.splice(index, 1);\n }\n\n return array;\n }\n /**\n * Search outwards from an array item until a callback matches\n *\n * @author https://github.com/thejameskyle/outward-search\n *\n * @param {any[]} items\n * @param {number} start\n * @param {(item: any, index: number) => boolean} callback\n * @returns {any}\n * @api\n */\n\n\n function outwardSearch(items, start, callback) {\n if (!items.length) {\n return null;\n }\n\n if (start < 0 || start > items.length - 1) {\n throw new TypeError(\"starting index must be within bounds of array\");\n }\n\n var max = items.length - 1;\n var low = start;\n var high = start + 1;\n\n while (true) {\n var hitMin = low < 0;\n var hitMax = high > max;\n\n if (hitMin && hitMax) {\n break;\n }\n\n if (!hitMin) {\n var _item = items[low];\n var result = callback(_item, low);\n\n if (!!result) {\n return _item;\n }\n\n low--;\n }\n\n if (!hitMax) {\n var _item2 = items[high];\n\n var _result = callback(_item2, high);\n\n if (!!_result) {\n return _item2;\n }\n\n high++;\n }\n }\n\n return null;\n }\n\n return {\n moveArrayItem: moveArrayItem,\n moveArrayItemIntoArray: moveArrayItemIntoArray,\n removeArrayItem: removeArrayItem,\n outwardSearch: outwardSearch\n };\n});\n//# sourceMappingURL=array.js.map","Magento_PageBuilder/js/utils/text.js":"/*eslint-disable */\n/* jscs:disable */\ndefine([], function () {\n \"use strict\";\n});\n//# sourceMappingURL=text.js.map","Magento_PageBuilder/js/utils/create-stylesheet.js":"/*eslint-disable */\n/* jscs:disable */\ndefine([], function () {\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n\n /**\n * Create a stylesheet DOM object from a style block declaration\n *\n * @param {StyleBlocks} blocks\n * @returns {HTMLStyleElement}\n * @api\n */\n function createStyleSheet(blocks) {\n var style = document.createElement(\"style\");\n var text = Object.keys(blocks).map(function (selector) {\n return selector + (\" {\\n\" + processDeclarationBlock(blocks[selector]) + \"\\n}\");\n }).join(\"\\n\");\n style.setAttribute(\"type\", \"text/css\");\n style.appendChild(document.createTextNode(text));\n return style;\n }\n /**\n * Process a declaration block from the rule set\n *\n * @param {StyleBlock} block\n * @returns {string}\n */\n\n\n function processDeclarationBlock(block) {\n return Object.keys(block).map(function (property) {\n return processDeclaration(property, block[property]);\n }).join(\"\\n\");\n }\n /**\n * Process a declaration, creating the property: value syntax\n *\n * @param {string} property\n * @param {string | number} value\n * @returns {string}\n */\n\n\n function processDeclaration(property, value) {\n return hyphenate(property) + (\": \" + value + \";\");\n }\n /**\n * Hyphenate style property, from textAlign to text-align\n *\n * @param {string} property\n * @returns {string}\n */\n\n\n function hyphenate(property) {\n return property.replace(/[A-Z]/g, function (match) {\n return \"-\" + match.toLowerCase();\n });\n }\n\n return {\n createStyleSheet: createStyleSheet\n };\n});\n//# sourceMappingURL=create-stylesheet.js.map","Magento_PageBuilder/js/utils/image.js":"/*eslint-disable */\n/* jscs:disable */\ndefine([\"Magento_PageBuilder/js/config\", \"Magento_PageBuilder/js/utils/directives\", \"Magento_PageBuilder/js/utils/url\"], function (_config, _directives, _url) {\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n\n /**\n * Decode image background URL to object\n *\n * @param value\n * @returns {Object}\n * @api\n */\n function decodeUrl(value) {\n var result = \"\";\n value = decodeURIComponent(value.replace(window.location.href, \"\"));\n var regexp = /{{.*\\s*url=\"?(.*\\.([a-z|A-Z]*))\"?\\s*}}/;\n\n if (regexp.test(value)) {\n var _regexp$exec = regexp.exec(value),\n url = _regexp$exec[1],\n type = _regexp$exec[2];\n\n var image = {\n name: url.split(\"/\").pop(),\n size: 0,\n type: \"image/\" + type,\n url: _config.getConfig(\"media_url\") + url\n };\n result = [image];\n }\n\n return result;\n }\n /**\n * Convert a URL to an image directive\n *\n * @param {string} imageUrl\n * @returns {string}\n */\n\n\n function urlToDirective(imageUrl) {\n var mediaUrl = (0, _url.convertUrlToPathIfOtherUrlIsOnlyAPath)(_config.getConfig(\"media_url\"), imageUrl);\n var mediaPath = imageUrl.split(mediaUrl);\n return \"{{media url=\" + mediaPath[1] + \"}}\";\n }\n /**\n * Convert an image URL to a background image data uri\n *\n * @param {string} imageUrl\n * @returns {string}\n */\n\n\n function imageToBackgroundImageDataUrl(imageUrl) {\n return \"url(\\'\" + (0, _directives.toDataUrl)(urlToDirective(imageUrl)) + \"\\')\";\n }\n\n return {\n decodeUrl: decodeUrl,\n urlToDirective: urlToDirective,\n imageToBackgroundImageDataUrl: imageToBackgroundImageDataUrl\n };\n});\n//# sourceMappingURL=image.js.map","Magento_PageBuilder/js/utils/position-sticky.js":"/*eslint-disable */\n/* jscs:disable */\ndefine([], function () {\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n\n /**\n * Determine if the current browser supports position sticky\n *\n * @returns {boolean}\n */\n function supportsPositionSticky() {\n if (!window.getComputedStyle) {\n return false;\n }\n\n var testNode = document.createElement(\"div\");\n return [\"\", \"-webkit-\", \"-moz-\", \"-ms-\"].some(function (prefix) {\n try {\n testNode.style.position = prefix + \"sticky\";\n } catch (e) {// Fail silently\n }\n\n return testNode.style.position !== \"\";\n });\n }\n\n return {\n supportsPositionSticky: supportsPositionSticky\n };\n});\n//# sourceMappingURL=position-sticky.js.map","Magento_PageBuilder/js/utils/nesting-link-dialog.js":"/*eslint-disable */\n/* jscs:disable */\ndefine([\"jquery\", \"mage/translate\", \"Magento_PageBuilder/js/modal/dismissible-confirm\"], function (_jquery, _translate, _dismissibleConfirm) {\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n\n /**\n * Validate inline editor for having nested link\n * Creates a dialog and removes inline editor link if present\n *\n * @param {DataStore} dataStore\n * @param {WysiwygInterface} wysiwyg\n * @param {string} inlineMessageField\n * @param {string} linkUrlField\n */\n function nestingLinkDialog(dataStore, wysiwyg, inlineMessageField, linkUrlField) {\n var dataStoreContent = dataStore.getState();\n var inlineMessage = dataStoreContent[inlineMessageField];\n var linkUrl = dataStoreContent[linkUrlField];\n var aLinkRegex = /(<a[\\s]+[^>]+).+(?=<\\/a>)<\\/a>/igm;\n\n if (wysiwyg && inlineMessage.match(aLinkRegex) && linkUrl && [\"page\", \"product\", \"category\", \"default\"].indexOf(linkUrl.type) !== -1 && linkUrl[linkUrl.type] && linkUrl[linkUrl.type].length !== 0) {\n var inlineEditor = (0, _jquery)(\"#\" + wysiwyg.elementId);\n inlineEditor.trigger(\"blur\");\n (0, _dismissibleConfirm)({\n actions: {\n always: function always() {\n var anchorLessDataStoreMessage = inlineMessage.replace(aLinkRegex, \"\");\n var anchorLessInlineMessage = inlineEditor.html().replace(aLinkRegex, \"\");\n dataStore.set(inlineMessageField, anchorLessDataStoreMessage);\n inlineEditor.html(anchorLessInlineMessage);\n }\n },\n content: (0, _translate)(\"We are unable to support links within the content field whilst having a link set on the content type. Please remove the content type link if you'd like to set a link within the content. We will automatically remove the links within the content field.\"),\n // tslint:disable-line:max-line-length\n title: (0, _translate)(\"Nested links are not allowed\"),\n haveCancelButton: false\n });\n }\n }\n\n return nestingLinkDialog;\n});\n//# sourceMappingURL=nesting-link-dialog.js.map","Magento_PageBuilder/js/utils/nesting-widget-dialog.js":"/*eslint-disable */\n/* jscs:disable */\ndefine([\"jquery\", \"mage/translate\", \"Magento_PageBuilder/js/modal/dismissible-confirm\"], function (_jquery, _translate, _dismissibleConfirm) {\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n\n /**\n * Validate inline editor for having nested widget\n * Creates a dialog and removes inline editor widget if present\n *\n * @param {DataStore} dataStore\n * @param {WysiwygInterface} wysiwyg\n * @param {string} inlineMessageField\n * @param {string} linkUrlField\n */\n function nestingWidgetDialog(dataStore, wysiwyg, inlineMessageField, linkUrlField) {\n var dataStoreContent = dataStore.getState();\n var inlineMessage = dataStoreContent[inlineMessageField];\n var linkUrl = dataStoreContent[linkUrlField];\n var widgetRegex = /\\{\\{widget([\\S\\s]*?)\\}\\}/ig;\n var widgetPlaceholderRegex = /<span.*(class=)(\\\"|\\').*((magento-placeholder).*(magento-widget)|(magento-widget).*(magento-placeholder)).*<\\/span>/igm;\n\n if (wysiwyg && inlineMessage.match(widgetRegex) && linkUrl && [\"page\", \"product\", \"category\", \"default\"].indexOf(linkUrl.type) !== -1 && linkUrl[linkUrl.type] && linkUrl[linkUrl.type].length !== 0) {\n var inlineEditor = (0, _jquery)(\"#\" + wysiwyg.elementId);\n inlineEditor.trigger(\"blur\");\n (0, _dismissibleConfirm)({\n actions: {\n always: function always() {\n var widgetLessDataStoreMessage = inlineMessage.replace(widgetRegex, \"\");\n var widgetLessInlineMessage = inlineEditor.html().replace(widgetPlaceholderRegex, \"\");\n dataStore.set(inlineMessageField, widgetLessDataStoreMessage);\n inlineEditor.html(widgetLessInlineMessage);\n }\n },\n content: (0, _translate)(\"We are unable to support widget within the content field whilst having a link set on the content type. Please remove the content type link if you'd like to set a widget within the content. We will automatically remove the widget within the content field.\"),\n // tslint:disable-line:max-line-length\n title: (0, _translate)(\"Nested widgets are not allowed\"),\n haveCancelButton: false\n });\n }\n }\n\n return nestingWidgetDialog;\n});\n//# sourceMappingURL=nesting-widget-dialog.js.map","Magento_PageBuilder/js/utils/loader.js":"/*eslint-disable */\n/* jscs:disable */\ndefine([], function () {\n /**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n function load(dependencies, factory, onError) {\n require(dependencies, factory, onError);\n }\n\n return load;\n});\n//# sourceMappingURL=loader.js.map","Magento_PageBuilder/js/modal/dismissible-confirm.js":"/**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n\n/**\n * Extend the confirmation prompt to allow for an additional checkbox to be displayed. The checkbox enables the user to\n * dismiss subsequent prompts of the same type based on their dismissKey.\n *\n * Once a type is dismissed a cookie is set and all future instances of that prompt are bypassed. This cookie is\n * cleared once the user logs out and back in via an observer.\n */\ndefine([\n 'jquery',\n 'underscore',\n 'text!Magento_PageBuilder/template/modal/dismissible-modal-content.html',\n 'mage/translate',\n 'Magento_Ui/js/modal/prompt',\n 'mage/cookies'\n], function ($, _, promptContentTmpl, $t) {\n 'use strict';\n\n /**\n * Create buttons array for modal options\n *\n * @param {Boolean} haveCancelButton\n * @return {Object}\n */\n function buttonsConfig(haveCancelButton) {\n var cancelButton = {\n text: $.mage.__('Cancel'),\n class: 'action-secondary action-dismiss',\n\n /**\n * Click handler.\n */\n click: function () {\n this.closeModal(false);\n }\n },\n confirmButton = {\n text: $.mage.__('OK'),\n class: 'action-primary action-accept',\n\n /**\n * Click handler.\n */\n click: function () {\n this.closeModal(true);\n }\n },\n buttons = [];\n\n if (haveCancelButton !== false) {\n buttons.push(cancelButton);\n }\n buttons.push(confirmButton);\n\n return buttons;\n }\n\n $.widget('mage.dismissibleConfirm', $.mage.prompt, {\n options: {\n promptContentTmpl: promptContentTmpl,\n dismissible: false, // Can the modal be dismissed?\n dismissKey: 'default', // The key we'll check to see if the modal has already been dismissed\n dismissMessage: $t('Do not show this again'), // Message to display next to the dismiss checkbox\n dismissCheckbox: '[name=\"modal-dnsa\"]' // Selector to retrieve dismiss checkbox\n },\n\n /**\n * Open the modal window, if the modal has been dismissed, then run the confirm & always actions and don't\n * don't open the modal\n *\n * @returns {*}\n */\n openModal: function () {\n if ($.mage.cookies.get(this.options.dismissKey) === 'true') {\n this.options.actions.confirm();\n\n return this.options.actions.always(); // Always runs after confirm in confirm.js\n }\n\n return this._super();\n },\n\n /**\n * Close modal window.\n *\n * @param {Boolean} result\n */\n closeModal: function (result) {\n this._super(result);\n\n if (result && this._isDismissed()) {\n $.mage.cookies.set(this.options.dismissKey, 'true', {});\n }\n },\n\n /**\n * Is the dismissed checkbox checked?\n *\n * @private\n */\n _isDismissed: function () {\n return this.modal.find(this.options.dismissCheckbox).is(':checked');\n }\n });\n\n return function (config) {\n config.buttons = buttonsConfig(config.haveCancelButton);\n delete config.haveCancelButton;\n\n return $('<div></div>').html(config.content).dismissibleConfirm(config);\n };\n});\n","Magento_PageBuilder/js/modal/modal.js":"/**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n\ndefine([\n 'Magento_Ui/js/modal/modal-component',\n 'Magento_PageBuilder/js/events'\n], function (ModalComponent, events) {\n 'use strict';\n\n return ModalComponent.extend({\n defaults: {\n titlePrefix: '${ $.options.title }',\n modules: {\n insertForm: '${ $.insertFormProvider }'\n }\n },\n\n /** @inheritdoc */\n initialize: function () {\n this._super();\n\n events.on('form:renderAfter', function (params) {\n this.openModal();\n this.setTitle(this.titlePrefix + ' ' + params.title);\n this.startListen(params.id);\n }.bind(this));\n\n return this;\n },\n\n /**\n * Listen for from save.\n *\n * @param {String} id\n */\n startListen: function (id) {\n events.on('form:' + id + ':saveAfter', function () {\n this.closeModal();\n }.bind(this));\n\n },\n\n /**\n * Trigger modalClosed event on external provider\n *\n * @returns {any}\n */\n closeModal: function () {\n this.insertForm() &&\n this.insertForm().externalSource() &&\n this.insertForm().externalSource().trigger('data.modalClosed');\n\n return this._super();\n }\n });\n});\n","Magento_PageBuilder/js/modal/confirm-alert.js":"/**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n\ndefine([\n 'jquery',\n 'jquery-ui-modules/widget',\n 'Magento_Ui/js/modal/alert',\n 'jquery/z-index'\n], function ($) {\n 'use strict';\n\n $.widget('mage.confirmAlert', $.mage.alert, {\n /**\n * Fix issue with zIndex when removing the alert from the screen\n * @private\n */\n _unsetActive: function () {\n this._super();\n\n if (this.overlay) {\n this.overlay.zIndex('');\n }\n }\n });\n\n return function (config) {\n return $('<div></div>').html(config.content).confirmAlert(config);\n };\n});\n","Magento_PageBuilder/js/modal/template-manager-modal.js":"/**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n\ndefine([\n 'jquery',\n 'Magento_Ui/js/modal/modal-component',\n 'Magento_PageBuilder/js/events',\n 'underscore',\n 'Magento_PageBuilder/js/stage-builder'\n], function ($, ModalComponent, events, _, stageBuilder) {\n 'use strict';\n\n return ModalComponent.extend({\n defaults: {\n stage: null,\n modules: {\n messageContainer: '${ $.messageContainerProvider }',\n listing: '${ $.listingProvider }'\n }\n },\n\n /** @inheritdoc */\n initialize: function () {\n this._super();\n _.bindAll(this, 'closeModal');\n\n events.on('stage:templateManager:open', function (params) {\n this.openModal();\n this.stage = params.stage;\n }.bind(this));\n\n return this;\n },\n\n /**\n * Apply selected template\n *\n * @param {String} template\n */\n applySelected: function (template) {\n if (template) {\n // Destroy the old content in the stage\n this.stage.pageBuilder.destroy();\n $('body').trigger('processStart');\n\n stageBuilder(this.stage, template).then(function () {\n $('body').trigger('processStop');\n this.closeModal();\n }.bind(this));\n }\n }\n });\n});\n","Magento_PageBuilder/js/modal/template-manager-save.js":"/**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n\n/**\n * @api\n */\ndefine([\n 'jquery',\n 'underscore',\n 'mage/translate',\n 'Magento_Ui/js/modal/prompt'\n], function ($, _, $t) {\n 'use strict';\n\n $.widget('mage.templateManagerSave', $.mage.prompt, {\n options: {\n createdForField: '[data-role=\"createdForField\"]',\n previewImage: '[data-role=\"preview-image\"]',\n previewImageSpinner: '[data-role=\"preview-image-spinner\"]',\n saveButton: '[data-role=\"action\"].action-save',\n form: 'form',\n buttons: [{\n text: $.mage.__('Cancel'),\n class: 'action-secondary action-dismiss',\n\n /**\n * Click handler.\n */\n click: function () {\n this.closeModal();\n }\n }, {\n text: $.mage.__('Save'),\n class: 'action-primary action-save',\n\n /**\n * Click handler.\n */\n click: function () {\n this.submit();\n }\n }]\n },\n\n /**\n * Create widget\n *\n * @private\n */\n _create: function () {\n this._super();\n\n this.modal.find(this.options.saveButton).prop('disabled', 'disabled');\n // Ensure if the form is submitted through hitting enter we handle it correctly\n this.modal.find(this.options.form).on('submit', function (event) {\n event.preventDefault();\n this.submit();\n }.bind(this));\n },\n\n /**\n * Validate prompt contains a template name\n *\n * @returns {Boolean}\n */\n validate: function () {\n return this.modal.find(this.options.promptField) &&\n !_.isEmpty(this.modal.find(this.options.promptField).val());\n },\n\n /**\n * Save the values within the prompt\n */\n submit: function () {\n var name,\n createdFor;\n\n if (this.options.validation && !this.validate()) {\n return false;\n }\n\n $('body').trigger('processStart');\n\n name = this.modal.find(this.options.promptField).val();\n createdFor = this.modal.find(this.options.createdForField).val();\n\n this.options.actions.confirm.call(this, name, createdFor).then(function () {\n this.closeModal(true);\n $('body').trigger('processStop');\n }.bind(this)).catch(function () {\n $('body').trigger('processStop');\n });\n },\n\n /**\n * Set the preview image\n *\n * @param {String} image\n */\n setPreviewImage: function (image) {\n var previewImage = this.modal.find(this.options.previewImage),\n previewImageSpinner = this.modal.find(this.options.previewImageSpinner);\n\n // Update the preview image within the modal\n previewImageSpinner.hide();\n previewImage.append(\n $('<img />').prop('src', image).prop('alt', $t('Template Preview'))\n ).show();\n\n // Enable the button so the user can save\n this.modal.find(this.options.saveButton).prop('disabled', false);\n },\n\n /**\n * Close modal window\n */\n closeModal: function (saved) {\n if (!saved) {\n this.options.actions.cancel.call(this, saved);\n }\n\n this.options.actions.always();\n this.element.on('promptclosed', _.bind(this._remove, this));\n\n return this._super();\n }\n });\n\n return function (config) {\n return $('<div class=\"prompt-message\"></div>').html(config.content).templateManagerSave(config);\n };\n});\n","Magento_AdminAnalytics/js/release-notification/modal/component-mixin.js":"/**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n\ndefine(['jquery', 'analyticsPopupConfig'], function ($, analyticsPopupConfig) {\n 'use strict';\n\n var deferred = $.Deferred(),\n\n mixin = {\n /**\n * Initializes content only if its visible\n */\n initializeContent: function () {\n var initializeContent = this._super.bind(this);\n\n if (!analyticsPopupConfig.analyticsVisible) {\n initializeContent();\n } else {\n deferred.then(function () {\n initializeContent();\n });\n }\n },\n\n /**\n * Initializes release notification content after admin analytics\n */\n initializeContentAfterAnalytics: function () {\n deferred.resolve();\n }\n };\n\n return function (target) {\n return target.extend(mixin);\n };\n});\n\n","Magento_AdminAnalytics/js/modal/component.js":"/**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n\ndefine([\n 'underscore',\n 'jquery',\n 'Magento_Ui/js/modal/modal-component',\n 'uiRegistry',\n 'analyticsPopupConfig'\n],\n function (_, $, Modal, registry, analyticsPopupConfig) {\n 'use strict';\n\n return Modal.extend(\n {\n defaults: {\n imports: {\n enableLogAction: '${ $.provider }:data.enableLogAction',\n disableLogAction: '${ $.provider }:data.disableLogAction'\n },\n options: {},\n notificationWindow: null\n },\n\n /**\n * Initializes modal on opened function\n */\n initModal: function () {\n this.options.opened = this.onOpened.bind(this);\n this._super();\n },\n\n /**\n * Configure ESC and TAB so user can't leave modal\n * without selecting an option\n *\n * @returns {Object} Chainable.\n */\n initModalEvents: function () {\n this._super();\n //Don't allow ESC key to close modal\n this.options.keyEventHandlers.escapeKey = this.handleEscKey.bind(this);\n //Restrict tab action to the modal\n this.options.keyEventHandlers.tabKey = this.handleTabKey.bind(this);\n\n return this;\n },\n\n /**\n * Once the modal is opened it hides the X\n */\n onOpened: function () {\n $('.modal-header button.action-close').attr('disabled', true).hide();\n\n this.focusableElements = $(this.rootSelector).find('a[href], button:enabled');\n this.firstFocusableElement = this.focusableElements[0];\n this.lastFocusableElement = this.focusableElements[this.focusableElements.length - 1];\n this.firstFocusableElement.focus();\n },\n\n /**\n * Changes admin usage setting to yes\n */\n enableAdminUsage: function () {\n var data = {\n 'form_key': window.FORM_KEY\n };\n\n $.ajax(\n {\n type: 'POST',\n url: this.enableLogAction,\n data: data,\n showLoader: true\n }\n ).done(\n function (xhr) {\n if (xhr.error) {\n self.onError(xhr);\n }\n }\n ).fail(this.onError);\n this.openReleasePopup();\n this.closeModal();\n },\n\n /**\n * Changes admin usage setting to no\n */\n disableAdminUsage: function () {\n var data = {\n 'form_key': window.FORM_KEY\n };\n\n $.ajax(\n {\n type: 'POST',\n url: this.disableLogAction,\n data: data,\n showLoader: true\n }\n ).done(\n function (xhr) {\n if (xhr.error) {\n self.onError(xhr);\n }\n }\n ).fail(this.onError);\n this.openReleasePopup();\n this.closeModal();\n },\n\n /**\n * Allows admin usage popup to be shown first and then new release notification\n */\n openReleasePopup: function () {\n var notificationModalSelector = 'release_notification.release_notification.notification_modal_1';\n\n if (analyticsPopupConfig.releaseVisible) {\n registry.get(notificationModalSelector).initializeContentAfterAnalytics();\n }\n },\n\n /**\n * Handle Tab and Shift+Tab key event\n *\n * Keep the tab actions restricted to the popup modal\n * so the user must select an option to dismiss the modal\n */\n handleTabKey: function (event) {\n var modal = this,\n KEY_TAB = 9;\n\n /**\n * Handle Shift+Tab to tab backwards\n */\n function handleBackwardTab() {\n if (document.activeElement === modal.firstFocusableElement ||\n document.activeElement === $(modal.rootSelector)[0]\n ) {\n event.preventDefault();\n modal.lastFocusableElement.focus();\n }\n }\n\n /**\n * Handle Tab forward\n */\n function handleForwardTab() {\n if (document.activeElement === modal.lastFocusableElement) {\n event.preventDefault();\n modal.firstFocusableElement.focus();\n }\n }\n\n switch (event.keyCode) {\n case KEY_TAB:\n if (modal.focusableElements.length === 1) {\n event.preventDefault();\n break;\n }\n\n if (event.shiftKey) {\n handleBackwardTab();\n break;\n }\n handleForwardTab();\n break;\n default:\n break;\n }\n },\n\n /**\n * Handle Esc key\n *\n * Esc key should not close modal\n */\n handleEscKey: function (event) {\n event.preventDefault();\n }\n }\n );\n }\n);\n","Magento_Downloadable/downloadable-type-handler.js":"/**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\ndefine([\n 'jquery',\n 'Magento_Catalog/js/product/weight-handler',\n 'Magento_Catalog/catalog/type-events'\n], function ($, weight, productType) {\n 'use strict';\n\n return {\n $checkbox: $('[data-action=change-type-product-downloadable]'),\n $items: $('#product_info_tabs_downloadable_items'),\n $tab: null,\n isDownloadable: false,\n\n /**\n * Show\n */\n show: function () {\n this.$checkbox.prop('checked', true);\n this.$items.show();\n },\n\n /**\n * Hide\n */\n hide: function () {\n this.$checkbox.prop('checked', false);\n this.$items.hide();\n },\n\n /**\n * Constructor component\n * @param {Object} data - this backend data\n */\n 'Magento_Downloadable/downloadable-type-handler': function (data) {\n this.$tab = $('[data-tab=' + data.tabId + ']');\n this.isDownloadable = data.isDownloadable;\n this.bindAll();\n this._initType();\n },\n\n /**\n * Bind all\n */\n bindAll: function () {\n this.$checkbox.on('change', function (event) {\n $(document).trigger('setTypeProduct', $(event.target).prop('checked') ?\n 'downloadable' :\n productType.type.init === 'downloadable' ? 'virtual' : productType.type.init\n );\n });\n\n $(document).on('changeTypeProduct', this._initType.bind(this));\n },\n\n /**\n * Init type\n * @private\n */\n _initType: function () {\n if (productType.type.current === 'downloadable') {\n weight.change(false);\n weight.$weightSwitcher().one('change', function () {\n $(document).trigger(\n 'setTypeProduct',\n productType.type.init === 'downloadable' ? 'virtual' : productType.type.init\n );\n });\n this.show();\n } else {\n this.hide();\n }\n }\n };\n});\n","Magento_Downloadable/js/components/use-price-default-handler.js":"/**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\ndefine([\n 'Magento_Ui/js/form/element/single-checkbox'\n], function (Element) {\n 'use strict';\n\n return Element.extend({\n defaults: {\n linksPurchasedSeparately: '0',\n listens: {\n linksPurchasedSeparately: 'changeVisibleStatus'\n }\n },\n\n /**\n * Change visibility of checkbox\n */\n changeVisibleStatus: function () {\n if (this.linksPurchasedSeparately === '1') {\n this.visible(true);\n } else {\n this.visible(false);\n }\n }\n });\n});\n","Magento_Downloadable/js/components/file-uploader.js":"/**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\ndefine([\n 'Magento_Ui/js/form/element/file-uploader'\n], function (Element) {\n 'use strict';\n\n return Element.extend({\n defaults: {\n fileInputName: ''\n },\n\n /**\n * Adds provided file to the files list.\n *\n * @param {Object} file\n * @returns {FileUploder} Chainable.\n */\n addFile: function (file) {\n var processedFile = this.processFile(file),\n tmpFile = [],\n resultFile = {\n 'file': processedFile.file,\n 'name': processedFile.name,\n 'size': processedFile.size,\n 'status': processedFile.status ? processedFile.status : 'new'\n };\n\n tmpFile[0] = resultFile;\n\n this.isMultipleFiles ?\n this.value.push(tmpFile) :\n this.value(tmpFile);\n\n return this;\n }\n });\n});\n","Magento_Downloadable/js/components/price-handler.js":"/**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\ndefine([\n 'Magento_Ui/js/form/element/abstract'\n], function (Element) {\n 'use strict';\n\n return Element.extend({\n defaults: {\n linksPurchasedSeparately: '0',\n useDefaultPrice: false,\n listens: {\n linksPurchasedSeparately: 'changeDisabledStatus',\n useDefaultPrice: 'changeDisabledStatus'\n }\n },\n\n /**\n * Invokes initialize method of parent class,\n * contains initialization logic\n */\n initialize: function () {\n this._super();\n this.changeDisabledStatus();\n\n return this;\n },\n\n /**\n * Disable/enable price field\n */\n changeDisabledStatus: function () {\n if (this.linksPurchasedSeparately === '1') {\n if (this.useDefaultPrice) {\n this.disabled(true);\n } else {\n this.disabled(false);\n }\n } else {\n this.disabled(true);\n }\n }\n });\n});\n","Magento_Downloadable/js/components/upload-type-handler.js":"/**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\ndefine([\n 'Magento_Ui/js/form/element/select',\n 'uiRegistry'\n], function (Select, registry) {\n 'use strict';\n\n return Select.extend({\n defaults: {\n listens: {\n value: 'changeTypeUpload'\n },\n typeUrl: 'file',\n typeFile: 'link_url',\n filterPlaceholder: 'ns = ${ $.ns }, parentScope = ${ $.parentScope }'\n },\n\n /**\n * Initialize component.\n * @returns {Element}\n */\n initialize: function () {\n return this\n ._super()\n .changeTypeUpload(this.initialValue);\n },\n\n /**\n * Callback that fires when 'value' property is updated.\n *\n * @param {String} currentValue\n * @returns {*}\n */\n onUpdate: function (currentValue) {\n this.changeTypeUpload(currentValue);\n\n return this._super();\n },\n\n /**\n * Change visibility for typeUrl/typeFile based on current value.\n *\n * @param {String} currentValue\n */\n changeTypeUpload: function (currentValue) {\n var componentFile = this.filterPlaceholder + ', index=' + this.typeFile,\n componentUrl = this.filterPlaceholder + ', index=' + this.typeUrl;\n\n switch (currentValue) {\n\n case 'file':\n this.changeVisible(componentFile, true);\n this.changeVisible(componentUrl, false);\n break;\n\n case 'url':\n this.changeVisible(componentFile, false);\n this.changeVisible(componentUrl, true);\n break;\n }\n },\n\n /**\n * Change visible\n *\n * @param {String} filter\n * @param {Boolean} visible\n */\n changeVisible: function (filter, visible) {\n registry.async(filter)(\n function (currentComponent) {\n currentComponent.visible(visible);\n }\n );\n }\n });\n});\n","Magento_Downloadable/js/components/is-downloadable-handler.js":"/**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\ndefine([\n 'Magento_Ui/js/form/element/single-checkbox'\n], function (Element) {\n 'use strict';\n\n return Element.extend({\n defaults: {\n listens: {\n disabled: 'changeVisibility'\n },\n modules: {\n samplesFieldset: '${ $.samplesFieldset }',\n linksFieldset: '${ $.linksFieldset}'\n }\n },\n\n /**\n * Change visibility for samplesFieldset & linksFieldset based on current statuses of checkbox.\n */\n changeVisibility: function () {\n if (this.samplesFieldset() && this.linksFieldset()) {\n if (this.checked() && !this.disabled()) {\n this.samplesFieldset().visible(true);\n this.linksFieldset().visible(true);\n } else {\n this.samplesFieldset().visible(false);\n this.linksFieldset().visible(false);\n }\n }\n },\n\n /**\n * Handle checked state changes for checkbox / radio button.\n *\n * @param {Boolean} newChecked\n */\n onCheckedChanged: function (newChecked) {\n this.changeVisibility();\n this._super(newChecked);\n }\n });\n});\n","Magento_User/js/roles-tree.js":"/**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n\n/**\n * @api\n */\ndefine([\n 'jquery',\n 'jquery/ui',\n 'jquery/jstree/jquery.jstree'\n], function ($) {\n 'use strict';\n\n $.widget('mage.rolesTree', {\n options: {\n treeInitData: {},\n editFormSelector: '',\n resourceFieldName: 'resource[]',\n checkboxVisible: true\n },\n\n /** @inheritdoc */\n _create: function () {\n this.element.jstree({\n plugins: ['checkbox'],\n checkbox: {\n // jscs:disable requireCamelCaseOrUpperCaseIdentifiers\n three_state: false,\n // jscs:enable requireCamelCaseOrUpperCaseIdentifiers\n visible: this.options.checkboxVisible,\n cascade: 'undetermined'\n },\n core: {\n data: this.options.treeInitData,\n themes: {\n dots: false\n }\n }\n });\n this._bind();\n },\n\n /**\n * @private\n */\n _destroy: function () {\n this.element.jstree('destroy');\n },\n\n /**\n * @private\n */\n _bind: function () {\n this.element.on('select_node.jstree', $.proxy(this._selectChildNodes, this));\n this.element.on('deselect_node.jstree', $.proxy(this._deselectChildNodes, this));\n this.element.on('changed.jstree', $.proxy(this._changedNode, this));\n },\n\n /**\n * @param {Event} event\n * @param {Object} selected\n * @private\n */\n _selectChildNodes: function (event, selected) {\n // jscs:disable requireCamelCaseOrUpperCaseIdentifiers\n selected.instance.open_node(selected.node);\n selected.node.children.each(function (id) {\n var selector = '[id=\"' + id + '\"]';\n\n selected.instance.select_node(\n selected.instance.get_node($(selector), false)\n );\n });\n // jscs:enable requireCamelCaseOrUpperCaseIdentifiers\n },\n\n /**\n * @param {Event} event\n * @param {Object} selected\n * @private\n */\n _deselectChildNodes: function (event, selected) {\n selected.node.children.each(function (id) {\n var selector = '[id=\"' + id + '\"]';\n\n // jscs:disable requireCamelCaseOrUpperCaseIdentifiers\n selected.instance.deselect_node(\n selected.instance.get_node($(selector), false)\n );\n // jscs:enable requireCamelCaseOrUpperCaseIdentifiers\n });\n },\n\n /**\n * Add selected resources to form to be send later\n *\n * @param {Event} event\n * @param {Object} selected\n * @private\n */\n _changedNode: function (event, selected) {\n var form = $(this.options.editFormSelector),\n fieldName = this.options.resourceFieldName,\n items = selected.selected.concat($(this.element).jstree('get_undetermined'));\n\n if (this.options.editFormSelector === '') {\n return;\n }\n form.find('input[name=\"' + this.options.resourceFieldName + '\"]').remove();\n items.each(function (id) {\n $('<input>', {\n type: 'hidden',\n name: fieldName,\n value: id\n }).appendTo(form);\n });\n }\n });\n\n return $.mage.rolesTree;\n});\n","Magento_User/js/delete-user-account.js":"/**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\ndefine([\n 'jquery'\n], function ($) {\n 'use strict';\n\n var postData;\n\n return function (params, elem) {\n\n elem.on('click', function () {\n\n postData = {\n 'data': {\n 'user_id': params.objId,\n 'current_password': $('[name=\"current_password\"]').val()\n }\n };\n\n if ($.validator.validateElement($('[name=\"current_password\"]'))) {\n window.deleteConfirm(params.message, params.url, postData);\n }\n });\n };\n});\n","Magento_PageBuilderAdminAnalytics/js/page-builder/events-mixin.js":"/**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n\ndefine(['underscore', 'Magento_PageBuilderAdminAnalytics/js/page-builder/event-builder'],\n function (_, EventBuilder) {\n 'use strict';\n\n return function (target) {\n var originalTarget = target.trigger,\n isAdminAnalyticsEnabled,\n event,\n hasPageBuilderBeenUsed = false,\n delayedPush;\n\n /**\n * Invokes custom code to track information regarding Page Builder usage\n *\n * @param {String} name\n * @param {Array} args\n */\n\n target.trigger = function (name, args) {\n originalTarget.apply(originalTarget, [name, args]);\n isAdminAnalyticsEnabled =\n !_.isUndefined(window.digitalData) &&\n !_.isUndefined(window._satellite);\n\n if (!hasPageBuilderBeenUsed && name.indexOf('stage:fullScreenModeChangeAfter') !== -1 &&\n args.fullScreen && isAdminAnalyticsEnabled\n ) {\n hasPageBuilderBeenUsed = true;\n window.digitalData.page.url = window.location.href;\n window.digitalData.page.attributes = {\n editedWithPageBuilder: 'true'\n };\n window._satellite.track('page');\n }\n\n event = EventBuilder.build(name, args);\n\n if (isAdminAnalyticsEnabled && !_.isUndefined(window.digitalData.event) && !_.isUndefined(event)) {\n delayedPush = setInterval(function (object) {\n if (_.isArray(window.digitalData.event)) {\n window.digitalData.event.push(object);\n window._satellite.track('event');\n clearInterval(delayedPush);\n }\n }, 500, event);\n }\n };\n\n return target;\n };\n });\n","Magento_PageBuilderAdminAnalytics/js/page-builder/event-builder.js":"/**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\n\ndefine(['underscore'], function (_) {\n 'use strict';\n\n return {\n\n /**\n * Sets up event attributes and action depending on name and args\n *\n * @param {String} name\n * @param {Array} args\n */\n\n build: function (name, args) {\n var action = '',\n eventAttributes = {},\n event;\n\n if (_.isUndefined(args)) {\n return;\n }\n\n switch (name) {\n case 'contentType:duplicateAfter':\n action = 'duplicate';\n break;\n\n case 'contentType:removeAfter':\n action = 'remove';\n break;\n\n case 'contentType:createAfter':\n action = 'create';\n break;\n\n case 'contentType:editBefore':\n action = 'edit';\n break;\n\n case 'contentType:visibilityAfter':\n action = args.visibility ? 'show' : 'hide';\n break;\n\n default:\n break;\n }\n\n if (!_.isUndefined(args.contentType)) {\n eventAttributes = args.contentType.config;\n } else if (!_.isUndefined(args.originalContentType)) {\n eventAttributes = args.originalContentType.config;\n }\n\n if (action !== '' && !_.isEmpty(eventAttributes)) {\n event = {\n element: eventAttributes.label,\n type: eventAttributes.name,\n action: action,\n widget: {\n name: eventAttributes.form,\n type: eventAttributes['menu_section']\n },\n feature: 'page-builder-tracker'\n };\n }\n\n return event;\n }\n };\n});\n","Magento_Review/js/rating.js":"/**\n * Copyright \u00a9 Magento, Inc. All rights reserved.\n * See COPYING.txt for license details.\n */\ndefine([\n 'jquery',\n 'jquery/ui'\n], function ($) {\n 'use strict';\n\n $.widget('marketing.ratingControl', {\n options: {\n colorFilled: '#333',\n colorUnfilled: '#CCCCCC',\n colorHover: '#f30'\n },\n\n /** @inheritdoc */\n _create: function () {\n this._labels = this.element.find('label');\n this._bind();\n },\n\n /**\n * @private\n */\n _bind: function () {\n this._labels.on({\n click: $.proxy(function (e) {\n $(e.currentTarget).prev().prop('checked', true);\n this._updateRating();\n }, this),\n\n hover: $.proxy(function (e) {\n this._updateHover($(e.currentTarget), this.options.colorHover);\n }, this),\n\n mouseleave: $.proxy(function (e) {\n this._updateHover($(e.currentTarget), this.options.colorUnfilled);\n }, this)\n });\n\n this._updateRating();\n },\n\n /**\n * @param {jQuery} elem\n * @param {String} color\n * @private\n */\n _updateHover: function (elem, color) {\n elem.nextAll('label').addBack().filter(function () {\n return !$(this).data('checked');\n }).css('color', color);\n },\n\n /**\n * @private\n */\n _updateRating: function () {\n var checkedInputs = this.element.find('input[type=\"radio\"]:checked');\n\n checkedInputs.nextAll('label').addBack().css('color', this.options.colorFilled).data('checked', true);\n checkedInputs.prevAll('label').css('color', this.options.colorUnfilled).data('checked', false);\n },\n\n /**\n * Remove rating when form reset\n */\n removeRating: function () {\n var checkedInputs = this.element.find('input[type=\"radio\"]');\n\n checkedInputs.nextAll('label').css('color', this.options.colorUnfilled).data('checked', false);\n }\n });\n\n});\n","Amasty_ImportCore/js/controls.js":"define([\n 'Magento_Ui/js/form/element/abstract',\n 'jquery',\n 'underscore'\n], function (Abstract, $, _) {\n 'use strict';\n\n return Abstract.extend({\n defaults: {\n messages: [],\n status: '',\n proceed: 0,\n total: 0,\n isImport: false,\n listens: {\n '${ $.parentName }:responseData': 'statusCheck'\n },\n modules: {\n formComponent: '${ $.parentName }',\n }\n },\n initObservable: function () {\n this._super().observe([\n 'messages',\n 'isImport',\n 'status',\n 'total',\n 'proceed'\n ]);\n\n return this;\n },\n resetData: function () {\n this.status(null);\n this.proceed(0);\n this.total(0);\n this.messages([]);\n },\n checkData: function () {\n this.resetData();\n this.visible(false);\n this.source.data.processIdentity = this.uuidv4();\n this.formComponent().save();\n if (!this.source.get('params.invalid')) {\n $('.amimport-check-data').prop('disabled', true);\n this.changeFormElementsState(true, this.formComponent().elems());\n }\n },\n cancel: function () {\n $.get(this.cancelUrl, {'processIdentity': this.source.data.processIdentity }, function () {\n $('.amimport-check-data').prop('disabled', false);\n this.changeFormElementsState(false, this.formComponent().elems());\n }.bind(this));\n },\n cancelClick: function () {\n this.visible(false);\n this.cancel();\n },\n processImport: function () {\n _.each(this.formComponent().elems(), function (elem) {\n if (elem.name !== this.name) {\n elem.visible(false);\n }\n }.bind(this));\n this.isImport(true);\n this.resetData();\n $.get(this.importUrl, {'processIdentity': this.source.data.processIdentity }, function (data) {\n this.statusCheck(data);\n }.bind(this));\n },\n statusCheck: function (data) {\n this.visible(true);\n if (!_.isUndefined(data) && !_.isUndefined(data.type)\n && !_.isUndefined(data.message) && data.type === 'error'\n ) {\n this.isImport(false);\n this.messages([{type: 50, message: data.message}]);\n this.cancel();\n return;\n }\n\n this.getStatus().done(function (data) {\n this.status(data.status);\n this.total(data.total);\n this.proceed(data.proceed);\n\n if (data.messages !== undefined) {\n this.messages(data.messages)\n } else {\n this.messages([]);\n }\n\n if (data.status === 'running' || data.status === 'starting') {\n setTimeout(this.statusCheck.bind(this), 1000);\n } else {\n if (this.status() === 'failed') {\n this.cancel();\n }\n }\n }.bind(this));\n },\n getStatus: function () {\n var result = $.Deferred();\n $.get(this.statusUrl, {'processIdentity': this.source.data.processIdentity }, function (data) {\n result.resolve(data);\n });\n\n return result;\n },\n changeFormElementsState: function (disable, elems) {\n _.each(elems, function (elem) {\n if (_.isFunction(elem.visible) && elem.visible() && _.isFunction(elem.disabled)) {\n elem.disabled(disable);\n }\n if (_.isFunction(elem.elems)) {\n if (!_.isFunction(elem.disabled) && elem.disabled === false) {\n this.changeFormElementsState(disable, elem.elems());\n }\n }\n }.bind(this));\n },\n uuidv4: function () {\n return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(\n /[xy]/g,\n function (c) {\n var r = Math.random() * 16 | 0, v = c === 'x' ? r : (r & 0x3 | 0x8);\n return v.toString(16);\n }\n );\n }\n });\n});\n","Amasty_ImportCore/js/form.js":"define([\n 'Magento_Ui/js/form/form',\n 'jquery',\n 'underscore',\n 'uiRegistry',\n 'Magento_Ui/js/modal/confirm',\n 'mage/translate',\n], function (Form, $, _, registry, confirm, $t) {\n 'use strict';\n\n return Form.extend({\n defaults: {\n downloadSampleFileConfig: {\n confirmMsg: $t('All possible fields will be included in the sample file without configured mapping. Do you really want to proceed?'),\n mapFieldsPath: 'data.fields.fields',\n scrollToFieldsConfigElm: '',\n openFieldsConfigTab: ''\n },\n listens: {\n 'responseData': 'processResponse'\n },\n modules: {\n run: 'index = run'\n }\n },\n _origSaveUrl: false,\n\n initialize: function () {\n this._super();\n\n this._origSaveUrl = this.source.client.urls.save;\n\n return this;\n },\n\n save: function (redirect, data) {\n this._setSaveUrl();\n\n this._super(redirect, data);\n },\n\n processResponse: function () {\n var responseData = this.responseData();\n\n if (!_.isUndefined(responseData.download) && responseData.download) {\n this._downloadFile(responseData.filename, responseData.content);\n }\n },\n\n downloadSampleFile: function (params) {\n let self = this,\n fieldsConfigInstance;\n\n this.validate();\n if (!this.source.get('params.invalid')) {\n if (this._isMappedFields()) {\n self._changeUrlAndSubmit(params.url);\n } else {\n confirm({\n content: self.downloadSampleFileConfig.confirmMsg,\n actions: {\n confirm: function () {\n self._changeUrlAndSubmit(params.url);\n }\n },\n buttons: [\n {\n text: $t('Yes'),\n class: 'action-secondary action-dismiss',\n click: function (event) {\n this.closeModal(event, true);\n }\n }, {\n text: $t('Configure Mapping First'),\n class: 'action-primary action-accept',\n click: function (event) {\n this.closeModal(event);\n if (self.downloadSampleFileConfig.openFieldsConfigTab) {\n fieldsConfigInstance = registry.get(\n self.downloadSampleFileConfig.openFieldsConfigTab\n );\n\n if (fieldsConfigInstance) {\n fieldsConfigInstance.activate();\n }\n }\n\n if (self.downloadSampleFileConfig.scrollToFieldsConfigElm) {\n fieldsConfigInstance = $(self.downloadSampleFileConfig.scrollToFieldsConfigElm);\n\n $([document.documentElement, document.body]).animate({\n scrollTop: fieldsConfigInstance.offset().top - 77\n }, 2000);\n }\n }\n }\n ]\n });\n }\n } else {\n this.focusInvalid();\n }\n },\n\n _isMappedFields: function () {\n let result = false,\n entities;\n\n entities = Object.values(this.source.get(this.downloadSampleFileConfig.mapFieldsPath))[0];\n\n entities['parent'] = {'fields': entities.fields};\n _.each(entities, function (subEntity) {\n if (_.isObject(subEntity) && 'fields' in subEntity\n && _.isObject(subEntity.fields) && Object.keys(subEntity.fields).length\n ) {\n result = true;\n }\n }.bind(this));\n\n return result;\n },\n\n _setSaveUrl: function () {\n this.source.client.urls.save = this._origSaveUrl;\n },\n\n _changeUrlAndSubmit: function (url) {\n this.source.client.urls.save = url;\n this.submit();\n },\n\n _downloadFile: function (filename, content) {\n let a = document.createElement('a');\n\n document.body.appendChild(a);\n a.style = 'display: none';\n a.download = filename;\n a.href = content;\n a.click();\n window.URL.revokeObjectURL(content);\n }\n });\n});\n","Amasty_ImportCore/js/type-selector.js":"define([\n 'Magento_Ui/js/form/element/select',\n 'underscore'\n], function (Select, _) {\n 'use strict';\n\n return Select.extend({\n defaults: {\n prefix: null,\n listens: {\n value: 'checkElements',\n '${ $.parentName }:elems': 'checkElements'\n },\n modules: {\n fieldsetsContainer: '${ $.parentName }'\n }\n },\n checkElements: function () {\n _.each(this.fieldsetsContainer().elems(), function (elem) {\n if (elem.componentType === 'fieldset') {\n var elementIsVisible = (this.prefix + this.value()) === elem.index;\n\n elem.visible(elementIsVisible);\n this.disableElements(elem, !elementIsVisible);\n }\n }.bind(this));\n },\n disableElements: function (element, disable) {\n if (_.isFunction(element.disabled)) {\n element.disabled(disable);\n } else {\n element.disabled = disable;\n }\n\n if (!_.isUndefined(element.elems) && _.isFunction(element.elems)) {\n _.each(element.elems(), function (elem) {\n this.disableElements(elem, disable);\n }.bind(this));\n }\n }\n });\n});\n","Amasty_ImportCore/js/file-uploader.js":"define([\n 'Magento_Ui/js/form/element/file-uploader',\n], function (FileUploader) {\n\n return FileUploader.extend({\n initialize: function () {\n this._super();\n this.inputName = 'file';\n this.maxFileSize = 2000000;\n\n return this;\n },\n\n onFilesChoosed: function (e, data) {\n if (this.allowedExtensions === undefined || this.allowedExtensions === false) {\n this.allowedExtensions = ' '; // Invalidate file type\n }\n\n this._super(e, data);\n }\n });\n});\n","Amasty_ImportCore/js/entity-select.js":"define([\n 'Magento_Ui/js/form/element/ui-select'\n], function (Select) {\n 'use strict';\n\n return Select.extend({\n defaults: {\n switchEntityUrl: '',\n entityUrl: '',\n indexUrl: ''\n },\n\n onUpdate: function () {\n this._super();\n\n if (this.value() !== '' && this.value() !== undefined) {\n location.href = this.entityUrl.replace('__entity_code__', this.value());\n } else {\n location.href = this.indexUrl;\n }\n },\n\n toggleOptionSelected: function (data) {\n if (data.hasOwnProperty(this.separator)) {\n this.openChildLevel(data);\n return;\n }\n\n return this._super();\n },\n\n _getFilteredArray: function (list, value) {\n var i = 0,\n array = [],\n curOption;\n\n for (i; i < list.length; i++) {\n curOption = list[i].label.toLowerCase();\n\n if ((curOption.indexOf(value) > -1) && (list[i].path !== '')) {\n array.push(list[i]); /*eslint max-depth: [2, 4]*/\n }\n }\n\n return array;\n }\n });\n});\n","Amasty_ImportCore/js/condition-value.js":"define([\n 'uiCollection',\n 'underscore',\n 'uiLayout',\n 'mageUtils'\n], function (Collection, _, layout, utils) {\n return Collection.extend({\n defaults: {\n visible: true,\n disabled: false,\n imports: {\n 'fieldValue' : '${ $.parentName}.field:value'\n },\n listens: {\n fieldValue: 'processField'\n },\n modules: {\n recordComponent: '${ $.parentName }'\n }\n },\n initObservable: function () {\n this._super().observe(['visible', 'fieldValue', 'disabled']);\n\n return this;\n },\n processField: function () {\n if (!_.isUndefined(this.elems()[0])) {\n var dataScope = this.elems()[0].dataScope;\n this.elems()[0].destroy();\n this.source.set(dataScope, null);\n }\n var fieldData = this.recordComponent().parentComponent().filterConfig[this.fieldValue()] || {};\n var componentData = fieldData.config,\n name = this.name + '.value';\n this.elems([]);\n componentData = utils.extend(componentData, {\n 'parentName': this.name,\n 'provider': this.provider,\n 'dataScope': this.dataScope + '.value',\n 'parentScope': this.dataScope,\n 'source': this.source,\n 'disabled': this.disabled,\n 'name': name\n });\n layout([componentData]);\n this.insertChild(name);\n }\n });\n});\n","Amasty_ImportCore/js/condition-select.js":"define([\n \"Magento_Ui/js/form/element/select\",\n \"mageUtils\"\n], function (Select, utils) {\n\n return Select.extend({\n defaults: {\n imports: {\n 'fieldValue' : '${ $.parentName}.field:value'\n },\n listens: {\n fieldValue: 'updateConditions'\n },\n modules: {\n recordComponent: '${ $.parentName }'\n }\n },\n initObservable: function () {\n this._super().observe(['fieldValue']);\n\n return this;\n },\n getInitialValue: function () {\n var values = [this.value(), this.default],\n value;\n\n values.some(function (v) {\n if (v !== null && v !== undefined) {\n value = v;\n\n return true;\n }\n\n return false;\n });\n\n return utils.isEmpty(value) ? '' : value;\n },\n updateConditions: function () {\n var fieldData = this.recordComponent().parentComponent().filterConfig[this.fieldValue()] || {};\n if (!_.isUndefined(fieldData.conditions)) {\n this.options(fieldData.conditions);\n } else {\n this.options([]);\n }\n }\n });\n})\n","Amasty_ImportCore/js/provider.js":"define([\n 'jquery',\n 'Magento_Ui/js/form/provider'\n], function ($, Provider) {\n 'use strict';\n\n return Provider.extend({\n defaults: {\n pageMessageSelector: '#messages'\n },\n\n save: function (options) {\n var data = this.get('data');\n\n $(this.pageMessageSelector).html('');\n this.client.save({ encodedData: JSON.stringify(data) }, options);\n\n return this;\n }\n });\n});\n","Amasty_ImportCore/js/form/components/fieldset.js":"define([\n 'Magento_Ui/js/form/components/fieldset'\n], function (FieldSet) {\n return FieldSet.extend({\n validate: function () {\n return {\n valid: true\n };\n }\n });\n});\n","Amasty_ImportCore/js/form/components/button.js":"define([\n 'Magento_Ui/js/form/components/button'\n], function (Button) {\n return Button.extend({\n validate: function () {\n return {\n valid: true\n };\n },\n _setButtonClasses: function () {\n this._super();\n this.buttonClasses['action-basic'] = false;\n }\n });\n});\n","Amasty_ImportCore/js/form/element/behavior-select.js":"define([\n 'Magento_Ui/js/form/element/select',\n '../../storage/typical-fields'\n], function (Select, typicalFields) {\n 'use strict';\n\n return Select.extend({\n defaults: {\n entityCode: '',\n fieldsUrl: '',\n autofill: '',\n fieldsProvider: '',\n listens: {\n autofill: 'checkAutofill'\n },\n modules: {\n dataProvider: '${ $.provider }',\n fields: '${ $.fieldsProvider }'\n }\n },\n\n initObservable: function () {\n this._super().observe(['autofill']);\n\n return this;\n },\n\n checkAutofill: function (value) {\n if (value) {\n this.updateTypicalFields();\n }\n },\n\n updateTypicalFields: function () {\n var behaviorCode = this.value(),\n params = {},\n options = {};\n\n if (behaviorCode !== undefined && this.autofill()) {\n params.entity_code = this.entityCode;\n params.behavior_code = behaviorCode;\n options.dataProvider = this.dataProvider();\n options.fieldsUrl = this.fieldsUrl;\n options.dataScope = this.fields().dataScope;\n\n typicalFields.update(params, options);\n }\n },\n\n onUpdate: function () {\n this._super();\n\n if (this.value()) {\n this.updateTypicalFields();\n }\n }\n });\n});\n","Amasty_ImportCore/js/form/element/input-date.js":"define([\n 'Magento_Ui/js/form/element/date',\n 'underscore'\n], function (Input, _) {\n return Input.extend({\n defaults: {\n template: 'Amasty_ImportCore/form/element/input-date',\n dateElementTmpl: 'ui/form/element/date',\n inputElementTmpl: 'ui/form/element/input',\n inputConditions: [],\n dateNotice: '',\n inputNotice: '',\n notice: '',\n imports: {\n 'parentCondition': '${ $.provider }:${ $.parentScope }.condition'\n },\n isDate: null,\n listens: {\n 'parentCondition': 'conditionChanged'\n }\n },\n _initialized: false,\n\n initObservable: function () {\n this._super().observe(['isDate', 'parentCondition', 'notice']);\n\n return this;\n },\n conditionChanged: function () {\n if (_.contains(this.inputConditions, this.parentCondition())) {\n this.notice(this.dateNotice);\n this.isDate(false);\n } else {\n this.notice(this.inputNotice);\n this.isDate(true);\n }\n\n if (!this._initialized) {\n this._initialized = true;\n if (this.isDate()) {\n this.onValueChange(this.value());\n }\n } else {\n this.value('');\n this.onValueChange('');\n }\n },\n\n onValueChange: function () {\n if (this.isDate()) {\n this._super();\n }\n }\n });\n});\n","Amasty_ImportCore/js/form/element/input-textarea.js":"define([\n 'Magento_Ui/js/form/element/abstract',\n 'underscore'\n], function (Input, _) {\n return Input.extend({\n defaults: {\n cols: 10,\n rows: 4,\n textareaElementTmpl: 'ui/form/element/textarea',\n inputElementTmpl: 'ui/form/element/input',\n textareaNotice: '',\n inputNotice: '',\n notice: '',\n imports: {\n 'parentCondition': '${ $.provider }:${ $.parentScope }.condition'\n },\n isTextarea: false,\n listens: {\n 'parentCondition': 'conditionChanged'\n }\n },\n initObservable: function () {\n this._super().observe(['isTextarea', 'parentCondition', 'notice']);\n\n return this;\n },\n conditionChanged: function () {\n if (_.contains(['in', 'nin'], this.parentCondition())) {\n this.notice(this.textareaNotice);\n this.isTextarea(true);\n } else {\n this.notice(this.inputNotice);\n this.isTextarea(false);\n }\n }\n });\n});\n","Amasty_ImportCore/js/form/element/codemirror.js":"define([\n 'Magento_Ui/js/form/element/textarea',\n 'jquery',\n 'Amasty_ImportCore/js/lib/codemirror',\n 'Amasty_ImportCore/js/lib/codemirror/xml'\n], function (Textarea, $, CodeMirror) {\n 'use strict';\n\n return Textarea.extend({\n defaults: {\n codeMirrorConfig: {\n lineNumbers: true\n }\n },\n editor:null,\n\n initialize: function () {\n var config;\n\n this._super();\n $.async('#' + this.uid, function (elem) {\n config = $.extend();\n this.editor = CodeMirror.fromTextArea(elem, this.codeMirrorConfig);\n this.editor.on('change', function () {\n this.value(this.editor.getValue());\n }.bind(this));\n }.bind(this));\n\n return this;\n },\n setCodeMirrorValue: function (value) {\n this.value(value);\n this.editor.setValue(value);\n }\n });\n});\n","Amasty_ImportCore/js/dynamic-rows/dynamic-rows.js":"define([\n 'Magento_Ui/js/dynamic-rows/dynamic-rows'\n], function (DynamicRows) {\n 'use strict';\n\n return DynamicRows.extend({\n defaults: {\n parentComponent: null,\n listens: {\n relatedData: 'checkRelatedData'\n },\n templates: {\n record: {\n parent: '${ $.$data.collection.name }',\n name: '${ $.$data.index }',\n dataScope: 'filters.${ $.name }',\n nodeTemplate: '${ $.parent }.${ $.$data.collection.recordTemplate }'\n },\n },\n links: {\n recordData: '${ $.provider }:${ $.dataScope }.filters'\n },\n },\n\n checkRelatedData: function () {\n if (this.parentComponent && this.relatedData.length) {\n this.parentComponent.opened(true);\n }\n },\n\n initContainer: function (parent) {\n this._super();\n\n this.parentComponent = parent;\n\n if (this.relatedData.length) {\n this.parentComponent.opened(true);\n }\n\n return this;\n }\n });\n});\n","Amasty_ImportCore/js/storage/typical-fields.js":"define([\n 'jquery',\n 'underscore',\n 'mageUtils'\n], function ($, _, utils) {\n 'use strict';\n\n return {\n cachedData: {},\n currentData: null,\n params: {},\n options: {},\n\n update: function (params, options) {\n this.addParams(params);\n\n if (options) {\n this.options = options;\n }\n\n if (!_.has(this.params, 'entity_code') || !Object.keys(this.options).length) {\n return;\n }\n\n var deferred = $.Deferred(),\n currentKey = this.getCurrentKey();\n\n this.set(deferred);\n\n if (this.cachedData[currentKey]) {\n return deferred.resolve(this.cachedData[currentKey]);\n }\n\n this.get(deferred, this.params.fieldsUrl);\n },\n\n addParams: function (params) {\n _.each(params, function (value, key) {\n this.params[key] = value;\n }, this);\n },\n\n get: function (deferred) {\n var formData = new FormData();\n\n formData.append('form_key', $('[name=\"form_key\"]').val());\n _.each(this.params, function (value, key) {\n formData.append(key, value);\n });\n\n $.ajax({\n showLoader: true,\n url: this.options.fieldsUrl,\n processData: false,\n contentType: false,\n data: formData,\n type: 'POST',\n dataType: 'json'\n }).done(function (response) {\n if (!response.error) {\n deferred.resolve(response);\n }\n });\n },\n\n getCurrentKey: function () {\n var currentKey = '';\n\n _.each(this.params, function (value) {\n currentKey += (value || '') + '_';\n });\n\n return currentKey;\n },\n\n set: function (deferred) {\n var currentKey = this.getCurrentKey(),\n dataProvider = this.options.dataProvider,\n dataScope = this.options.dataScope;\n\n $.when(deferred).done(function (response) {\n if (this.currentData) {\n this.prepareToRemoveEmptyFields(response, this.currentData);\n }\n\n this.cachedData[currentKey] = $.extend(true, {}, response);\n var repairedObject = {};\n\n this.currentData = this.cachedData[currentKey];\n this.repairObject(dataScope, repairedObject, response);\n dataProvider.isBehaviorChanged = true;\n this.setBehaviorData(dataProvider, dataProvider, repairedObject, dataProvider);\n }.bind(this));\n },\n\n /**\n * Set data to provider data.\n *\n * @param {Object} context\n * @param {Object} oldData\n * @param {Object} newData\n * @param {Provider} current\n * @param {String} parentPath\n */\n setBehaviorData: function (context, oldData, newData, current, parentPath) {\n _.each(newData, function (val, key) {\n if (oldData === undefined || _.isArray(val)) {\n context.set(utils.fullPath(parentPath, key), val);\n } else if (_.isObject(val)) {\n this.setBehaviorData(context, oldData[key], val, current[key], utils.fullPath(parentPath, key));\n } else if (val != oldData[key] && oldData[key] == current[key]) { // eslint-disable-line eqeqeq\n context.set(utils.fullPath(parentPath, key), val);\n }\n }, this);\n },\n\n repairObject: function (dataScope, repairedObject, data) {\n var scopeArray = dataScope.split('.'),\n key = scopeArray.shift();\n\n repairedObject[key] = {};\n\n if (scopeArray.length) {\n return this.repairObject(scopeArray.join('.'), repairedObject[key], data);\n }\n\n repairedObject[key] = data;\n },\n\n prepareToRemoveEmptyFields: function (newData, oldData) {\n var key;\n\n for (key in oldData) {\n if (_.isObject(newData[key]) && !_.isArray(newData[key])) {\n this.prepareToRemoveEmptyFields(newData[key], oldData[key]);\n } else if (!newData[key]) {\n newData[key] = {};\n this.createEmptyValue(newData[key]);\n }\n }\n },\n\n createEmptyValue: function (data) {\n data.enabled = 0;\n data.fields = [];\n }\n };\n});\n","Amasty_ImportCore/js/fields/modifier.js":"define([\n 'uiCollection',\n 'underscore',\n 'uiLayout',\n 'mageUtils'\n], function (Collection, _, layout, utils) {\n 'use strict';\n\n return Collection.extend({\n defaults: {\n template: 'Amasty_ImportCore/fields/modifier',\n links: {\n select_value: '${ $.provider }:${ $.dataScope }.select_value',\n eavEntityType: '${ $.provider }:${ $.dataScope }.eavEntityType',\n optionSource: '${ $.provider }:${ $.dataScope }.optionSource'\n },\n listens: {\n select_value: 'getModifierTypeSelected',\n selectedOption: 'createModifierField'\n },\n selectedType: null,\n selectedOption: {},\n options: [],\n selectedActions: [],\n modifierValue: {}\n },\n\n initialize: function () {\n this._super();\n\n this.renderFields();\n\n return this;\n },\n\n initObservable: function () {\n this._super().observe([\n 'eavEntityType',\n 'select_value',\n 'code',\n 'selectedType',\n 'selectedOption',\n 'optionSource'\n ]);\n\n return this;\n },\n\n renderFields: function () {\n var name = this.name + '.value',\n value = this.modifierValue || {},\n componentData = utils.extend(value, {\n 'parentName': this.name,\n 'provider': this.provider,\n 'dataScope': this.dataScope + '.value',\n 'prefer': 'toggle',\n 'parentScope': this.dataScope,\n 'source': this.source,\n 'options': this.options,\n 'name': name,\n 'component': this.childComponent,\n 'template': this.childTemplate\n });\n\n layout([componentData]);\n this.insertChild(name);\n },\n\n getModifierTypeSelected: function (value) {\n var option;\n\n this.options.forEach(function (optgroup) {\n option = this.findValue(optgroup, value);\n\n if (option) {\n this.selectedType(optgroup.type);\n this.selectedOption(option);\n }\n }.bind(this));\n },\n\n createModifierField: function (option) {\n _.each(this.elems(), function (element) {\n element.destroy();\n }, this);\n\n this.childTemplate = this.modifierConfig[option.value].childTemplate || null;\n this.childComponent = this.modifierConfig[option.value].childComponent || null;\n this.eavEntityType(this.selectedOption().eavEntityType);\n this.optionSource(this.selectedOption().optionSource);\n\n if (this.childComponent && this.childTemplate) {\n this.renderFields();\n }\n },\n\n findValue: function (optgroup, value) {\n return optgroup.value.find(function (item) {\n return item.value === value;\n });\n },\n\n remove: function () {\n this.source.remove(this.dataScope);\n this.destroy();\n },\n\n setDefaultValue: function () {\n this.select_value(this.selectValue);\n }\n });\n});\n","Amasty_ImportCore/js/fields/select-fields.js":"define([\n 'uiElement',\n 'underscore',\n 'ko'\n], function (Element, _, ko) {\n 'use strict';\n\n return Element.extend({\n defaults: {\n selected: [],\n fields: [],\n searchFields: [],\n allSelectedState: false,\n isSearchActive: false,\n checkedFields: [],\n newCheckedField: [],\n fieldsToRemove: [],\n copySelected: [],\n elemIndex: 0,\n uniqFor: '',\n listens: {\n selected: 'allSelectedStateCheck',\n checkedFields: 'updateSelected'\n },\n modules: {\n parentComponent: '${ $.parentName }'\n },\n searchValue: ''\n },\n\n initialize: function () {\n this._super();\n\n this.uniqFor = 'a' + Math.round(Math.random() * 100000);\n this.prepareData();\n\n return this;\n },\n\n initObservable: function () {\n this._super().observe([\n 'allSelectedState',\n 'checkedFields',\n 'searchFields',\n 'searchValue',\n 'isSearchActive',\n 'selected',\n 'newCheckedField',\n 'fieldsToRemove'\n ]);\n\n return this;\n },\n\n prepareData: function () {\n _.each(this.checkedFields(), function (field) {\n this.selected.push(field.code);\n });\n },\n\n isAllSelected: function () {\n if (this.searchFields().length) {\n return this.isAllSearchSelected(this.searchFields());\n }\n\n return _.size(this.selected()) === _.size(this.fields);\n },\n\n isAllSearchSelected: function (fields) {\n return fields.every(function (field) {\n return _.contains(this.selected(), field.code);\n }.bind(this));\n },\n\n updateSelected: function () {\n this.selected(_.pluck(this.checkedFields(), 'code'));\n },\n\n checkClick: function () {\n if (!this.isAllSelected()) {\n var fields = this.searchFields().length ? this.searchFields() : this.fields;\n\n fields.forEach(function (field) {\n this.selected.remove(field.code);\n this.selected.push(field.code);\n }.bind(this));\n\n this.copySelected = ko.toJS(this.selected).slice();\n this.allSelectedState(true);\n\n return true;\n }\n\n if (this.isSearchActive()) {\n this.searchFields().forEach(function (field) {\n this.selected.remove(field.code);\n }.bind(this));\n\n return true;\n }\n\n this.selected.removeAll();\n\n return true;\n },\n\n allSelectedStateCheck: function () {\n this.allSelectedState(this.isAllSelected());\n },\n\n getLabel: function (label, code) {\n return label ? label + ' (' + code + ')' : code;\n },\n\n addField: function (parent, field) {\n if (!this.isFieldSelected(field.code)) {\n this.selected.push(field.code);\n this.newCheckedField([field]);\n }\n\n this.parentComponent().closeModal();\n },\n\n isFieldSelected: function (code) {\n return _.some(this.checkedFields(), function (field) {\n return !!field && field.code === code;\n });\n },\n\n addSelectedFields: function () {\n var currentFieldsCodes = _.pluck(ko.toJS(this.checkedFields), 'code'),\n selectedFieldsCodes = this.selected(),\n toRemove = _.difference(currentFieldsCodes, selectedFieldsCodes),\n toAdd = _.difference(selectedFieldsCodes, currentFieldsCodes);\n\n if (!_.isEmpty(toRemove)) {\n this.fieldsToRemove(toRemove);\n }\n\n if (!_.isEmpty(toAdd)) {\n _.each(this.fields, function (field) {\n if (_.contains(toAdd, field.code)) {\n this.newCheckedField([field]);\n }\n }.bind(this));\n }\n },\n\n changeSearch: function () {\n if (this.searchValue().length === 0) {\n this.clearSearch();\n }\n\n if (this.searchValue().length < 3) {\n return true;\n }\n\n this.search();\n },\n\n clearSearch: function () {\n const copySelected = this.selected().slice();\n\n this.isSearchActive(false);\n this.searchValue('');\n this.searchFields([]);\n this.selected(copySelected);\n },\n\n searchClick: function () {\n this.search();\n },\n\n search: function () {\n const copySelected = this.selected().slice();\n\n this.isSearchActive(true);\n this.searchFields(this.searchFilter(this.searchValue().trim()));\n this.allSelectedStateCheck();\n this.selected(copySelected);\n },\n\n searchFilter: function (value) {\n return this.fields.filter(function (field) {\n return field.code.indexOf(value) !== -1;\n });\n }\n });\n});\n","Amasty_ImportCore/js/fields/field.js":"define([\n 'jquery',\n 'uiCollection',\n 'uiLayout',\n 'mageUtils',\n 'underscore'\n], function ($, Collection, layout, utils, _) {\n 'use strict';\n\n return Collection.extend({\n defaults: {\n template: 'Amasty_ImportCore/fields/field',\n links: {\n input_value: '${ $.provider }:${ $.dataScope }.input_value',\n file_field: '${ $.provider }:${ $.dataScope }.file_field',\n output_value: '${ $.provider }:${ $.dataScope }.output_value',\n file_field: '${ $.provider }:${ $.dataScope }.file_field',\n code: '${ $.provider }:${ $.dataScope }.code',\n sortOrder: '${ $.provider }:${ $.dataScope }.sortOrder',\n options: '${ $.provider }:${ $.dataScope }.options'\n },\n imports: {\n modifierConfig: '${ $.parentName }:modifierConfig'\n },\n modules: {\n parent: '${ $.parentName }',\n dataProvider: '${ $.provider }'\n },\n modifierIndex: 0,\n selected_actions: []\n },\n\n initialize: function () {\n this._super();\n\n this.renderDefaultModifies();\n\n return this;\n },\n\n initObservable: function () {\n this._super().observe([\n 'input_value',\n 'file_field',\n 'output_value',\n 'file_field',\n 'code',\n 'sortOrder'\n ]);\n\n return this;\n },\n\n remove: function () {\n if (this.parent().isSorted) {\n this.parent().reRenderAndRemove(this.code());\n } else {\n this.source.remove(this.dataScope);\n this.destroy();\n this.parent().checkFieldsState();\n }\n },\n\n renderDefaultModifies: function () {\n _.each(this.modifier, function (modifier) {\n if (modifier) {\n this.addModifier(this.name, modifier.select_value, modifier.value);\n }\n }, this);\n },\n\n addModifier: function (name, value, modifierValue) {\n var fieldData = this.modifierConfig[value] || {},\n item = utils.extend(fieldData, {\n 'name': name + '.modifier.' + this.modifierIndex,\n 'component': 'Amasty_ImportCore/js/fields/modifier',\n 'provider': this.provider,\n 'selectValue': value || '',\n 'options': this.options,\n 'modifierValue': modifierValue || {},\n 'modifierConfig': this.modifierConfig,\n 'dataScope': this.dataScope + '.modifier.' + this.modifierIndex\n });\n\n layout([item]);\n this.insertChild(item.name);\n this.modifierIndex += 1;\n }\n });\n});\n","Amasty_ImportCore/js/fields/checked-fields.js":"define([\n 'uiCollection',\n 'jquery',\n 'ko',\n 'underscore',\n 'uiLayout',\n 'mageUtils'\n], function (Collection, $, ko, _, layout, utils) {\n 'use strict';\n\n return Collection.extend({\n defaults: {\n checkedFields: [],\n selected: [],\n fieldsContainerSelect: '[data-amimportcore-js=\"fields\"]',\n fieldsSelect: '[data-amimportcore-js=\"field\"]',\n positions: [],\n selectFieldsPath: null,\n isShowFields: false,\n elemIndex: 0,\n isShowDeleteBtn: false,\n listens: {\n newCheckedField: 'addCheckedFields',\n fieldsToRemove: 'removeFields',\n elems: 'toggleBtnDelete'\n },\n exports: {\n checkedFields: '${ $.selectFieldsPath }:checkedFields',\n newCheckedField: '${ $.selectFieldsPath }:newCheckedField',\n isShowDeleteBtn: '${ $.deleteBtnPath }:visible'\n },\n imports: {\n fields: '${ $.selectFieldsPath }:fields',\n selected: '${ $.selectFieldsPath }:selected',\n newCheckedField: '${ $.selectFieldsPath }:newCheckedField',\n fieldsToRemove: '${ $.selectFieldsPath }:fieldsToRemove',\n checkedFields: '${ $.provider }:${ $.dataScope }'\n },\n modules: {\n selectFields: '${ $.selectFieldsPath }',\n deleteBtn: '${ $.deleteBtnPath }'\n }\n },\n\n initObservable: function () {\n this._super().observe([\n 'checkedFields',\n 'selected',\n 'newCheckedField',\n 'fieldsToRemove',\n 'isShowFields',\n 'isShowDeleteBtn'\n ]);\n\n return this;\n },\n\n toggleBtnDelete: function () {\n this.isShowDeleteBtn(!!this.elems().length);\n },\n\n removeFields: function () {\n if (this.fieldsToRemove().length) {\n this.elems.each(function (elem) {\n if (_.contains(this.fieldsToRemove(), elem.code())) {\n elem.remove();\n }\n }.bind(this));\n\n this.fieldsToRemove([]);\n }\n },\n\n removeAllItems: function () {\n this.elems.each(function (elem) {\n elem.source.remove(elem.dataScope);\n elem.destroy();\n });\n\n this.isShowFields(false);\n },\n\n renderDefaultFields: function () {\n if (this.isDefaultRendered) {\n return;\n }\n\n _.each(this.checkedFields(), function (item) {\n this.initFields(item);\n }.bind(this));\n\n this.isDefaultRendered = true;\n },\n\n getNameField: function () {\n return this.name + '.field-' + this.elemIndex;\n },\n\n initFields: function (item) {\n item = this.createField(item, this.elemIndex, this.dataScope, this.getNameField());\n layout([item]);\n this.insertChild(item.name);\n this.elemIndex += 1;\n },\n\n createField: function (data, index, dataScope, name) {\n return utils.extend(data, {\n 'name': name,\n 'component': 'Amasty_ImportCore/js/fields/field',\n 'provider': this.provider,\n 'dataScope': dataScope + '.' + index\n });\n },\n\n addCheckedFields: function () {\n if (this.newCheckedField().length) {\n this.newCheckedField().forEach(function (item) {\n this.initFields(item);\n }.bind(this));\n\n this.isShowFields(true);\n this.newCheckedField([]);\n }\n },\n\n getCheckedLength: function () {\n return Object.keys(this.checkedFields()).length;\n },\n\n checkFieldsState: function () {\n if (!this.getCheckedLength()) {\n this.isShowFields(false);\n }\n }\n });\n});\n","Amasty_ImportCore/js/fields/modifier-field.js":"define([\n 'uiCollection'\n], function (Collection) {\n 'use strict';\n\n return Collection.extend({\n defaults: {\n links: {\n input_value: '${ $.provider }:${ $.dataScope }.input_value',\n from_input_value: '${ $.provider }:${ $.dataScope }.from_input_value',\n to_input_value: '${ $.provider }:${ $.dataScope }.to_input_value'\n }\n },\n\n initObservable: function () {\n this._super().observe([\n 'input_value',\n 'from_input_value',\n 'to_input_value'\n ]);\n\n return this;\n }\n });\n});\n"}
}});