abchospitality/old/wp-content/plugins/advanced-custom-fields-pro/assets/build/js/acf-field-group.js

3202 lines
96 KiB
JavaScript
Raw Permalink Normal View History

2024-04-18 12:00:44 +00:00
/******/ (() => { // webpackBootstrap
/******/ var __webpack_modules__ = ({
/***/ "./src/advanced-custom-fields-pro/assets/src/js/_browse-fields-modal.js":
/*!******************************************************************************!*\
!*** ./src/advanced-custom-fields-pro/assets/src/js/_browse-fields-modal.js ***!
\******************************************************************************/
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "./node_modules/@babel/runtime/helpers/esm/defineProperty.js");
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
/**
* Extends acf.models.Modal to create the field browser.
*
* @package Advanced Custom Fields
*/
(function ($, undefined, acf) {
const browseFieldsModal = {
data: {
openedBy: null,
currentFieldType: null,
popularFieldTypes: ['text', 'textarea', 'email', 'url', 'file', 'gallery', 'select', 'true_false', 'link', 'post_object', 'relationship', 'repeater', 'flexible_content', 'clone']
},
events: {
'click .acf-modal-close': 'onClickClose',
'keydown .acf-browse-fields-modal': 'onPressEscapeClose',
'click .acf-select-field': 'onClickSelectField',
'click .acf-field-type': 'onClickFieldType',
'changed:currentFieldType': 'onChangeFieldType',
'input .acf-search-field-types': 'onSearchFieldTypes',
'click .acf-browse-popular-fields': 'onClickBrowsePopular'
},
setup: function (props) {
$.extend(this.data, props);
this.$el = $(this.tmpl());
this.render();
},
initialize: function () {
this.open();
this.lockFocusToModal(true);
this.$el.find('.acf-modal-title').focus();
acf.doAction('show', this.$el);
},
tmpl: function () {
return $('#tmpl-acf-browse-fields-modal').html();
},
getFieldTypes: function (category, search) {
let fieldTypes;
if (!acf.get('is_pro')) {
// Add in the pro fields.
fieldTypes = Object.values(_objectSpread(_objectSpread({}, acf.get('fieldTypes')), acf.get('PROFieldTypes')));
} else {
fieldTypes = Object.values(acf.get('fieldTypes'));
}
if (category) {
if ('popular' === category) {
return fieldTypes.filter(fieldType => this.get('popularFieldTypes').includes(fieldType.name));
}
if ('pro' === category) {
return fieldTypes.filter(fieldType => fieldType.pro);
}
fieldTypes = fieldTypes.filter(fieldType => fieldType.category === category);
}
if (search) {
fieldTypes = fieldTypes.filter(fieldType => {
const label = fieldType.label.toLowerCase();
const labelParts = label.split(' ');
let match = false;
if (label.startsWith(search.toLowerCase())) {
match = true;
} else if (labelParts.length > 1) {
labelParts.forEach(part => {
if (part.startsWith(search.toLowerCase())) {
match = true;
}
});
}
return match;
});
}
return fieldTypes;
},
render: function () {
acf.doAction('append', this.$el);
const $tabs = this.$el.find('.acf-field-types-tab');
const self = this;
$tabs.each(function () {
const category = $(this).data('category');
const fieldTypes = self.getFieldTypes(category);
fieldTypes.forEach(fieldType => {
$(this).append(self.getFieldTypeHTML(fieldType));
});
});
this.initializeFieldLabel();
this.initializeFieldType();
this.onChangeFieldType();
},
getFieldTypeHTML: function (fieldType) {
const iconName = fieldType.name.replaceAll('_', '-');
return `
<a href="#" class="acf-field-type" data-field-type="${fieldType.name}">
${fieldType.pro && !acf.get('is_pro') ? '<span class="field-type-requires-pro"><i class="acf-icon acf-icon-lock"></i>PRO</span>' : fieldType.pro ? '<span class="field-type-requires-pro">PRO</span>' : ''}
<i class="field-type-icon field-type-icon-${iconName}"></i>
<span class="field-type-label">${fieldType.label}</span>
</a>
`;
},
decodeFieldTypeURL: function (url) {
if (typeof url != 'string') return url;
return url.replaceAll('&#038;', '&');
},
renderFieldTypeDesc: function (fieldType) {
const fieldTypeInfo = this.getFieldTypes().filter(fieldTypeFilter => fieldTypeFilter.name === fieldType)[0] || {};
const args = acf.parseArgs(fieldTypeInfo, {
label: '',
description: '',
doc_url: false,
tutorial_url: false,
preview_image: false,
pro: false
});
this.$el.find('.field-type-name').text(args.label);
this.$el.find('.field-type-desc').text(args.description);
if (args.doc_url) {
this.$el.find('.field-type-doc').attr('href', this.decodeFieldTypeURL(args.doc_url)).show();
} else {
this.$el.find('.field-type-doc').hide();
}
if (args.tutorial_url) {
this.$el.find('.field-type-tutorial').attr('href', this.decodeFieldTypeURL(args.tutorial_url)).parent().show();
} else {
this.$el.find('.field-type-tutorial').parent().hide();
}
if (args.preview_image) {
this.$el.find('.field-type-image').attr('src', args.preview_image).show();
} else {
this.$el.find('.field-type-image').hide();
}
const isPro = acf.get('is_pro');
const $upgateToProButton = this.$el.find('.acf-btn-pro');
const $upgradeToUnlockButton = this.$el.find('.field-type-upgrade-to-unlock');
if (args.pro && !isPro) {
$upgateToProButton.show();
$upgateToProButton.attr('href', $upgateToProButton.data('urlBase') + fieldType);
$upgradeToUnlockButton.show();
$upgradeToUnlockButton.attr('href', $upgradeToUnlockButton.data('urlBase') + fieldType);
this.$el.find('.acf-insert-field-label').attr('disabled', true);
this.$el.find('.acf-select-field').hide();
} else {
$upgateToProButton.hide();
$upgradeToUnlockButton.hide();
this.$el.find('.acf-insert-field-label').attr('disabled', false);
this.$el.find('.acf-select-field').show();
}
},
initializeFieldType: function () {
var _fieldObject$data;
const fieldObject = this.get('openedBy');
const fieldType = fieldObject === null || fieldObject === void 0 || (_fieldObject$data = fieldObject.data) === null || _fieldObject$data === void 0 ? void 0 : _fieldObject$data.type;
// Select default field type
if (fieldType) {
this.set('currentFieldType', fieldType);
} else {
this.set('currentFieldType', 'text');
}
// Select first tab with selected field type
// If type selected is wthin Popular, select Popular Tab
// Else select first tab the type belongs
const fieldTypes = this.getFieldTypes();
const isFieldTypePopular = this.get('popularFieldTypes').includes(fieldType);
let category = '';
if (isFieldTypePopular) {
category = 'popular';
} else {
const selectedFieldType = fieldTypes.find(x => {
return x.name === fieldType;
});
category = selectedFieldType.category;
}
const uppercaseCategory = category[0].toUpperCase() + category.slice(1);
const searchTabElement = `.acf-modal-content .acf-tab-wrap a:contains('${uppercaseCategory}')`;
setTimeout(() => {
$(searchTabElement).click();
}, 0);
},
initializeFieldLabel: function () {
const fieldObject = this.get('openedBy');
const labelText = fieldObject.$fieldLabel().val();
const $fieldLabel = this.$el.find('.acf-insert-field-label');
if (labelText) {
$fieldLabel.val(labelText);
} else {
$fieldLabel.val('');
}
},
updateFieldObjectFieldLabel: function () {
const label = this.$el.find('.acf-insert-field-label').val();
const fieldObject = this.get('openedBy');
fieldObject.$fieldLabel().val(label);
fieldObject.$fieldLabel().trigger('blur');
},
onChangeFieldType: function () {
const fieldType = this.get('currentFieldType');
this.$el.find('.selected').removeClass('selected');
this.$el.find('.acf-field-type[data-field-type="' + fieldType + '"]').addClass('selected');
this.renderFieldTypeDesc(fieldType);
},
onSearchFieldTypes: function (e) {
const $modal = this.$el.find('.acf-browse-fields-modal');
const inputVal = this.$el.find('.acf-search-field-types').val();
const self = this;
let searchString,
resultsHtml = '';
let matches = [];
if ('string' === typeof inputVal) {
searchString = inputVal.trim();
matches = this.getFieldTypes(false, searchString);
}
if (searchString.length && matches.length) {
$modal.addClass('is-searching');
} else {
$modal.removeClass('is-searching');
}
if (!matches.length) {
$modal.addClass('no-results-found');
this.$el.find('.acf-invalid-search-term').text(searchString);
return;
} else {
$modal.removeClass('no-results-found');
}
matches.forEach(fieldType => {
resultsHtml = resultsHtml + self.getFieldTypeHTML(fieldType);
});
$('.acf-field-type-search-results').html(resultsHtml);
this.set('currentFieldType', matches[0].name);
this.onChangeFieldType();
},
onClickBrowsePopular: function () {
this.$el.find('.acf-search-field-types').val('').trigger('input');
this.$el.find('.acf-tab-wrap a').first().trigger('click');
},
onClickSelectField: function (e) {
const fieldObject = this.get('openedBy');
fieldObject.$fieldTypeSelect().val(this.get('currentFieldType'));
fieldObject.$fieldTypeSelect().trigger('change');
this.updateFieldObjectFieldLabel();
this.close();
},
onClickFieldType: function (e) {
const $fieldType = $(e.currentTarget);
this.set('currentFieldType', $fieldType.data('field-type'));
},
onClickClose: function () {
this.close();
},
onPressEscapeClose: function (e) {
if (e.key === 'Escape') {
this.close();
}
},
close: function () {
this.lockFocusToModal(false);
this.returnFocusToOrigin();
this.remove();
},
focus: function () {
this.$el.find('button').first().trigger('focus');
}
};
acf.models.browseFieldsModal = acf.models.Modal.extend(browseFieldsModal);
acf.newBrowseFieldsModal = props => new acf.models.browseFieldsModal(props);
})(window.jQuery, undefined, window.acf);
/***/ }),
/***/ "./src/advanced-custom-fields-pro/assets/src/js/_field-group-compatibility.js":
/*!************************************************************************************!*\
!*** ./src/advanced-custom-fields-pro/assets/src/js/_field-group-compatibility.js ***!
\************************************************************************************/
/***/ (() => {
(function ($, undefined) {
var _acf = acf.getCompatibility(acf);
/**
* fieldGroupCompatibility
*
* Compatibility layer for extinct acf.field_group
*
* @date 15/12/17
* @since 5.7.0
*
* @param void
* @return void
*/
_acf.field_group = {
save_field: function ($field, type) {
type = type !== undefined ? type : 'settings';
acf.getFieldObject($field).save(type);
},
delete_field: function ($field, animate) {
animate = animate !== undefined ? animate : true;
acf.getFieldObject($field).delete({
animate: animate
});
},
update_field_meta: function ($field, name, value) {
acf.getFieldObject($field).prop(name, value);
},
delete_field_meta: function ($field, name) {
acf.getFieldObject($field).prop(name, null);
}
};
/**
* fieldGroupCompatibility.field_object
*
* Compatibility layer for extinct acf.field_group.field_object
*
* @date 15/12/17
* @since 5.7.0
*
* @param void
* @return void
*/
_acf.field_group.field_object = acf.model.extend({
// vars
type: '',
o: {},
$field: null,
$settings: null,
tag: function (tag) {
// vars
var type = this.type;
// explode, add 'field' and implode
// - open => open_field
// - change_type => change_field_type
var tags = tag.split('_');
tags.splice(1, 0, 'field');
tag = tags.join('_');
// add type
if (type) {
tag += '/type=' + type;
}
// return
return tag;
},
selector: function () {
// vars
var selector = '.acf-field-object';
var type = this.type;
// add type
if (type) {
selector += '-' + type;
selector = acf.str_replace('_', '-', selector);
}
// return
return selector;
},
_add_action: function (name, callback) {
// vars
var model = this;
// add action
acf.add_action(this.tag(name), function ($field) {
// focus
model.set('$field', $field);
// callback
model[callback].apply(model, arguments);
});
},
_add_filter: function (name, callback) {
// vars
var model = this;
// add action
acf.add_filter(this.tag(name), function ($field) {
// focus
model.set('$field', $field);
// callback
model[callback].apply(model, arguments);
});
},
_add_event: function (name, callback) {
// vars
var model = this;
var event = name.substr(0, name.indexOf(' '));
var selector = name.substr(name.indexOf(' ') + 1);
var context = this.selector();
// add event
$(document).on(event, context + ' ' + selector, function (e) {
// append $el to event object
e.$el = $(this);
e.$field = e.$el.closest('.acf-field-object');
// focus
model.set('$field', e.$field);
// callback
model[callback].apply(model, [e]);
});
},
_set_$field: function () {
// vars
this.o = this.$field.data();
// els
this.$settings = this.$field.find('> .settings > table > tbody');
// focus
this.focus();
},
focus: function () {
// do nothing
},
setting: function (name) {
return this.$settings.find('> .acf-field-setting-' + name);
}
});
/*
* field
*
* This model fires actions and filters for registered fields
*
* @type function
* @date 21/02/2014
* @since 3.5.1
*
* @param n/a
* @return n/a
*/
var actionManager = new acf.Model({
actions: {
open_field_object: 'onOpenFieldObject',
close_field_object: 'onCloseFieldObject',
add_field_object: 'onAddFieldObject',
duplicate_field_object: 'onDuplicateFieldObject',
delete_field_object: 'onDeleteFieldObject',
change_field_object_type: 'onChangeFieldObjectType',
change_field_object_label: 'onChangeFieldObjectLabel',
change_field_object_name: 'onChangeFieldObjectName',
change_field_object_parent: 'onChangeFieldObjectParent',
sortstop_field_object: 'onChangeFieldObjectParent'
},
onOpenFieldObject: function (field) {
acf.doAction('open_field', field.$el);
acf.doAction('open_field/type=' + field.get('type'), field.$el);
acf.doAction('render_field_settings', field.$el);
acf.doAction('render_field_settings/type=' + field.get('type'), field.$el);
},
onCloseFieldObject: function (field) {
acf.doAction('close_field', field.$el);
acf.doAction('close_field/type=' + field.get('type'), field.$el);
},
onAddFieldObject: function (field) {
acf.doAction('add_field', field.$el);
acf.doAction('add_field/type=' + field.get('type'), field.$el);
},
onDuplicateFieldObject: function (field) {
acf.doAction('duplicate_field', field.$el);
acf.doAction('duplicate_field/type=' + field.get('type'), field.$el);
},
onDeleteFieldObject: function (field) {
acf.doAction('delete_field', field.$el);
acf.doAction('delete_field/type=' + field.get('type'), field.$el);
},
onChangeFieldObjectType: function (field) {
acf.doAction('change_field_type', field.$el);
acf.doAction('change_field_type/type=' + field.get('type'), field.$el);
acf.doAction('render_field_settings', field.$el);
acf.doAction('render_field_settings/type=' + field.get('type'), field.$el);
},
onChangeFieldObjectLabel: function (field) {
acf.doAction('change_field_label', field.$el);
acf.doAction('change_field_label/type=' + field.get('type'), field.$el);
},
onChangeFieldObjectName: function (field) {
acf.doAction('change_field_name', field.$el);
acf.doAction('change_field_name/type=' + field.get('type'), field.$el);
},
onChangeFieldObjectParent: function (field) {
acf.doAction('update_field_parent', field.$el);
}
});
})(jQuery);
/***/ }),
/***/ "./src/advanced-custom-fields-pro/assets/src/js/_field-group-conditions.js":
/*!*********************************************************************************!*\
!*** ./src/advanced-custom-fields-pro/assets/src/js/_field-group-conditions.js ***!
\*********************************************************************************/
/***/ (() => {
(function ($, undefined) {
/**
* ConditionalLogicFieldSetting
*
* description
*
* @date 3/2/18
* @since 5.6.5
*
* @param type $var Description. Default.
* @return type Description.
*/
var ConditionalLogicFieldSetting = acf.FieldSetting.extend({
type: '',
name: 'conditional_logic',
events: {
'change .conditions-toggle': 'onChangeToggle',
'click .add-conditional-group': 'onClickAddGroup',
'focus .condition-rule-field': 'onFocusField',
'change .condition-rule-field': 'onChangeField',
'change .condition-rule-operator': 'onChangeOperator',
'click .add-conditional-rule': 'onClickAdd',
'click .remove-conditional-rule': 'onClickRemove'
},
$rule: false,
scope: function ($rule) {
this.$rule = $rule;
return this;
},
ruleData: function (name, value) {
return this.$rule.data.apply(this.$rule, arguments);
},
$input: function (name) {
return this.$rule.find('.condition-rule-' + name);
},
$td: function (name) {
return this.$rule.find('td.' + name);
},
$toggle: function () {
return this.$('.conditions-toggle');
},
$control: function () {
return this.$('.rule-groups');
},
$groups: function () {
return this.$('.rule-group');
},
$rules: function () {
return this.$('.rule');
},
$tabLabel: function () {
return this.fieldObject.$el.find('.conditional-logic-badge');
},
open: function () {
var $div = this.$control();
$div.show();
acf.enable($div);
},
close: function () {
var $div = this.$control();
$div.hide();
acf.disable($div);
},
render: function () {
// show
if (this.$toggle().prop('checked')) {
this.$tabLabel().addClass('is-enabled');
this.renderRules();
this.open();
// hide
} else {
this.$tabLabel().removeClass('is-enabled');
this.close();
}
},
renderRules: function () {
// vars
var self = this;
// loop
this.$rules().each(function () {
self.renderRule($(this));
});
},
renderRule: function ($rule) {
this.scope($rule);
this.renderField();
this.renderOperator();
this.renderValue();
},
renderField: function () {
// vars
var choices = [];
var validFieldTypes = [];
var cid = this.fieldObject.cid;
var $select = this.$input('field');
// loop
acf.getFieldObjects().map(function (fieldObject) {
// vars
var choice = {
id: fieldObject.getKey(),
text: fieldObject.getLabel()
};
// bail early if is self
if (fieldObject.cid === cid) {
choice.text += ' ' + acf.__('(this field)');
choice.disabled = true;
}
// get selected field conditions
var conditionTypes = acf.getConditionTypes({
fieldType: fieldObject.getType()
});
// bail early if no types
if (!conditionTypes.length) {
choice.disabled = true;
}
// calulate indents
var indents = fieldObject.getParents().length;
choice.text = '- '.repeat(indents) + choice.text;
// append
choices.push(choice);
});
// allow for scenario where only one field exists
if (!choices.length) {
choices.push({
id: '',
text: acf.__('No toggle fields available')
});
}
// render
acf.renderSelect($select, choices);
// set
this.ruleData('field', $select.val());
},
renderOperator: function () {
// bail early if no field selected
if (!this.ruleData('field')) {
return;
}
// vars
var $select = this.$input('operator');
var val = $select.val();
var choices = [];
// set saved value on first render
// - this allows the 2nd render to correctly select an option
if ($select.val() === null) {
acf.renderSelect($select, [{
id: this.ruleData('operator'),
text: ''
}]);
}
// get selected field
var $field = acf.findFieldObject(this.ruleData('field'));
var field = acf.getFieldObject($field);
// get selected field conditions
var conditionTypes = acf.getConditionTypes({
fieldType: field.getType()
});
// html
conditionTypes.map(function (model) {
choices.push({
id: model.prototype.operator,
text: model.prototype.label
});
});
// render
acf.renderSelect($select, choices);
// set
this.ruleData('operator', $select.val());
},
renderValue: function () {
// bail early if no field selected
if (!this.ruleData('field') || !this.ruleData('operator')) {
return;
}
// vars
var $select = this.$input('value');
var $td = this.$td('value');
var val = $select.val();
// get selected field
var $field = acf.findFieldObject(this.ruleData('field'));
var field = acf.getFieldObject($field);
// get selected field conditions
var conditionTypes = acf.getConditionTypes({
fieldType: field.getType(),
operator: this.ruleData('operator')
});
// html
var conditionType = conditionTypes[0].prototype;
var choices = conditionType.choices(field);
// create html: array
if (choices instanceof Array) {
var $newSelect = $('<select></select>');
acf.renderSelect($newSelect, choices);
// create html: string (<input />)
} else {
var $newSelect = $(choices);
}
// append
$select.detach();
$td.html($newSelect);
// copy attrs
// timeout needed to avoid browser bug where "disabled" attribute is not applied
setTimeout(function () {
['class', 'name', 'id'].map(function (attr) {
$newSelect.attr(attr, $select.attr(attr));
});
}, 0);
// select existing value (if not a disabled input)
if (!$newSelect.prop('disabled')) {
acf.val($newSelect, val, true);
}
// set
this.ruleData('value', $newSelect.val());
},
onChangeToggle: function () {
this.render();
},
onClickAddGroup: function (e, $el) {
this.addGroup();
},
addGroup: function () {
// vars
var $group = this.$('.rule-group:last');
// duplicate
var $group2 = acf.duplicate($group);
// update h4
$group2.find('h4').text(acf.__('or'));
// remove all tr's except the first one
$group2.find('tr').not(':first').remove();
// save field
this.fieldObject.save();
},
onFocusField: function (e, $el) {
this.renderField();
},
onChangeField: function (e, $el) {
// scope
this.scope($el.closest('.rule'));
// set data
this.ruleData('field', $el.val());
// render
this.renderOperator();
this.renderValue();
},
onChangeOperator: function (e, $el) {
// scope
this.scope($el.closest('.rule'));
// set data
this.ruleData('operator', $el.val());
// render
this.renderValue();
},
onClickAdd: function (e, $el) {
// duplciate
var $rule = acf.duplicate($el.closest('.rule'));
// render
this.renderRule($rule);
},
onClickRemove: function (e, $el) {
// vars
var $rule = $el.closest('.rule');
// save field
this.fieldObject.save();
// remove group
if ($rule.siblings('.rule').length == 0) {
$rule.closest('.rule-group').remove();
}
// remove
$rule.remove();
}
});
acf.registerFieldSetting(ConditionalLogicFieldSetting);
/**
* conditionalLogicHelper
*
* description
*
* @date 20/4/18
* @since 5.6.9
*
* @param type $var Description. Default.
* @return type Description.
*/
var conditionalLogicHelper = new acf.Model({
actions: {
duplicate_field_objects: 'onDuplicateFieldObjects'
},
onDuplicateFieldObjects: function (children, newField, prevField) {
// vars
var data = {};
var $selects = $();
// reference change in key
children.map(function (child) {
// store reference of changed key
data[child.get('prevKey')] = child.get('key');
// append condition select
$selects = $selects.add(child.$('.condition-rule-field'));
});
// loop
$selects.each(function () {
// vars
var $select = $(this);
var val = $select.val();
// bail early if val is not a ref key
if (!val || !data[val]) {
return;
}
// modify selected option
$select.find('option:selected').attr('value', data[val]);
// set new val
$select.val(data[val]);
});
}
});
})(jQuery);
/***/ }),
/***/ "./src/advanced-custom-fields-pro/assets/src/js/_field-group-field.js":
/*!****************************************************************************!*\
!*** ./src/advanced-custom-fields-pro/assets/src/js/_field-group-field.js ***!
\****************************************************************************/
/***/ (() => {
(function ($, undefined) {
acf.FieldObject = acf.Model.extend({
// class used to avoid nested event triggers
eventScope: '.acf-field-object',
// variable for field type select2
fieldTypeSelect2: false,
// events
events: {
'click .copyable': 'onClickCopy',
'click .handle': 'onClickEdit',
'click .close-field': 'onClickEdit',
'click a[data-key="acf_field_settings_tabs"]': 'onChangeSettingsTab',
'click .delete-field': 'onClickDelete',
'click .duplicate-field': 'duplicate',
'click .move-field': 'move',
'click .browse-fields': 'browseFields',
'focus .edit-field': 'onFocusEdit',
'blur .edit-field, .row-options a': 'onBlurEdit',
'change .field-type': 'onChangeType',
'change .field-required': 'onChangeRequired',
'blur .field-label': 'onChangeLabel',
'blur .field-name': 'onChangeName',
change: 'onChange',
changed: 'onChanged'
},
// data
data: {
// Similar to ID, but used for HTML puposes.
// It is possbile for a new field to have an ID of 0, but an id of 'field_123' */
id: 0,
// The field key ('field_123')
key: '',
// The field type (text, image, etc)
type: ''
// The $post->ID of this field
//ID: 0,
// The field's parent
//parent: 0,
// The menu order
//menu_order: 0
},
setup: function ($field) {
// set $el
this.$el = $field;
// inherit $field data (id, key, type)
this.inherit($field);
// load additional props
// - this won't trigger 'changed'
this.prop('ID');
this.prop('parent');
this.prop('menu_order');
},
$input: function (name) {
return $('#' + this.getInputId() + '-' + name);
},
$meta: function () {
return this.$('.meta:first');
},
$handle: function () {
return this.$('.handle:first');
},
$settings: function () {
return this.$('.settings:first');
},
$setting: function (name) {
return this.$('.acf-field-settings:first .acf-field-setting-' + name);
},
$fieldTypeSelect: function () {
return this.$('.field-type');
},
$fieldLabel: function () {
return this.$('.field-label');
},
getParent: function () {
return acf.getFieldObjects({
child: this.$el,
limit: 1
}).pop();
},
getParents: function () {
return acf.getFieldObjects({
child: this.$el
});
},
getFields: function () {
return acf.getFieldObjects({
parent: this.$el
});
},
getInputName: function () {
return 'acf_fields[' + this.get('id') + ']';
},
getInputId: function () {
return 'acf_fields-' + this.get('id');
},
newInput: function (name, value) {
// vars
var inputId = this.getInputId();
var inputName = this.getInputName();
// append name
if (name) {
inputId += '-' + name;
inputName += '[' + name + ']';
}
// create input (avoid HTML + JSON value issues)
var $input = $('<input />').attr({
id: inputId,
name: inputName,
value: value
});
this.$('> .meta').append($input);
// return
return $input;
},
getProp: function (name) {
// check data
if (this.has(name)) {
return this.get(name);
}
// get input value
var $input = this.$input(name);
var value = $input.length ? $input.val() : null;
// set data silently (cache)
this.set(name, value, true);
// return
return value;
},
setProp: function (name, value) {
// get input
var $input = this.$input(name);
var prevVal = $input.val();
// create if new
if (!$input.length) {
$input = this.newInput(name, value);
}
// remove
if (value === null) {
$input.remove();
// update
} else {
$input.val(value);
}
//console.log('setProp', name, value, this);
// set data silently (cache)
if (!this.has(name)) {
//console.log('setting silently');
this.set(name, value, true);
// set data allowing 'change' event to fire
} else {
//console.log('setting loudly!');
this.set(name, value);
}
// return
return this;
},
prop: function (name, value) {
if (value !== undefined) {
return this.setProp(name, value);
} else {
return this.getProp(name);
}
},
props: function (props) {
Object.keys(props).map(function (key) {
this.setProp(key, props[key]);
}, this);
},
getLabel: function () {
// get label with empty default
var label = this.prop('label');
if (label === '') {
label = acf.__('(no label)');
}
// return
return label;
},
getName: function () {
return this.prop('name');
},
getType: function () {
return this.prop('type');
},
getTypeLabel: function () {
var type = this.prop('type');
var types = acf.get('fieldTypes');
return types[type] ? types[type].label : type;
},
getKey: function () {
return this.prop('key');
},
initialize: function () {
this.checkCopyable();
},
makeCopyable: function (text) {
if (!navigator.clipboard) return '<span class="copyable copy-unsupported">' + text + '</span>';
return '<span class="copyable">' + text + '</span>';
},
checkCopyable: function () {
if (!navigator.clipboard) {
this.$el.find('.copyable').addClass('copy-unsupported');
}
},
initializeFieldTypeSelect2: function () {
if (this.fieldTypeSelect2) return;
// Support disabling via filter.
if (this.$fieldTypeSelect().hasClass('disable-select2')) return;
// Check for a full modern version of select2, bail loading if not found with a console warning.
try {
$.fn.select2.amd.require('select2/compat/dropdownCss');
} catch (err) {
console.warn('ACF was not able to load the full version of select2 due to a conflicting version provided by another plugin or theme taking precedence. Select2 fields may not work as expected.');
return;
}
this.fieldTypeSelect2 = acf.newSelect2(this.$fieldTypeSelect(), {
field: false,
ajax: false,
multiple: false,
allowNull: false,
suppressFilters: true,
dropdownCssClass: 'field-type-select-results',
templateResult: function (selection) {
if (selection.loading || selection.element && selection.element.nodeName === 'OPTGROUP') {
var $selection = $('<span class="acf-selection"></span>');
$selection.html(acf.escHtml(selection.text));
} else {
var $selection = $('<i class="field-type-icon field-type-icon-' + selection.id.replaceAll('_', '-') + '"></i><span class="acf-selection has-icon">' + acf.escHtml(selection.text) + '</span>');
}
$selection.data('element', selection.element);
return $selection;
},
templateSelection: function (selection) {
var $selection = $('<i class="field-type-icon field-type-icon-' + selection.id.replaceAll('_', '-') + '"></i><span class="acf-selection has-icon">' + acf.escHtml(selection.text) + '</span>');
$selection.data('element', selection.element);
return $selection;
}
});
this.fieldTypeSelect2.on('select2:open', function () {
$('.field-type-select-results input.select2-search__field').attr('placeholder', acf.__('Type to search...'));
});
this.fieldTypeSelect2.on('change', function (e) {
$(e.target).parents('ul:first').find('button.browse-fields').prop('disabled', true);
});
// When typing happens on the li element above the select2.
this.fieldTypeSelect2.$el.parent().on('keydown', '.select2-selection.select2-selection--single', this.onKeyDownSelect);
},
addProFields: function () {
// Make sure we're only running this on free version.
if (acf.get('is_pro')) {
return;
}
// Make sure we haven't appended these fields before.
var $fieldTypeSelect = this.$fieldTypeSelect();
if ($fieldTypeSelect.hasClass('acf-free-field-type')) return;
// Loop over each pro field type and append it to the select.
const PROFieldTypes = acf.get('PROFieldTypes');
if (typeof PROFieldTypes !== 'object') return;
const $layoutGroup = $fieldTypeSelect.find('optgroup option[value="group"]').parent();
const $contentGroup = $fieldTypeSelect.find('optgroup option[value="image"]').parent();
for (const [name, field] of Object.entries(PROFieldTypes)) {
const $useGroup = field.category === 'content' ? $contentGroup : $layoutGroup;
$useGroup.append('<option value="null" disabled="disabled">' + field.label + ' (' + acf.__('PRO Only') + ')</option>');
}
$fieldTypeSelect.addClass('acf-free-field-type');
},
render: function () {
// vars
var $handle = this.$('.handle:first');
var menu_order = this.prop('menu_order');
var label = this.getLabel();
var name = this.prop('name');
var type = this.getTypeLabel();
var key = this.prop('key');
var required = this.$input('required').prop('checked');
// update menu order
$handle.find('.acf-icon').html(parseInt(menu_order) + 1);
// update required
if (required) {
label += ' <span class="acf-required">*</span>';
}
// update label
$handle.find('.li-field-label strong a').html(label);
// update name
$handle.find('.li-field-name').html(this.makeCopyable(name));
// update type
const iconName = acf.strSlugify(this.getType());
$handle.find('.field-type-label').text(' ' + type);
$handle.find('.field-type-icon').removeClass().addClass('field-type-icon field-type-icon-' + iconName);
// update key
$handle.find('.li-field-key').html(this.makeCopyable(key));
// action for 3rd party customization
acf.doAction('render_field_object', this);
},
refresh: function () {
acf.doAction('refresh_field_object', this);
},
isOpen: function () {
return this.$el.hasClass('open');
},
onClickCopy: function (e) {
e.stopPropagation();
if (!navigator.clipboard || $(e.target).is('input')) return;
// Find the value to copy depending on input or text elements.
let copyValue;
if ($(e.target).hasClass('acf-input-wrap')) {
copyValue = $(e.target).find('input').first().val();
} else {
copyValue = $(e.target).text();
}
navigator.clipboard.writeText(copyValue).then(() => {
$(e.target).closest('.copyable').addClass('copied');
setTimeout(function () {
$(e.target).closest('.copyable').removeClass('copied');
}, 2000);
});
},
onClickEdit: function (e) {
$target = $(e.target);
if ($target.parent().hasClass('row-options') && !$target.hasClass('edit-field')) return;
this.isOpen() ? this.close() : this.open();
},
onChangeSettingsTab: function () {
const $settings = this.$el.children('.settings');
acf.doAction('show', $settings);
},
/**
* Adds 'active' class to row options nearest to the target.
*/
onFocusEdit: function (e) {
var $rowOptions = $(e.target).closest('li').find('.row-options');
$rowOptions.addClass('active');
},
/**
* Removes 'active' class from row options if links in same row options area are no longer in focus.
*/
onBlurEdit: function (e) {
var focusDelayMilliseconds = 50;
var $rowOptionsBlurElement = $(e.target).closest('li').find('.row-options');
// Timeout so that `activeElement` gives the new element in focus instead of the body.
setTimeout(function () {
var $rowOptionsFocusElement = $(document.activeElement).closest('li').find('.row-options');
if (!$rowOptionsBlurElement.is($rowOptionsFocusElement)) {
$rowOptionsBlurElement.removeClass('active');
}
}, focusDelayMilliseconds);
},
open: function () {
// vars
var $settings = this.$el.children('.settings');
// initialise field type select
this.addProFields();
this.initializeFieldTypeSelect2();
// action (open)
acf.doAction('open_field_object', this);
this.trigger('openFieldObject');
// action (show)
acf.doAction('show', $settings);
this.hideEmptyTabs();
// open
$settings.slideDown();
this.$el.addClass('open');
},
onKeyDownSelect: function (e) {
// Omit events from special keys.
if (!(e.which >= 186 && e.which <= 222 ||
// punctuation and special characters
[8, 9, 13, 16, 17, 18, 19, 20, 27, 32, 33, 34, 35, 36, 37, 38, 39, 40, 45, 46, 91, 92, 93, 144, 145].includes(e.which) ||
// Special keys
e.which >= 112 && e.which <= 123)) {
// Function keys
$(this).closest('.select2-container').siblings('select:enabled').select2('open');
return;
}
},
close: function () {
// vars
var $settings = this.$el.children('.settings');
// close
$settings.slideUp();
this.$el.removeClass('open');
// action (close)
acf.doAction('close_field_object', this);
this.trigger('closeFieldObject');
// action (hide)
acf.doAction('hide', $settings);
},
serialize: function () {
return acf.serialize(this.$el, this.getInputName());
},
save: function (type) {
// defaults
type = type || 'settings'; // meta, settings
// vars
var save = this.getProp('save');
// bail if already saving settings
if (save === 'settings') {
return;
}
// prop
this.setProp('save', type);
// debug
this.$el.attr('data-save', type);
// action
acf.doAction('save_field_object', this, type);
},
submit: function () {
// vars
var inputName = this.getInputName();
var save = this.get('save');
// close
if (this.isOpen()) {
this.close();
}
// allow all inputs to save
if (save == 'settings') {
// do nothing
// allow only meta inputs to save
} else if (save == 'meta') {
this.$('> .settings [name^="' + inputName + '"]').remove();
// prevent all inputs from saving
} else {
this.$('[name^="' + inputName + '"]').remove();
}
// action
acf.doAction('submit_field_object', this);
},
onChange: function (e, $el) {
// save settings
this.save();
// action for 3rd party customization
acf.doAction('change_field_object', this);
},
onChanged: function (e, $el, name, value) {
if (this.getType() === $el.attr('data-type')) {
$('button.acf-btn.browse-fields').prop('disabled', false);
}
// ignore 'save'
if (name == 'save') {
return;
}
// save meta
if (['menu_order', 'parent'].indexOf(name) > -1) {
this.save('meta');
// save field
} else {
this.save();
}
// render
if (['menu_order', 'label', 'required', 'name', 'type', 'key'].indexOf(name) > -1) {
this.render();
}
// action for 3rd party customization
acf.doAction('change_field_object_' + name, this, value);
},
onChangeLabel: function (e, $el) {
// set
var label = $el.val();
this.set('label', label);
// render name
if (this.prop('name') == '') {
var name = acf.applyFilters('generate_field_object_name', acf.strSanitize(label), this);
this.prop('name', name);
}
},
onChangeName: function (e, $el) {
// set
var name = $el.val();
this.set('name', name);
// error
if (name.substr(0, 6) === 'field_') {
alert(acf.__('The string "field_" may not be used at the start of a field name'));
}
},
onChangeRequired: function (e, $el) {
// set
var required = $el.prop('checked') ? 1 : 0;
this.set('required', required);
},
delete: function (args) {
// defaults
args = acf.parseArgs(args, {
animate: true
});
// add to remove list
var id = this.prop('ID');
if (id) {
var $input = $('#_acf_delete_fields');
var newVal = $input.val() + '|' + id;
$input.val(newVal);
}
// action
acf.doAction('delete_field_object', this);
// animate
if (args.animate) {
this.removeAnimate();
} else {
this.remove();
}
},
onClickDelete: function (e, $el) {
// Bypass confirmation when holding down "shift" key.
if (e.shiftKey) {
return this.delete();
}
// add class
this.$el.addClass('-hover');
// add tooltip
var tooltip = acf.newTooltip({
confirmRemove: true,
target: $el,
context: this,
confirm: function () {
this.delete();
},
cancel: function () {
this.$el.removeClass('-hover');
}
});
},
removeAnimate: function () {
// vars
var field = this;
var $list = this.$el.parent();
var $fields = acf.findFieldObjects({
sibling: this.$el
});
// remove
acf.remove({
target: this.$el,
endHeight: $fields.length ? 0 : 50,
complete: function () {
field.remove();
acf.doAction('removed_field_object', field, $list);
}
});
// action
acf.doAction('remove_field_object', field, $list);
},
duplicate: function () {
// vars
var newKey = acf.uniqid('field_');
// duplicate
var $newField = acf.duplicate({
target: this.$el,
search: this.get('id'),
replace: newKey
});
// set new key
$newField.attr('data-key', newKey);
// get instance
var newField = acf.getFieldObject($newField);
// update newField label / name
var label = newField.prop('label');
var name = newField.prop('name');
var end = name.split('_').pop();
var copy = acf.__('copy');
// increase suffix "1"
if (acf.isNumeric(end)) {
var i = end * 1 + 1;
label = label.replace(end, i);
name = name.replace(end, i);
// increase suffix "(copy1)"
} else if (end.indexOf(copy) === 0) {
var i = end.replace(copy, '') * 1;
i = i ? i + 1 : 2;
// replace
label = label.replace(end, copy + i);
name = name.replace(end, copy + i);
// add default "(copy)"
} else {
label += ' (' + copy + ')';
name += '_' + copy;
}
newField.prop('ID', 0);
newField.prop('label', label);
newField.prop('name', name);
newField.prop('key', newKey);
// close the current field if it's open.
if (this.isOpen()) {
this.close();
}
// open the new field and initialise correctly.
newField.open();
// focus label
var $label = newField.$setting('label input');
setTimeout(function () {
$label.trigger('focus');
}, 251);
// action
acf.doAction('duplicate_field_object', this, newField);
acf.doAction('append_field_object', newField);
},
wipe: function () {
// vars
var prevId = this.get('id');
var prevKey = this.get('key');
var newKey = acf.uniqid('field_');
// rename
acf.rename({
target: this.$el,
search: prevId,
replace: newKey
});
// data
this.set('id', newKey);
this.set('prevId', prevId);
this.set('prevKey', prevKey);
// props
this.prop('key', newKey);
this.prop('ID', 0);
// attr
this.$el.attr('data-key', newKey);
this.$el.attr('data-id', newKey);
// action
acf.doAction('wipe_field_object', this);
},
move: function () {
// helper
var hasChanged = function (field) {
return field.get('save') == 'settings';
};
// vars
var changed = hasChanged(this);
// has sub fields changed
if (!changed) {
acf.getFieldObjects({
parent: this.$el
}).map(function (field) {
changed = hasChanged(field) || field.changed;
});
}
// bail early if changed
if (changed) {
alert(acf.__('This field cannot be moved until its changes have been saved'));
return;
}
// step 1.
var id = this.prop('ID');
var field = this;
var popup = false;
var step1 = function () {
// popup
popup = acf.newPopup({
title: acf.__('Move Custom Field'),
loading: true,
width: '300px',
openedBy: field.$el.find('.move-field')
});
// ajax
var ajaxData = {
action: 'acf/field_group/move_field',
field_id: id
};
// get HTML
$.ajax({
url: acf.get('ajaxurl'),
data: acf.prepareForAjax(ajaxData),
type: 'post',
dataType: 'html',
success: step2
});
};
var step2 = function (html) {
// update popup
popup.loading(false);
popup.content(html);
// submit form
popup.on('submit', 'form', step3);
};
var step3 = function (e, $el) {
// prevent
e.preventDefault();
// disable
acf.startButtonLoading(popup.$('.button'));
// ajax
var ajaxData = {
action: 'acf/field_group/move_field',
field_id: id,
field_group_id: popup.$('select').val()
};
// get HTML
$.ajax({
url: acf.get('ajaxurl'),
data: acf.prepareForAjax(ajaxData),
type: 'post',
dataType: 'html',
success: step4
});
};
var step4 = function (html) {
popup.content(html);
if (wp.a11y && wp.a11y.speak && acf.__) {
wp.a11y.speak(acf.__('Field moved to other group'), 'polite');
}
popup.$('.acf-close-popup').focus();
field.removeAnimate();
};
// start
step1();
},
browseFields: function (e, $el) {
e.preventDefault();
const modal = acf.newBrowseFieldsModal({
openedBy: this
});
},
onChangeType: function (e, $el) {
// clea previous timout
if (this.changeTimeout) {
clearTimeout(this.changeTimeout);
}
// set new timeout
// - prevents changing type multiple times whilst user types in newType
this.changeTimeout = this.setTimeout(function () {
this.changeType($el.val());
}, 300);
},
changeType: function (newType) {
var prevType = this.prop('type');
var prevClass = acf.strSlugify('acf-field-object-' + prevType);
var newClass = acf.strSlugify('acf-field-object-' + newType);
// Update props.
this.$el.removeClass(prevClass).addClass(newClass);
this.$el.attr('data-type', newType);
this.$el.data('type', newType);
// Abort XHR if this field is already loading AJAX data.
if (this.has('xhr')) {
this.get('xhr').abort();
}
// Store old settings so they can be reused later.
const $oldSettings = {};
this.$el.find('.acf-field-settings:first > .acf-field-settings-main > .acf-field-type-settings').each(function () {
let tab = $(this).data('parent-tab');
let $tabSettings = $(this).children().removeData();
$oldSettings[tab] = $tabSettings;
$tabSettings.detach();
});
this.set('settings-' + prevType, $oldSettings);
// Show the settings if we already have them cached.
if (this.has('settings-' + newType)) {
let $newSettings = this.get('settings-' + newType);
this.showFieldTypeSettings($newSettings);
this.set('type', newType);
return;
}
// Add loading spinner.
const $loading = $('<div class="acf-field"><div class="acf-input"><div class="acf-loading"></div></div></div>');
this.$el.find('.acf-field-settings-main-general .acf-field-type-settings').before($loading);
const ajaxData = {
action: 'acf/field_group/render_field_settings',
field: this.serialize(),
prefix: this.getInputName()
};
// Get the settings for this field type over AJAX.
var xhr = $.ajax({
url: acf.get('ajaxurl'),
data: acf.prepareForAjax(ajaxData),
type: 'post',
dataType: 'json',
context: this,
success: function (response) {
if (!acf.isAjaxSuccess(response)) {
return;
}
this.showFieldTypeSettings(response.data);
},
complete: function () {
// also triggered by xhr.abort();
$loading.remove();
this.set('type', newType);
//this.refresh();
}
});
// set
this.set('xhr', xhr);
},
showFieldTypeSettings: function (settings) {
if ('object' !== typeof settings) {
return;
}
const self = this;
const tabs = Object.keys(settings);
tabs.forEach(tab => {
const $tab = self.$el.find('.acf-field-settings-main-' + tab.replace('_', '-') + ' .acf-field-type-settings');
let tabContent = '';
if (['object', 'string'].includes(typeof settings[tab])) {
tabContent = settings[tab];
}
$tab.prepend(tabContent);
acf.doAction('append', $tab);
});
this.hideEmptyTabs();
},
updateParent: function () {
// vars
var ID = acf.get('post_id');
// check parent
var parent = this.getParent();
if (parent) {
ID = parseInt(parent.prop('ID')) || parent.prop('key');
}
// update
this.prop('parent', ID);
},
hideEmptyTabs: function () {
const $settings = this.$settings();
const $tabs = $settings.find('.acf-field-settings:first > .acf-field-settings-main');
$tabs.each(function () {
const $tabContent = $(this);
const tabName = $tabContent.find('.acf-field-type-settings:first').data('parentTab');
const $tabLink = $settings.find('.acf-settings-type-' + tabName).first();
if ($.trim($tabContent.text()) === '') {
$tabLink.hide();
} else if ($tabLink.is(':hidden')) {
$tabLink.show();
}
});
}
});
})(jQuery);
/***/ }),
/***/ "./src/advanced-custom-fields-pro/assets/src/js/_field-group-fields.js":
/*!*****************************************************************************!*\
!*** ./src/advanced-custom-fields-pro/assets/src/js/_field-group-fields.js ***!
\*****************************************************************************/
/***/ (() => {
(function ($, undefined) {
/**
* acf.findFieldObject
*
* Returns a single fieldObject $el for a given field key
*
* @date 1/2/18
* @since 5.7.0
*
* @param string key The field key
* @return jQuery
*/
acf.findFieldObject = function (key) {
return acf.findFieldObjects({
key: key,
limit: 1
});
};
/**
* acf.findFieldObjects
*
* Returns an array of fieldObject $el for the given args
*
* @date 1/2/18
* @since 5.7.0
*
* @param object args
* @return jQuery
*/
acf.findFieldObjects = function (args) {
// vars
args = args || {};
var selector = '.acf-field-object';
var $fields = false;
// args
args = acf.parseArgs(args, {
id: '',
key: '',
type: '',
limit: false,
list: null,
parent: false,
sibling: false,
child: false
});
// id
if (args.id) {
selector += '[data-id="' + args.id + '"]';
}
// key
if (args.key) {
selector += '[data-key="' + args.key + '"]';
}
// type
if (args.type) {
selector += '[data-type="' + args.type + '"]';
}
// query
if (args.list) {
$fields = args.list.children(selector);
} else if (args.parent) {
$fields = args.parent.find(selector);
} else if (args.sibling) {
$fields = args.sibling.siblings(selector);
} else if (args.child) {
$fields = args.child.parents(selector);
} else {
$fields = $(selector);
}
// limit
if (args.limit) {
$fields = $fields.slice(0, args.limit);
}
// return
return $fields;
};
/**
* acf.getFieldObject
*
* Returns a single fieldObject instance for a given $el|key
*
* @date 1/2/18
* @since 5.7.0
*
* @param string|jQuery $field The field $el or key
* @return jQuery
*/
acf.getFieldObject = function ($field) {
// allow key
if (typeof $field === 'string') {
$field = acf.findFieldObject($field);
}
// instantiate
var field = $field.data('acf');
if (!field) {
field = acf.newFieldObject($field);
}
// return
return field;
};
/**
* acf.getFieldObjects
*
* Returns an array of fieldObject instances for the given args
*
* @date 1/2/18
* @since 5.7.0
*
* @param object args
* @return array
*/
acf.getFieldObjects = function (args) {
// query
var $fields = acf.findFieldObjects(args);
// loop
var fields = [];
$fields.each(function () {
var field = acf.getFieldObject($(this));
fields.push(field);
});
// return
return fields;
};
/**
* acf.newFieldObject
*
* Initializes and returns a new FieldObject instance
*
* @date 1/2/18
* @since 5.7.0
*
* @param jQuery $field The field $el
* @return object
*/
acf.newFieldObject = function ($field) {
// instantiate
var field = new acf.FieldObject($field);
// action
acf.doAction('new_field_object', field);
// return
return field;
};
/**
* actionManager
*
* description
*
* @date 15/12/17
* @since 5.6.5
*
* @param type $var Description. Default.
* @return type Description.
*/
var eventManager = new acf.Model({
priority: 5,
initialize: function () {
// actions
var actions = ['prepare', 'ready', 'append', 'remove'];
// loop
actions.map(function (action) {
this.addFieldActions(action);
}, this);
},
addFieldActions: function (action) {
// vars
var pluralAction = action + '_field_objects'; // ready_field_objects
var singleAction = action + '_field_object'; // ready_field_object
var singleEvent = action + 'FieldObject'; // readyFieldObject
// global action
var callback = function ($el /*, arg1, arg2, etc*/) {
// vars
var fieldObjects = acf.getFieldObjects({
parent: $el
});
// call plural
if (fieldObjects.length) {
/// get args [$el, arg1]
var args = acf.arrayArgs(arguments);
// modify args [pluralAction, fields, arg1]
args.splice(0, 1, pluralAction, fieldObjects);
acf.doAction.apply(null, args);
}
};
// plural action
var pluralCallback = function (fieldObjects /*, arg1, arg2, etc*/) {
/// get args [fields, arg1]
var args = acf.arrayArgs(arguments);
// modify args [singleAction, fields, arg1]
args.unshift(singleAction);
// loop
fieldObjects.map(function (fieldObject) {
// modify args [singleAction, field, arg1]
args[1] = fieldObject;
acf.doAction.apply(null, args);
});
};
// single action
var singleCallback = function (fieldObject /*, arg1, arg2, etc*/) {
/// get args [$field, arg1]
var args = acf.arrayArgs(arguments);
// modify args [singleAction, $field, arg1]
args.unshift(singleAction);
// action variations (ready_field/type=image)
var variations = ['type', 'name', 'key'];
variations.map(function (variation) {
args[0] = singleAction + '/' + variation + '=' + fieldObject.get(variation);
acf.doAction.apply(null, args);
});
// modify args [arg1]
args.splice(0, 2);
// event
fieldObject.trigger(singleEvent, args);
};
// add actions
acf.addAction(action, callback, 5);
acf.addAction(pluralAction, pluralCallback, 5);
acf.addAction(singleAction, singleCallback, 5);
}
});
/**
* fieldManager
*
* description
*
* @date 4/1/18
* @since 5.6.5
*
* @param type $var Description. Default.
* @return type Description.
*/
var fieldManager = new acf.Model({
id: 'fieldManager',
events: {
'submit #post': 'onSubmit',
'mouseenter .acf-field-list': 'onHoverSortable',
'click .add-field': 'onClickAdd'
},
actions: {
removed_field_object: 'onRemovedField',
sortstop_field_object: 'onReorderField',
delete_field_object: 'onDeleteField',
change_field_object_type: 'onChangeFieldType',
duplicate_field_object: 'onDuplicateField'
},
onSubmit: function (e, $el) {
// vars
var fields = acf.getFieldObjects();
// loop
fields.map(function (field) {
field.submit();
});
},
setFieldMenuOrder: function (field) {
this.renderFields(field.$el.parent());
},
onHoverSortable: function (e, $el) {
// bail early if already sortable
if ($el.hasClass('ui-sortable')) return;
// sortable
$el.sortable({
helper: function (event, element) {
// https://core.trac.wordpress.org/ticket/16972#comment:22
return element.clone().find(':input').attr('name', function (i, currentName) {
return 'sort_' + parseInt(Math.random() * 100000, 10).toString() + '_' + currentName;
}).end();
},
handle: '.acf-sortable-handle',
connectWith: '.acf-field-list',
start: function (e, ui) {
var field = acf.getFieldObject(ui.item);
ui.placeholder.height(ui.item.height());
acf.doAction('sortstart_field_object', field, $el);
},
update: function (e, ui) {
var field = acf.getFieldObject(ui.item);
acf.doAction('sortstop_field_object', field, $el);
}
});
},
onRemovedField: function (field, $list) {
this.renderFields($list);
},
onReorderField: function (field, $list) {
field.updateParent();
this.renderFields($list);
},
onDeleteField: function (field) {
// delete children
field.getFields().map(function (child) {
child.delete({
animate: false
});
});
},
onChangeFieldType: function (field) {
// enable browse field modal button
field.$el.find('button.browse-fields').prop('disabled', false);
},
onDuplicateField: function (field, newField) {
// check for children
var children = newField.getFields();
if (children.length) {
// loop
children.map(function (child) {
// wipe field
child.wipe();
// if the child is open, re-fire the open method to ensure it's initialised correctly.
if (child.isOpen()) {
child.open();
}
// update parent
child.updateParent();
});
// action
acf.doAction('duplicate_field_objects', children, newField, field);
}
// set menu order
this.setFieldMenuOrder(newField);
},
renderFields: function ($list) {
// vars
var fields = acf.getFieldObjects({
list: $list
});
// no fields
if (!fields.length) {
$list.addClass('-empty');
$list.parents('.acf-field-list-wrap').first().addClass('-empty');
return;
}
// has fields
$list.removeClass('-empty');
$list.parents('.acf-field-list-wrap').first().removeClass('-empty');
// prop
fields.map(function (field, i) {
field.prop('menu_order', i);
});
},
onClickAdd: function (e, $el) {
let $list;
if ($el.hasClass('add-first-field')) {
$list = $el.parents('.acf-field-list').eq(0);
} else if ($el.parent().hasClass('acf-headerbar-actions') || $el.parent().hasClass('no-fields-message-inner')) {
$list = $('.acf-field-list:first');
} else if ($el.parent().hasClass('acf-sub-field-list-header')) {
$list = $el.parents('.acf-input:first').find('.acf-field-list:first');
} else {
$list = $el.closest('.acf-tfoot').siblings('.acf-field-list');
}
this.addField($list);
},
addField: function ($list) {
// vars
var html = $('#tmpl-acf-field').html();
var $el = $(html);
var prevId = $el.data('id');
var newKey = acf.uniqid('field_');
// duplicate
var $newField = acf.duplicate({
target: $el,
search: prevId,
replace: newKey,
append: function ($el, $el2) {
$list.append($el2);
}
});
// get instance
var newField = acf.getFieldObject($newField);
// props
newField.prop('key', newKey);
newField.prop('ID', 0);
newField.prop('label', '');
newField.prop('name', '');
// attr
$newField.attr('data-key', newKey);
$newField.attr('data-id', newKey);
// update parent prop
newField.updateParent();
// focus type
var $type = newField.$input('type');
setTimeout(function () {
if ($list.hasClass('acf-auto-add-field')) {
$list.removeClass('acf-auto-add-field');
} else {
$type.trigger('focus');
}
}, 251);
// open
newField.open();
// set menu order
this.renderFields($list);
// action
acf.doAction('add_field_object', newField);
acf.doAction('append_field_object', newField);
}
});
})(jQuery);
/***/ }),
/***/ "./src/advanced-custom-fields-pro/assets/src/js/_field-group-locations.js":
/*!********************************************************************************!*\
!*** ./src/advanced-custom-fields-pro/assets/src/js/_field-group-locations.js ***!
\********************************************************************************/
/***/ (() => {
(function ($, undefined) {
/**
* locationManager
*
* Field group location rules functionality
*
* @date 15/12/17
* @since 5.7.0
*
* @param void
* @return void
*/
var locationManager = new acf.Model({
id: 'locationManager',
wait: 'ready',
events: {
'click .add-location-rule': 'onClickAddRule',
'click .add-location-group': 'onClickAddGroup',
'click .remove-location-rule': 'onClickRemoveRule',
'change .refresh-location-rule': 'onChangeRemoveRule'
},
initialize: function () {
this.$el = $('#acf-field-group-options');
this.addProLocations();
this.updateGroupsClass();
},
addProLocations: function () {
// Make sure we're only running this on free version.
if (acf.get('is_pro')) {
return;
}
// Loop over each pro field type and append it to the select.
const PROLocationTypes = acf.get('PROLocationTypes');
if (typeof PROLocationTypes !== 'object') return;
const $formsGroup = this.$el.find('select.refresh-location-rule').find('optgroup[label="Forms"]');
for (const [key, name] of Object.entries(PROLocationTypes)) {
$formsGroup.append('<option value="null" disabled="disabled">' + name + ' (' + acf.__('PRO Only') + ')</option>');
}
},
onClickAddRule: function (e, $el) {
this.addRule($el.closest('tr'));
},
onClickRemoveRule: function (e, $el) {
this.removeRule($el.closest('tr'));
},
onChangeRemoveRule: function (e, $el) {
this.changeRule($el.closest('tr'));
},
onClickAddGroup: function (e, $el) {
this.addGroup();
},
addRule: function ($tr) {
acf.duplicate($tr);
this.updateGroupsClass();
},
removeRule: function ($tr) {
if ($tr.siblings('tr').length == 0) {
$tr.closest('.rule-group').remove();
} else {
$tr.remove();
}
// Update h4
var $group = this.$('.rule-group:first');
$group.find('h4').text(acf.__('Show this field group if'));
this.updateGroupsClass();
},
changeRule: function ($rule) {
// vars
var $group = $rule.closest('.rule-group');
var prefix = $rule.find('td.param select').attr('name').replace('[param]', '');
// ajaxdata
var ajaxdata = {};
ajaxdata.action = 'acf/field_group/render_location_rule';
ajaxdata.rule = acf.serialize($rule, prefix);
ajaxdata.rule.id = $rule.data('id');
ajaxdata.rule.group = $group.data('id');
// temp disable
acf.disable($rule.find('td.value'));
// ajax
$.ajax({
url: acf.get('ajaxurl'),
data: acf.prepareForAjax(ajaxdata),
type: 'post',
dataType: 'html',
success: function (html) {
if (!html) return;
$rule.replaceWith(html);
}
});
},
addGroup: function () {
// vars
var $group = this.$('.rule-group:last');
// duplicate
$group2 = acf.duplicate($group);
// update h4
$group2.find('h4').text(acf.__('or'));
// remove all tr's except the first one
$group2.find('tr').not(':first').remove();
// update the groups class
this.updateGroupsClass();
},
updateGroupsClass: function () {
var $group = this.$('.rule-group:last');
var $ruleGroups = $group.closest('.rule-groups');
var rows_count = $ruleGroups.find('.acf-table tr').length;
if (rows_count > 1) {
$ruleGroups.addClass('rule-groups-multiple');
} else {
$ruleGroups.removeClass('rule-groups-multiple');
}
}
});
})(jQuery);
/***/ }),
/***/ "./src/advanced-custom-fields-pro/assets/src/js/_field-group-settings.js":
/*!*******************************************************************************!*\
!*** ./src/advanced-custom-fields-pro/assets/src/js/_field-group-settings.js ***!
\*******************************************************************************/
/***/ (() => {
(function ($, undefined) {
/**
* mid
*
* Calculates the model ID for a field type
*
* @date 15/12/17
* @since 5.6.5
*
* @param string type
* @return string
*/
var modelId = function (type) {
return acf.strPascalCase(type || '') + 'FieldSetting';
};
/**
* registerFieldType
*
* description
*
* @date 14/12/17
* @since 5.6.5
*
* @param type $var Description. Default.
* @return type Description.
*/
acf.registerFieldSetting = function (model) {
var proto = model.prototype;
var mid = modelId(proto.type + ' ' + proto.name);
this.models[mid] = model;
};
/**
* newField
*
* description
*
* @date 14/12/17
* @since 5.6.5
*
* @param type $var Description. Default.
* @return type Description.
*/
acf.newFieldSetting = function (field) {
// vars
var type = field.get('setting') || '';
var name = field.get('name') || '';
var mid = modelId(type + ' ' + name);
var model = acf.models[mid] || null;
// bail early if no setting
if (model === null) return false;
// instantiate
var setting = new model(field);
// return
return setting;
};
/**
* acf.getFieldSetting
*
* description
*
* @date 19/4/18
* @since 5.6.9
*
* @param type $var Description. Default.
* @return type Description.
*/
acf.getFieldSetting = function (field) {
// allow jQuery
if (field instanceof jQuery) {
field = acf.getField(field);
}
// return
return field.setting;
};
/**
* settingsManager
*
* @since 5.6.5
*
* @param object The object containing the extended variables and methods.
* @return void
*/
var settingsManager = new acf.Model({
actions: {
new_field: 'onNewField'
},
onNewField: function (field) {
field.setting = acf.newFieldSetting(field);
}
});
/**
* acf.FieldSetting
*
* @since 5.6.5
*
* @param object The object containing the extended variables and methods.
* @return void
*/
acf.FieldSetting = acf.Model.extend({
field: false,
type: '',
name: '',
wait: 'ready',
eventScope: '.acf-field',
events: {
change: 'render'
},
setup: function (field) {
// vars
var $field = field.$el;
// set props
this.$el = $field;
this.field = field;
this.$fieldObject = $field.closest('.acf-field-object');
this.fieldObject = acf.getFieldObject(this.$fieldObject);
// inherit data
$.extend(this.data, field.data);
},
initialize: function () {
this.render();
},
render: function () {
// do nothing
}
});
/**
* Accordion and Tab Endpoint Settings
*
* The 'endpoint' setting on accordions and tabs requires an additional class on the
* field object row when enabled.
*
* @since 6.0.0
*
* @param object The object containing the extended variables and methods.
* @return void
*/
var EndpointFieldSetting = acf.FieldSetting.extend({
type: '',
name: '',
render: function () {
var $endpoint_setting = this.fieldObject.$setting('endpoint');
var $endpoint_field = $endpoint_setting.find('input[type="checkbox"]:first');
if ($endpoint_field.is(':checked')) {
this.fieldObject.$el.addClass('acf-field-is-endpoint');
} else {
this.fieldObject.$el.removeClass('acf-field-is-endpoint');
}
}
});
var AccordionEndpointFieldSetting = EndpointFieldSetting.extend({
type: 'accordion',
name: 'endpoint'
});
var TabEndpointFieldSetting = EndpointFieldSetting.extend({
type: 'tab',
name: 'endpoint'
});
acf.registerFieldSetting(AccordionEndpointFieldSetting);
acf.registerFieldSetting(TabEndpointFieldSetting);
/**
* Date Picker
*
* This field type requires some extra logic for its settings
*
* @since 5.0.0
*
* @param object The object containing the extended variables and methods.
* @return void
*/
var DisplayFormatFieldSetting = acf.FieldSetting.extend({
type: '',
name: '',
render: function () {
var $input = this.$('input[type="radio"]:checked');
if ($input.val() != 'other') {
this.$('input[type="text"]').val($input.val());
}
}
});
var DatePickerDisplayFormatFieldSetting = DisplayFormatFieldSetting.extend({
type: 'date_picker',
name: 'display_format'
});
var DatePickerReturnFormatFieldSetting = DisplayFormatFieldSetting.extend({
type: 'date_picker',
name: 'return_format'
});
acf.registerFieldSetting(DatePickerDisplayFormatFieldSetting);
acf.registerFieldSetting(DatePickerReturnFormatFieldSetting);
/**
* Date Time Picker
*
* This field type requires some extra logic for its settings
*
* @since 5.0.0
*
* @param object The object containing the extended variables and methods.
* @return void
*/
var DateTimePickerDisplayFormatFieldSetting = DisplayFormatFieldSetting.extend({
type: 'date_time_picker',
name: 'display_format'
});
var DateTimePickerReturnFormatFieldSetting = DisplayFormatFieldSetting.extend({
type: 'date_time_picker',
name: 'return_format'
});
acf.registerFieldSetting(DateTimePickerDisplayFormatFieldSetting);
acf.registerFieldSetting(DateTimePickerReturnFormatFieldSetting);
/**
* Time Picker
*
* This field type requires some extra logic for its settings
*
* @since 5.0.0
*
* @param object The object containing the extended variables and methods.
* @return void
*/
var TimePickerDisplayFormatFieldSetting = DisplayFormatFieldSetting.extend({
type: 'time_picker',
name: 'display_format'
});
var TimePickerReturnFormatFieldSetting = DisplayFormatFieldSetting.extend({
type: 'time_picker',
name: 'return_format'
});
acf.registerFieldSetting(TimePickerDisplayFormatFieldSetting);
acf.registerFieldSetting(TimePickerReturnFormatFieldSetting);
/**
* Color Picker Settings.
*
* @date 16/12/20
* @since 5.9.4
*
* @param object The object containing the extended variables and methods.
* @return void
*/
var ColorPickerReturnFormat = acf.FieldSetting.extend({
type: 'color_picker',
name: 'enable_opacity',
render: function () {
var $return_format_setting = this.fieldObject.$setting('return_format');
var $default_value_setting = this.fieldObject.$setting('default_value');
var $labelText = $return_format_setting.find('input[type="radio"][value="string"]').parent('label').contents().last();
var $defaultPlaceholder = $default_value_setting.find('input[type="text"]');
var l10n = acf.get('colorPickerL10n');
if (this.field.val()) {
$labelText.replaceWith(l10n.rgba_string);
$defaultPlaceholder.attr('placeholder', 'rgba(255,255,255,0.8)');
} else {
$labelText.replaceWith(l10n.hex_string);
$defaultPlaceholder.attr('placeholder', '#FFFFFF');
}
}
});
acf.registerFieldSetting(ColorPickerReturnFormat);
})(jQuery);
/***/ }),
/***/ "./src/advanced-custom-fields-pro/assets/src/js/_field-group.js":
/*!**********************************************************************!*\
!*** ./src/advanced-custom-fields-pro/assets/src/js/_field-group.js ***!
\**********************************************************************/
/***/ (() => {
(function ($, undefined) {
/**
* fieldGroupManager
*
* Generic field group functionality
*
* @date 15/12/17
* @since 5.7.0
*
* @param void
* @return void
*/
var fieldGroupManager = new acf.Model({
id: 'fieldGroupManager',
events: {
'submit #post': 'onSubmit',
'click a[href="#"]': 'onClick',
'click .acf-delete-field-group': 'onClickDeleteFieldGroup',
'blur input#title': 'validateTitle',
'input input#title': 'validateTitle'
},
filters: {
find_fields_args: 'filterFindFieldArgs',
find_fields_selector: 'filterFindFieldsSelector'
},
initialize: function () {
acf.addAction('prepare', this.maybeInitNewFieldGroup);
acf.add_filter('select2_args', this.setBidirectionalSelect2Args);
acf.add_filter('select2_ajax_data', this.setBidirectionalSelect2AjaxDataArgs);
},
setBidirectionalSelect2Args: function (args, $select, settings, field, instance) {
var _field$data;
if ((field === null || field === void 0 || (_field$data = field.data) === null || _field$data === void 0 ? void 0 : _field$data.call(field, 'key')) !== 'bidirectional_target') return args;
args.dropdownCssClass = 'field-type-select-results';
args.templateResult = function (selection) {
if ('undefined' !== typeof selection.element) {
return selection;
}
if (selection.children) {
return selection.text;
}
if (selection.loading || selection.element && selection.element.nodeName === 'OPTGROUP') {
var $selection = $('<span class="acf-selection"></span>');
$selection.html(acf.escHtml(selection.text));
return $selection;
}
if ('undefined' === typeof selection.human_field_type || 'undefined' === typeof selection.field_type || 'undefined' === typeof selection.this_field) {
return selection.text;
}
var $selection = $('<i title="' + acf.escHtml(selection.human_field_type) + '" class="field-type-icon field-type-icon-' + acf.escHtml(selection.field_type.replaceAll('_', '-')) + '"></i><span class="acf-selection has-icon">' + acf.escHtml(selection.text) + '</span>');
if (selection.this_field) {
$selection.last().append('<span class="acf-select2-default-pill">' + acf.__('This Field') + '</span>');
}
$selection.data('element', selection.element);
return $selection;
};
return args;
},
setBidirectionalSelect2AjaxDataArgs: function (data, args, $input, field, instance) {
if (data.field_key !== 'bidirectional_target') return data;
const $fieldObject = acf.findFieldObjects({
child: field
});
const fieldObject = acf.getFieldObject($fieldObject);
data.field_key = '_acf_bidirectional_target';
data.parent_key = fieldObject.get('key');
data.field_type = fieldObject.get('type');
// This might not be needed, but I wanted to figure out how to get a field setting in the JS API when the key isn't unique.
data.post_type = acf.getField(acf.findFields({
parent: $fieldObject,
key: 'post_type'
})).val();
return data;
},
maybeInitNewFieldGroup: function () {
let $field_list_wrapper = $('#acf-field-group-fields > .inside > .acf-field-list-wrap.acf-auto-add-field');
if ($field_list_wrapper.length) {
$('.acf-headerbar-actions .add-field').trigger('click');
$('.acf-title-wrap #title').trigger('focus');
}
},
onSubmit: function (e, $el) {
// vars
var $title = $('.acf-title-wrap #title');
// empty
if (!$title.val()) {
// prevent default
e.preventDefault();
// unlock form
acf.unlockForm($el);
// focus
$title.trigger('focus');
}
},
onClick: function (e) {
e.preventDefault();
},
onClickDeleteFieldGroup: function (e, $el) {
e.preventDefault();
$el.addClass('-hover');
// Add confirmation tooltip.
acf.newTooltip({
confirm: true,
target: $el,
context: this,
text: acf.__('Move field group to trash?'),
confirm: function () {
window.location.href = $el.attr('href');
},
cancel: function () {
$el.removeClass('-hover');
}
});
},
validateTitle: function (e, $el) {
let $submitButton = $('.acf-publish');
if (!$el.val()) {
$el.addClass('acf-input-error');
$submitButton.addClass('disabled');
$('.acf-publish').addClass('disabled');
} else {
$el.removeClass('acf-input-error');
$submitButton.removeClass('disabled');
$('.acf-publish').removeClass('disabled');
}
},
filterFindFieldArgs: function (args) {
args.visible = true;
if (args.parent && (args.parent.hasClass('acf-field-object') || args.parent.hasClass('acf-browse-fields-modal-wrap') || args.parent.parents('.acf-field-object').length)) {
args.visible = false;
args.excludeSubFields = true;
}
// If the field has any open subfields, don't exclude subfields as they're already being displayed.
if (args.parent && args.parent.find('.acf-field-object.open').length) {
args.excludeSubFields = false;
}
return args;
},
filterFindFieldsSelector: function (selector) {
return selector + ', .acf-field-acf-field-group-settings-tabs';
}
});
/**
* screenOptionsManager
*
* Screen options functionality
*
* @date 15/12/17
* @since 5.7.0
*
* @param void
* @return void
*/
var screenOptionsManager = new acf.Model({
id: 'screenOptionsManager',
wait: 'prepare',
events: {
'change #acf-field-key-hide': 'onFieldKeysChange',
'change #acf-field-settings-tabs': 'onFieldSettingsTabsChange',
'change [name="screen_columns"]': 'render'
},
initialize: function () {
// vars
var $div = $('#adv-settings');
var $append = $('#acf-append-show-on-screen');
// append
$div.find('.metabox-prefs').append($append.html());
$div.find('.metabox-prefs br').remove();
// clean up
$append.remove();
// initialize
this.$el = $('#screen-options-wrap');
// render
this.render();
},
isFieldKeysChecked: function () {
return this.$el.find('#acf-field-key-hide').prop('checked');
},
isFieldSettingsTabsChecked: function () {
const $input = this.$el.find('#acf-field-settings-tabs');
// Screen option is hidden by filter.
if (!$input.length) {
return false;
}
return $input.prop('checked');
},
getSelectedColumnCount: function () {
return this.$el.find('input[name="screen_columns"]:checked').val();
},
onFieldKeysChange: function (e, $el) {
var val = this.isFieldKeysChecked() ? 1 : 0;
acf.updateUserSetting('show_field_keys', val);
this.render();
},
onFieldSettingsTabsChange: function () {
const val = this.isFieldSettingsTabsChecked() ? 1 : 0;
acf.updateUserSetting('show_field_settings_tabs', val);
this.render();
},
render: function () {
if (this.isFieldKeysChecked()) {
$('#acf-field-group-fields').addClass('show-field-keys');
} else {
$('#acf-field-group-fields').removeClass('show-field-keys');
}
if (!this.isFieldSettingsTabsChecked()) {
$('#acf-field-group-fields').addClass('hide-tabs');
$('.acf-field-settings-main').removeClass('acf-hidden').prop('hidden', false);
} else {
$('#acf-field-group-fields').removeClass('hide-tabs');
$('.acf-field-object').each(function () {
const tabFields = acf.getFields({
type: 'tab',
parent: $(this),
excludeSubFields: true,
limit: 1
});
if (tabFields.length) {
tabFields[0].tabs.set('initialized', false);
}
acf.doAction('show', $(this));
});
}
if (this.getSelectedColumnCount() == 1) {
$('body').removeClass('columns-2');
$('body').addClass('columns-1');
} else {
$('body').removeClass('columns-1');
$('body').addClass('columns-2');
}
}
});
/**
* appendFieldManager
*
* Appends fields together
*
* @date 15/12/17
* @since 5.7.0
*
* @param void
* @return void
*/
var appendFieldManager = new acf.Model({
actions: {
new_field: 'onNewField'
},
onNewField: function (field) {
// bail early if not append
if (!field.has('append')) return;
// vars
var append = field.get('append');
var $sibling = field.$el.siblings('[data-name="' + append + '"]').first();
// bail early if no sibling
if (!$sibling.length) return;
// ul
var $div = $sibling.children('.acf-input');
var $ul = $div.children('ul');
// create ul
if (!$ul.length) {
$div.wrapInner('<ul class="acf-hl"><li></li></ul>');
$ul = $div.children('ul');
}
// li
var html = field.$('.acf-input').html();
var $li = $('<li>' + html + '</li>');
$ul.append($li);
$ul.attr('data-cols', $ul.children().length);
// clean up
field.remove();
}
});
})(jQuery);
/***/ }),
/***/ "./node_modules/@babel/runtime/helpers/esm/defineProperty.js":
/*!*******************************************************************!*\
!*** ./node_modules/@babel/runtime/helpers/esm/defineProperty.js ***!
\*******************************************************************/
/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "default": () => (/* binding */ _defineProperty)
/* harmony export */ });
/* harmony import */ var _toPropertyKey_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./toPropertyKey.js */ "./node_modules/@babel/runtime/helpers/esm/toPropertyKey.js");
function _defineProperty(obj, key, value) {
key = (0,_toPropertyKey_js__WEBPACK_IMPORTED_MODULE_0__["default"])(key);
if (key in obj) {
Object.defineProperty(obj, key, {
value: value,
enumerable: true,
configurable: true,
writable: true
});
} else {
obj[key] = value;
}
return obj;
}
/***/ }),
/***/ "./node_modules/@babel/runtime/helpers/esm/toPrimitive.js":
/*!****************************************************************!*\
!*** ./node_modules/@babel/runtime/helpers/esm/toPrimitive.js ***!
\****************************************************************/
/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "default": () => (/* binding */ toPrimitive)
/* harmony export */ });
/* harmony import */ var _typeof_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./typeof.js */ "./node_modules/@babel/runtime/helpers/esm/typeof.js");
function toPrimitive(t, r) {
if ("object" != (0,_typeof_js__WEBPACK_IMPORTED_MODULE_0__["default"])(t) || !t) return t;
var e = t[Symbol.toPrimitive];
if (void 0 !== e) {
var i = e.call(t, r || "default");
if ("object" != (0,_typeof_js__WEBPACK_IMPORTED_MODULE_0__["default"])(i)) return i;
throw new TypeError("@@toPrimitive must return a primitive value.");
}
return ("string" === r ? String : Number)(t);
}
/***/ }),
/***/ "./node_modules/@babel/runtime/helpers/esm/toPropertyKey.js":
/*!******************************************************************!*\
!*** ./node_modules/@babel/runtime/helpers/esm/toPropertyKey.js ***!
\******************************************************************/
/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "default": () => (/* binding */ toPropertyKey)
/* harmony export */ });
/* harmony import */ var _typeof_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./typeof.js */ "./node_modules/@babel/runtime/helpers/esm/typeof.js");
/* harmony import */ var _toPrimitive_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./toPrimitive.js */ "./node_modules/@babel/runtime/helpers/esm/toPrimitive.js");
function toPropertyKey(t) {
var i = (0,_toPrimitive_js__WEBPACK_IMPORTED_MODULE_1__["default"])(t, "string");
return "symbol" == (0,_typeof_js__WEBPACK_IMPORTED_MODULE_0__["default"])(i) ? i : String(i);
}
/***/ }),
/***/ "./node_modules/@babel/runtime/helpers/esm/typeof.js":
/*!***********************************************************!*\
!*** ./node_modules/@babel/runtime/helpers/esm/typeof.js ***!
\***********************************************************/
/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
"use strict";
__webpack_require__.r(__webpack_exports__);
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */ "default": () => (/* binding */ _typeof)
/* harmony export */ });
function _typeof(o) {
"@babel/helpers - typeof";
return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
return typeof o;
} : function (o) {
return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
}, _typeof(o);
}
/***/ })
/******/ });
/************************************************************************/
/******/ // The module cache
/******/ var __webpack_module_cache__ = {};
/******/
/******/ // The require function
/******/ function __webpack_require__(moduleId) {
/******/ // Check if module is in cache
/******/ var cachedModule = __webpack_module_cache__[moduleId];
/******/ if (cachedModule !== undefined) {
/******/ return cachedModule.exports;
/******/ }
/******/ // Create a new module (and put it into the cache)
/******/ var module = __webpack_module_cache__[moduleId] = {
/******/ // no module.id needed
/******/ // no module.loaded needed
/******/ exports: {}
/******/ };
/******/
/******/ // Execute the module function
/******/ __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
/******/
/******/ // Return the exports of the module
/******/ return module.exports;
/******/ }
/******/
/************************************************************************/
/******/ /* webpack/runtime/compat get default export */
/******/ (() => {
/******/ // getDefaultExport function for compatibility with non-harmony modules
/******/ __webpack_require__.n = (module) => {
/******/ var getter = module && module.__esModule ?
/******/ () => (module['default']) :
/******/ () => (module);
/******/ __webpack_require__.d(getter, { a: getter });
/******/ return getter;
/******/ };
/******/ })();
/******/
/******/ /* webpack/runtime/define property getters */
/******/ (() => {
/******/ // define getter functions for harmony exports
/******/ __webpack_require__.d = (exports, definition) => {
/******/ for(var key in definition) {
/******/ if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
/******/ Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
/******/ }
/******/ }
/******/ };
/******/ })();
/******/
/******/ /* webpack/runtime/hasOwnProperty shorthand */
/******/ (() => {
/******/ __webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
/******/ })();
/******/
/******/ /* webpack/runtime/make namespace object */
/******/ (() => {
/******/ // define __esModule on exports
/******/ __webpack_require__.r = (exports) => {
/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
/******/ }
/******/ Object.defineProperty(exports, '__esModule', { value: true });
/******/ };
/******/ })();
/******/
/************************************************************************/
var __webpack_exports__ = {};
// This entry need to be wrapped in an IIFE because it need to be in strict mode.
(() => {
"use strict";
/*!*************************************************************************!*\
!*** ./src/advanced-custom-fields-pro/assets/src/js/acf-field-group.js ***!
\*************************************************************************/
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _field_group_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./_field-group.js */ "./src/advanced-custom-fields-pro/assets/src/js/_field-group.js");
/* harmony import */ var _field_group_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_field_group_js__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _field_group_field_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./_field-group-field.js */ "./src/advanced-custom-fields-pro/assets/src/js/_field-group-field.js");
/* harmony import */ var _field_group_field_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_field_group_field_js__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _field_group_settings_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./_field-group-settings.js */ "./src/advanced-custom-fields-pro/assets/src/js/_field-group-settings.js");
/* harmony import */ var _field_group_settings_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_field_group_settings_js__WEBPACK_IMPORTED_MODULE_2__);
/* harmony import */ var _field_group_conditions_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./_field-group-conditions.js */ "./src/advanced-custom-fields-pro/assets/src/js/_field-group-conditions.js");
/* harmony import */ var _field_group_conditions_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_field_group_conditions_js__WEBPACK_IMPORTED_MODULE_3__);
/* harmony import */ var _field_group_fields_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./_field-group-fields.js */ "./src/advanced-custom-fields-pro/assets/src/js/_field-group-fields.js");
/* harmony import */ var _field_group_fields_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_field_group_fields_js__WEBPACK_IMPORTED_MODULE_4__);
/* harmony import */ var _field_group_locations_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./_field-group-locations.js */ "./src/advanced-custom-fields-pro/assets/src/js/_field-group-locations.js");
/* harmony import */ var _field_group_locations_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_field_group_locations_js__WEBPACK_IMPORTED_MODULE_5__);
/* harmony import */ var _field_group_compatibility_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./_field-group-compatibility.js */ "./src/advanced-custom-fields-pro/assets/src/js/_field-group-compatibility.js");
/* harmony import */ var _field_group_compatibility_js__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_field_group_compatibility_js__WEBPACK_IMPORTED_MODULE_6__);
/* harmony import */ var _browse_fields_modal_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./_browse-fields-modal.js */ "./src/advanced-custom-fields-pro/assets/src/js/_browse-fields-modal.js");
})();
/******/ })()
;
//# sourceMappingURL=acf-field-group.js.map