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

672 lines
20 KiB
JavaScript
Raw Normal View History

2024-04-10 12:01:06 +00:00
/******/ (() => { // webpackBootstrap
/******/ var __webpack_modules__ = ({
/***/ "./src/advanced-custom-fields-pro/assets/src/js/pro/_acf-setting-clone.js":
/*!********************************************************************************!*\
!*** ./src/advanced-custom-fields-pro/assets/src/js/pro/_acf-setting-clone.js ***!
\********************************************************************************/
/***/ (() => {
(function ($) {
/**
* CloneDisplayFieldSetting
*
* Extra logic for this field setting
*
* @date 18/4/18
* @since 5.6.9
*
* @param void
* @return void
*/
var CloneDisplayFieldSetting = acf.FieldSetting.extend({
type: 'clone',
name: 'display',
render: function () {
// vars
var display = this.field.val();
// set data attribute used by CSS to hide/show
this.$fieldObject.attr('data-display', display);
}
});
acf.registerFieldSetting(CloneDisplayFieldSetting);
/**
* ClonePrefixLabelFieldSetting
*
* Extra logic for this field setting
*
* @date 18/4/18
* @since 5.6.9
*
* @param void
* @return void
*/
var ClonePrefixLabelFieldSetting = acf.FieldSetting.extend({
type: 'clone',
name: 'prefix_label',
render: function () {
// vars
var prefix = '';
// if checked
if (this.field.val()) {
prefix = this.fieldObject.prop('label') + ' ';
}
// update HTML
this.$('code').html(prefix + '%field_label%');
}
});
acf.registerFieldSetting(ClonePrefixLabelFieldSetting);
/**
* ClonePrefixNameFieldSetting
*
* Extra logic for this field setting
*
* @date 18/4/18
* @since 5.6.9
*
* @param void
* @return void
*/
var ClonePrefixNameFieldSetting = acf.FieldSetting.extend({
type: 'clone',
name: 'prefix_name',
render: function () {
// vars
var prefix = '';
// if checked
if (this.field.val()) {
prefix = this.fieldObject.prop('name') + '_';
}
// update HTML
this.$('code').html(prefix + '%field_name%');
}
});
acf.registerFieldSetting(ClonePrefixNameFieldSetting);
/**
* cloneFieldSelectHelper
*
* Customizes the clone field setting Select2 isntance
*
* @date 18/4/18
* @since 5.6.9
*
* @param void
* @return void
*/
var cloneFieldSelectHelper = new acf.Model({
filters: {
select2_args: 'select2Args'
},
select2Args: function (options, $select, data, $el, instance) {
// check
if (data.ajaxAction == 'acf/fields/clone/query') {
// remain open on select
options.closeOnSelect = false;
// customize ajaxData function
instance.data.ajaxData = this.ajaxData;
}
// return
return options;
},
ajaxData: function (data) {
// find current fields
data.fields = {};
// loop
acf.getFieldObjects().map(function (fieldObject) {
// append
data.fields[fieldObject.prop('key')] = {
key: fieldObject.prop('key'),
type: fieldObject.prop('type'),
label: fieldObject.prop('label'),
ancestors: fieldObject.getParents().length
};
});
// append title
data.title = $('#title').val();
// return
return data;
}
});
})(jQuery);
/***/ }),
/***/ "./src/advanced-custom-fields-pro/assets/src/js/pro/_acf-setting-flexible-content.js":
/*!*******************************************************************************************!*\
!*** ./src/advanced-custom-fields-pro/assets/src/js/pro/_acf-setting-flexible-content.js ***!
\*******************************************************************************************/
/***/ (() => {
(function ($) {
/**
* CloneDisplayFieldSetting
*
* Extra logic for this field setting
*
* @date 18/4/18
* @since 5.6.9
*
* @param void
* @return void
*/
var FlexibleContentLayoutFieldSetting = acf.FieldSetting.extend({
type: 'flexible_content',
name: 'fc_layout',
events: {
'blur .layout-label': 'onChangeLabel',
'blur .layout-name': 'onChangeName',
'click .add-layout': 'onClickAdd',
'click .acf-field-settings-fc_head': 'onClickEdit',
'click .acf-field-setting-fc-duplicate': 'onClickDuplicate',
'click .acf-field-setting-fc-delete': 'onClickDelete',
'changed:layoutLabel': 'updateLayoutTitles',
'changed:layoutName': 'updateLayoutTitles'
},
$input: function (name) {
return $('#' + this.getInputId() + '-' + name);
},
$list: function () {
return this.$('.acf-field-list:first');
},
getInputId: function () {
return this.fieldObject.getInputId() + '-layouts-' + this.field.get('id');
},
// get all sub fields
getFields: function () {
return acf.getFieldObjects({
parent: this.$el
});
},
// get immediate children
getChildren: function () {
return acf.getFieldObjects({
list: this.$list()
});
},
initialize: function () {
// add sortable
var $tbody = this.$el.parent();
if (!$tbody.hasClass('ui-sortable')) {
$tbody.sortable({
items: '> .acf-field-setting-fc_layout',
handle: '.acf-fc_draggable',
forceHelperSize: true,
forcePlaceholderSize: true,
scroll: true,
stop: this.proxy(function (event, ui) {
this.fieldObject.save();
})
});
}
// add meta to sub fields
this.updateFieldLayouts();
this.updateLayoutTitles();
},
updateFieldLayouts: function () {
this.getChildren().map(this.updateFieldLayout, this);
},
updateFieldLayout: function (field) {
field.prop('parent_layout', this.get('id'));
},
updateLayoutTitles: function () {
const label = this.get('layoutLabel');
const name = this.get('layoutName');
const $layoutHeaderLabelText = this.$el.find('> .acf-label .acf-fc-layout-label');
if (label) {
$layoutHeaderLabelText.html(label);
}
const $layoutHeaderNameText = this.$el.find('> .acf-label .acf-fc-layout-name span');
if (name) {
$layoutHeaderNameText.html(name);
$layoutHeaderNameText.parent().css('display', '');
} else {
$layoutHeaderNameText.parent().css('display', 'none');
}
},
onClickEdit: function (e) {
const $target = $(e.target);
if ($target.hasClass('acf-btn') || $target.hasClass('copyable') || $target.parent().hasClass('acf-btn') || $target.parent().hasClass('copyable')) {
return;
}
this.isOpen() ? this.close() : this.open();
},
isOpen: function (e) {
const $settings = this.$el.children('.acf-field-layout-settings');
return $settings.hasClass('open');
},
open: function (element, isAddingLayout) {
const $settings = element ? element.children('.acf-field-layout-settings') : this.$el.children('.acf-field-layout-settings');
const toggle = element ? element.find('.toggle-indicator').first() : this.$el.find('.toggle-indicator').first();
// action (show)
acf.doAction('show', $settings);
// open
if (isAddingLayout) {
$settings.slideDown({
complete: function () {
$settings.find('.layout-label').trigger('focus');
}
});
} else {
$settings.slideDown();
}
toggle.addClass('open');
if (toggle.hasClass('closed')) {
toggle.removeClass('closed');
}
$settings.addClass('open');
},
close: function () {
const $settings = this.$el.children('.acf-field-layout-settings');
const toggle = this.$el.find('.toggle-indicator').first();
// close
$settings.slideUp();
$settings.removeClass('open');
toggle.removeClass('open');
if (!toggle.hasClass('closed')) {
toggle.addClass('closed');
}
// action (hide)
acf.doAction('hide', $settings);
},
onChangeLabel: function (e, $el) {
var label = $el.val();
this.set('layoutLabel', label);
this.$el.attr('data-layout-label', label);
var $name = this.$input('name');
// render name
if ($name.val() == '') {
acf.val($name, acf.strSanitize(label));
this.$el.find('.layout-name').trigger('blur');
}
},
onChangeName: function (e, $el) {
var name = $el.val();
this.set('layoutName', name);
this.$el.attr('data-layout-name', name);
},
onClickAdd: function (e, $el) {
e.preventDefault();
var prevKey = this.get('id');
var newKey = acf.uniqid('layout_');
// duplicate
$layout = acf.duplicate({
$el: this.$el,
search: prevKey,
replace: newKey,
after: function ($el, $el2) {
var $list = $el2.find('.acf-field-list:first');
// remove sub fields
$list.children('.acf-field-object').remove();
// show empty
$list.addClass('-empty');
// reset layout meta values
$el2.attr('data-layout-label', '');
$el2.attr('data-layout-name', '');
$el2.find('.acf-fc-meta input').val('');
$el2.find('label.acf-fc-layout-label').html(acf.__('Layout'));
}
});
// get layout
var layout = acf.getFieldSetting($layout);
// update hidden input
layout.$input('key').val(newKey);
!this.isOpen() ? this.open(layout.$el, true) : layout.$el.find('.layout-label').trigger('focus');
// save
this.fieldObject.save();
},
onClickDuplicate: function (e, $el) {
e.preventDefault();
var prevKey = this.get('id');
var newKey = acf.uniqid('layout_');
// duplicate
$layout = acf.duplicate({
$el: this.$el,
search: prevKey,
replace: newKey
});
// get all fields in new layout similar to fieldManager.onDuplicateField().
// important to run field.wipe() before making any changes to the "parent_layout" prop
// to ensure the correct input is modified.
var children = acf.getFieldObjects({
parent: $layout
});
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, this.fieldObject, this.fieldObject);
}
// get layout
var layout = acf.getFieldSetting($layout);
// get current label/names so we can prepare to append 'copy'
var label = layout.get('layoutLabel');
var name = layout.get('layoutName');
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;
}
// update inputs and data attributes which will trigger header label updates too.
layout.$input('label').val(label);
layout.set('layoutLabel', label);
layout.$el.attr('data-layout-label', label);
layout.$input('name').val(name);
layout.set('layoutName', name);
layout.$el.attr('data-layout-name', name);
// update hidden input
layout.$input('key').val(newKey);
!this.isOpen() ? this.open(layout.$el, true) : layout.$el.find('.layout-label').trigger('focus');
// save
this.fieldObject.save();
},
onClickDelete: function (e, $el) {
e.preventDefault();
// 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');
}
});
},
delete: function () {
var $siblings = this.$el.siblings('.acf-field-setting-fc_layout');
// validate
if (!$siblings.length) {
alert(acf.__('Flexible Content requires at least 1 layout'));
return false;
}
// delete sub fields
this.getFields().map(function (child) {
child.delete({
animate: false
});
});
// remove tr
acf.remove(this.$el);
// save
this.fieldObject.save();
}
});
acf.registerFieldSetting(FlexibleContentLayoutFieldSetting);
/**
* flexibleContentHelper
*
* description
*
* @date 19/4/18
* @since 5.6.9
*
* @param type $var Description. Default.
* @return type Description.
*/
var flexibleContentHelper = new acf.Model({
actions: {
sortstop_field_object: 'updateParentLayout',
change_field_object_parent: 'updateParentLayout'
},
updateParentLayout: function (fieldObject) {
var parent = fieldObject.getParent();
// delete meta
if (!parent || parent.prop('type') !== 'flexible_content') {
fieldObject.prop('parent_layout', null);
return;
}
// get layout
var $layout = fieldObject.$el.closest('.acf-field-setting-fc_layout');
var layout = acf.getFieldSetting($layout);
// check if previous prop exists
// - if not, set prop to allow following code to trigger 'change' and save the field
if (!fieldObject.has('parent_layout')) {
fieldObject.prop('parent_layout', 0);
}
// update meta
fieldObject.prop('parent_layout', layout.get('id'));
}
});
})(jQuery);
/***/ }),
/***/ "./src/advanced-custom-fields-pro/assets/src/js/pro/_acf-setting-repeater.js":
/*!***********************************************************************************!*\
!*** ./src/advanced-custom-fields-pro/assets/src/js/pro/_acf-setting-repeater.js ***!
\***********************************************************************************/
/***/ (() => {
(function ($) {
/*
* Repeater
*
* This field type requires some extra logic for its settings
*
* @type function
* @date 24/10/13
* @since 5.0.0
*
* @param n/a
* @return n/a
*/
var RepeaterCollapsedFieldSetting = acf.FieldSetting.extend({
type: 'repeater',
name: 'collapsed',
events: {
'focus select': 'onFocus'
},
onFocus: function (e, $el) {
// vars
var $select = $el;
// collapsed
var choices = [];
// keep 'null' choice
choices.push({
label: $select.find('option[value=""]').text(),
value: ''
});
// find sub fields
var $list = this.fieldObject.$('.acf-field-list:first');
var fields = acf.getFieldObjects({
list: $list
});
// loop
fields.map(function (field) {
choices.push({
label: field.prop('label'),
value: field.prop('key')
});
});
// render
acf.renderSelect($select, choices);
}
});
acf.registerFieldSetting(RepeaterCollapsedFieldSetting);
})(jQuery);
/***/ })
/******/ });
/************************************************************************/
/******/ // 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/pro/acf-pro-field-group.js ***!
\*********************************************************************************/
__webpack_require__.r(__webpack_exports__);
/* harmony import */ var _acf_setting_repeater_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./_acf-setting-repeater.js */ "./src/advanced-custom-fields-pro/assets/src/js/pro/_acf-setting-repeater.js");
/* harmony import */ var _acf_setting_repeater_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_acf_setting_repeater_js__WEBPACK_IMPORTED_MODULE_0__);
/* harmony import */ var _acf_setting_flexible_content_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./_acf-setting-flexible-content.js */ "./src/advanced-custom-fields-pro/assets/src/js/pro/_acf-setting-flexible-content.js");
/* harmony import */ var _acf_setting_flexible_content_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_acf_setting_flexible_content_js__WEBPACK_IMPORTED_MODULE_1__);
/* harmony import */ var _acf_setting_clone_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./_acf-setting-clone.js */ "./src/advanced-custom-fields-pro/assets/src/js/pro/_acf-setting-clone.js");
/* harmony import */ var _acf_setting_clone_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_acf_setting_clone_js__WEBPACK_IMPORTED_MODULE_2__);
})();
/******/ })()
;
//# sourceMappingURL=acf-pro-field-group.js.map