https://moncountyfamilysupportcenter.org/wp-content/uploads/civicr…modules.9a0d6a88d36cc6197e5af92dff3a6dbf.js

1(function(angular, $, _) {
2  angular.module('ng')
3    .config(['$locationProvider', function($locationProvider) {
4      $locationProvider.hashPrefix('');
5    }]);
6
7
8angular.module('af', CRM.angRequires('af'));
9
10  angular.module('af').directive('afButton', function() {
11    return {
12      restrict: 'C',
13      bindToController: {
14        type: '@'
15      },
16      require: {
17        afForm: '?^^afForm',
18      },
19      controller: function($scope, $element) {
20        const ctrl = this;
21
22        this.$onInit = () => {
23          const type = $element.attr('type');
24          if (type === 'reset') {
25            $element.on('click', (e) => {
26              e.preventDefault();
27              $scope.$apply(() => {
28                if (this.afForm) {
29                  this.afForm.resetForm();
30                }
31                else {
32                  $scope.$parent.$broadcast('afFormReset');
33                }
34              });
35            });
36          }
37        };
38      }
39    };
40  });
41
42  angular.module('af').component('afCharacterCount', {
43    bindings: {
44      maxlength: '<',
45      getter: '<',
46    },
47    templateUrl: '~/af/afCharacterCount.html',
48    controller: function($scope, $element) {
49      this.$onInit = () => {
50      };
51
52      this.getLength = function() {
53        return (this.getter() || '').length;
54      };
55

56      this.getStatusClass = function() {
57        let fraction = this.getLength() / (this.maxlength || 1);
58        if (fraction > 0.9) {
59          return 'text-danger';
60        }
61        if (fraction > 0.7) {
62          return 'text-warning';
63        }
64        return 'text-success';
65      };
66
67    }
68  });
69
70const modelProps = {
71    type: '@',
72    data: '=',
73    actions: '=',
74    modelName: '@name',
75    label: '@'
76  };
77  angular.module('af').component('afEntity', {
78    require: {afForm: '^afForm'},
79    bindings: modelProps,
80    controller: function() {
81
82      this.$onInit = () => {
83        const entity = Object.keys(modelProps).reduce((obj, key) => {
84          if (this[key] !== undefined) {
85            obj[key] = this[key];
86          }
87          return obj;
88        }, {});
89        entity.actions = entity.actions || {update: true, create: true};
90        entity.id = null;
91        this.afForm.registerEntity(entity);
92      };
93    }
94
95  });
96
97let afFieldId = 0;
98  angular.module('af').component('afField', {
99    require: {
100      afForm: '?^^afForm',
101      afFieldset: '?^^afFieldset',
102      afJoin: '?^^afJoin',
103      afRepeatItem: '?^^afRepeatItem'
104    },
105    templateUrl: '~/af/afField.html',
106    bindings: {
107      fieldName: '@name',
108      defn: '='
109    },
110    controller: function($scope, $element, crmApi4, $timeout) {
111      const ts = $scope.ts = CRM.ts('org.civicrm.afform');
112      const ctrl = this;
113      let namePrefix = '';
114      let fieldOptions = null;
115      let isExtra = false;
116      this.inputAttrs = [];
117
118      this.$onInit = () => {
119        if (!this.fieldName) {
120          isExtra = true;
121          $scope.dataProvider = this.afForm;
122          this.fieldName = this.defn.name;
123        } else {
124          const closestController = $($element).closest('[af-fieldset],[af-join],[af-repeat-item]');
125          $scope.dataProvider = closestController.is('[af-repeat-item]') ? this.afRepeatItem : this.afJoin || this.afFieldset;
126        }
127        $scope.fieldId = _.kebabCase(this.fieldName) + '-' + afFieldId++;
128
129        $element.addClass('af-field-type-' + _.kebabCase(this.defn.input_type));
130
131        if (this.defn.input_attrs && this.defn.input_attrs.multiple) {
132          $element.addClass('af-field-type-multiple');
133        }
134
135        this.fkEntity = this.defn.fk_entity || null;
136
137        if (this.defn.name !== this.fieldName) {
138          if (!this.defn.name) {
139            console.error('Missing field definition for: ' + this.fieldName);
140            return;
141          }
142          namePrefix = this.fieldName.substr(0, this.fieldName.length - this.defn.name.length);
143        }
144
145        if (this.defn.search_operator) {
146          this.search_operator = this.defn.search_operator;
147        }
148
149        fieldOptions = this.defn.options || null;
150        if (this.defn.data_type === 'Boolean') {
151          if (Array.isArray(fieldOptions)) {
152            fieldOptions.forEach((option) => option.id = !!option.id);
153          } else {
154            fieldOptions = [{id: true, label: ts('Yes')}, {id: false, label: ts('No')}];
155          }
156        }
157        if (this.fieldName === 'is_primary' && 'repeatIndex' in $scope.dataProvider) {
158          fieldOptions = [{id: true, label: ''}];
159          $scope.$watch('dataProvider.afRepeat.getEntityController().getData()', function (items, prev) {
160            const index = $scope.dataProvider.repeatIndex;
161            if (items && !index && !items.some((item) => item.is_primary)) {
162              $scope.dataProvider.getFieldData().is_primary = true;
163            }
164            if (items && prev &&
165              items.length === prev.length &&
166              items[index].is_primary &&
167              prev[index].is_primary &&
168              items.filter((item) => item.is_primary).length > 1
169            ) {
170              $scope.dataProvider.getFieldData().is_primary = false;
171            }
172          }, true);
173        }
174        const tokens = this.afForm?.identifyTokens(this.defn.afform_default);
175        if (tokens && tokens.length) {
176          const calculateValueWatcher = $scope.$watchCollection(() => Object.values(this.afForm.getTokenValues(tokens)), () => {
177            if ($element[0].querySelector('.ng-touched')) {
178              calculateValueWatcher();
179              return;
180            }
181            const calculatedValue = this.afForm.replaceTokens(this.defn.afform_default);
182            setValue(calculatedValue);
183          });
184        }
185        if (this.defn.input_type === 'ChainSelect' && this.defn.input_attrs.control_field) {
186          const controlField = namePrefix + this.defn.input_attrs.control_field;
187          $scope.$watch('dataProvider.getFieldData()["' + controlField + '"]', function(val) {
188            if (val && (typeof val === 'number' || val.length)) {
189              $('input[crm-ui-select]', $element).addClass('loading').prop('disabled', true);
190              const params = {
191                name: ctrl.afFieldset.getFormName(),
192                modelName: ctrl.afFieldset.getName(),
193                fieldName: ctrl.fieldName,
194                joinEntity: ctrl.afJoin ? ctrl.afJoin.entity : null,
195                values: $scope.dataProvider.getFieldData()
196              };
197              crmApi4('Afform', 'getOptions', params)
198                .then((data) => {
199                  $('input[crm-ui-select]', $element).removeClass('loading').prop('disabled', !data.length);
200                  fieldOptions = data;
201                });
202            } else {
203              fieldOptions = null;
204            }
205          }, true);
206        }
207        if (this.defn.input_type === 'ChainSelect' || (Array.isArray(fieldOptions) && fieldOptions.some((o) => o && o.if && o.if.length))) {
208          $scope.$watchCollection(() => $scope.getOptions().map((o) => o.id), () => this.validateValue());
209        }
210        if (this.defn.input_type === 'EntityRef' && this.defn.dfk_entities && this.defn.input_attrs.control_field) {
211          const controlField = namePrefix + this.defn.input_attrs.control_field;
212          $scope.$watch('dataProvider.getFieldData()["' + controlField + '"]', (val) => {
213            if (val && val.length) {
214              if (Array.isArray(val)) {
215                this.fkEntity = this.defn.dfk_entities[val[0]];
216              } else {
217                this.fkEntity = this.defn.dfk_entities[val];
218              }
219            } else {
220              this.fkEntity = null;
221            }
222          });
223        }
224        $timeout(() => {
225          initializeValue(true);

226          $scope.$watch('$parent.routeParams', setValueFromRouteParams);
227        });
228        function setValueFromRouteParams(routeParams) {
229          if (!routeParams) {
230            return;
231          }
232          const entityName = ctrl.afFieldset?.getName();
233          const joinEntity = ctrl.afJoin?.entity;
234          let uniquePrefix = '';
235          if (!isExtra && entityName) {
236            const index = ctrl.getEntityIndex();
237            uniquePrefix = entityName + (index ? index + 1 : '') + (joinEntity ? '.' + joinEntity : '') + '.';
238          }
239          if ((uniquePrefix + ctrl.fieldName) in routeParams) {
240            setValue(routeParams[uniquePrefix + ctrl.fieldName]);
241          }
242          else if (ctrl.fieldName in routeParams) {
243            setValue(routeParams[ctrl.fieldName]);
244          }
245          else if (!isExtra && routeParams._s) {
246            setValue(ctrl.afFieldset.getSearchParamSetFieldValue(ctrl.fieldName));
247          }
248        }
249
250        function initializeValue(firstLoad) {
251          if (firstLoad && ctrl.afFieldset?.getStoredValue(ctrl.fieldName) !== undefined) {
252            setValue(ctrl.afFieldset.getStoredValue(ctrl.fieldName));
253          }
254          else if ('afform_default' in ctrl.defn) {
255            if (ctrl.afForm?.identifyTokens(ctrl.defn.afform_default)) {
256              setValue(ctrl.afForm.replaceTokens(ctrl.defn.afform_default));
257            }
258            else {
259              setValue(ctrl.defn.afform_default);
260            }
261          }
262
263          if (ctrl.defn.search_range) {
264            const initialVal = $scope.dataProvider.getFieldData()[ctrl.fieldName];
265            if (!Array.isArray($scope.dataProvider.getFieldData()[ctrl.fieldName]) &&
266              (ctrl.defn.input_type !== 'Select' || !ctrl.defn.is_date || initialVal === '{}')
267            ) {
268              $scope.dataProvider.getFieldData()[ctrl.fieldName] = {};
269            }
270            if (ctrl.defn.is_date) {
271              ctrl.inputAttrs.push(ctrl.defn.input_attrs || {});
272              for (let i = 1; i <= 2; ++i) {
273                const attrs = _.cloneDeep(ctrl.defn.input_attrs || {});
274                attrs.placeholder = attrs['placeholder' + i];
275                attrs.timePlaceholder = attrs['timePlaceholder' + i];
276                ctrl.inputAttrs.push(attrs);
277              }
278            }
279          }
280        }
281        $scope.$on('afFormReset', function() {
282          delete $scope.dataProvider.getFieldData()[ctrl.fieldName];
283          initializeValue(false);
284        });
285      };
286      $scope.$on('afIfDestroy', function() {
287        if (ctrl.defn.input_type !== 'DisplayOnly') {
288          delete $scope.dataProvider.getFieldData()[ctrl.fieldName];
289        }
290      });
291      function correctValueType(value, dataType) {
292        if (value === null) {
293          return value;
294        }
295        if (Array.isArray(value)) {
296          return value.map((val) => correctValueType(val, dataType));
297        } else if (dataType === 'Integer' || dataType === 'Float') {
298          return Number(value);
299        } else if (dataType === 'Boolean') {
300          return (value == 1);
301        }
302        return value;
303      }
304
305      this.isMultiple = function() {
306        return (
307          (['Select', 'EntityRef', 'ChainSelect'].includes(ctrl.defn.input_type) && ctrl.defn.input_attrs.multiple) ||
308          ((ctrl.defn.input_type === 'CheckBox' || ctrl.defn.input_type === 'Toggle') && ctrl.defn.data_type !== 'Boolean') ||
309          ((ctrl.defn.input_type === 'Hidden' || ctrl.defn.input_type === 'DisplayOnly') && (ctrl.defn.serialize || ctrl.defn.data_type === 'Array'))
310        );
311      };
312      function setValue(value) {
313        if (typeof value === 'string' && ctrl.isMultiple()) {
314          value = value.split(',');
315        }
316        if (typeof value === 'object' && value !== null && !Array.isArray(value) && ctrl.search_operator) {
317          if (ctrl.defn.expose_operator) {
318            ctrl.search_operator = Object.keys(value)[0];
319          }
320          value = value[ctrl.search_operator] ? value[ctrl.search_operator] : null;
321        }
322        if (ctrl.defn.input_type === 'EntityRef' && ['Contact', 'Individual'].includes(ctrl.fkEntity) && value === 'user_contact_id') {
323          value = CRM.config.cid;
324        }
325        if (ctrl.defn.input_type !== 'DisplayOnly') {
326          value = correctValueType(value, ctrl.defn.data_type);
327        }
328
329        if (ctrl.defn.input_type === 'Date' && typeof value === 'string' && value.startsWith('now')) {
330          value = getRelativeDate(value, ctrl.defn.input_attrs.time);
331        }
332        if (ctrl.defn.input_type === 'Number' && ctrl.defn.search_range) {
333          if (!_.isPlainObject(value)) {
334            value = {
335              '>=': +(('' + value).split('-')[0] || 0),
336              '<=': +(('' + value).split('-')[1] || 0),
337            };
338          }
339        } else if (ctrl.defn.input_type === 'Number') {
340          value = Number(value);
341        }
342        else if (ctrl.defn.search_range && !_.isPlainObject(value) &&
343          !(ctrl.defn.options && ctrl.defn.options.some((option) => option.id === value))
344        ) {
345          value = {
346            '>=': ('' + value).split('-')[0],
347            '<=': ('' + value).split('-')[1] || '',
348          };
349        }
350        $scope.getSetValue(value);
351      }
352      ctrl.getEntityIndex = function() {
353        if ('repeatIndex' in $scope.dataProvider && $scope.dataProvider.afRepeat.getRepeatType() === 'join') {
354          return $scope.dataProvider.outerRepeatItem ? $scope.dataProvider.outerRepeatItem.repeatIndex : 0;
355        } else {
356          return ctrl.afRepeatItem ? ctrl.afRepeatItem.repeatIndex : 0;
357        }
358      };
359
360      ctrl.isReadonly = function() {
361        if (!isExtra && ctrl.defn.input_attrs && ctrl.defn.input_attrs.autofill && !ctrl.afJoin) {
362          return ctrl.afFieldset.getEntity()?.actions?.[ctrl.defn.input_attrs.autofill] === false;
363        }
364        return ctrl.defn.input_type === 'DisplayOnly';
365      };
366
367      ctrl.isDisabled = function() {
368        if (ctrl.isReadonly()) {
369          return true;
370        }
371        return ctrl.defn.input_type === 'EntityRef' && !ctrl.fkEntity;
372      };
373
374      ctrl.getDisplayValue = function(value) {
375        if (value === undefined || value === null || value === '' || (Array.isArray(value) && !value.length)) {
376          return '';
377        }
378        if (Array.isArray(fieldOptions)) {
379          let keys = Array.isArray(value) ? value : [value];
380          let options = fieldOptions.filter((option) => keys.includes(option.id));
381          return options.map((option) => option.label).join(', ');
382        }
383        if (ctrl.defn.data_type === 'Date' || ctrl.defn.data_type === 'Timestamp') {
384          try {
385            return CRM.utils.formatDate(value, null, ctrl.defn.data_type === 'Timestamp');
386          } catch (e) {
387            return '';
388          }
389        }
390        if (ctrl.fkEntity) {
391          const ids = Array.isArray(value) ? value : [value];
392          if (!ctrl._entityLabels) {
393            ctrl._entityLabels = {};
394          }
395          if (!(ids.join() in ctrl._entityLabels)) {
396            ctrl._entityLabels[ids.join()] = null;
397            const params = ctrl.getAutocompleteParams();
398            params.ids = ids;
399            crmApi4(ctrl.fkEntity, 'autocomplete', params)
400              .then((result) => {
401                ctrl._entityLabels[ids.join()] = result.map((item) => item.label).join(', ');
402              });
403          }
404          return ctrl._entityLabels[ids.join()] || ts('Loading...');
405        }
406        return value;
407      };
408      ctrl.onSelectEntity = function() {
409        if (ctrl.afForm && ctrl.defn.input_attrs && ctrl.defn.input_attrs.autofill) {
410          const val = $scope.getSetSelect();
411          const entity = ctrl.afFieldset.modelName;
412          const entityIndex = ctrl.getEntityIndex();
413          const joinEntity = ctrl.afJoin ? ctrl.afJoin.entity : null;
414          const joinIndex = ctrl.afJoin && $scope.dataProvider.repeatIndex || 0;
415          ctrl.afFieldset.afFormCtrl.loadData(entity, entityIndex, val, ctrl.defn.name, joinEntity, joinIndex);
416        }
417      };
418      ctrl.getFileUploadParams = function() {
419        return {
420          modelName: ctrl.afFieldset.getName(),
421          fieldName: ctrl.fieldName,
422          joinEntity: ctrl.afJoin ? ctrl.afJoin.entity : null,
423          entityIndex: ctrl.getEntityIndex(),
424          joinIndex: ctrl.afJoin && $scope.dataProvider.repeatIndex || null
425        };
426      };
427
428      ctrl.getAutocompleteParams = function() {
429        let fieldName = isExtra ? 'extra' : ctrl.afFieldset.getName();
430        if (!isExtra && ctrl.afJoin) {
431          fieldName += '+' + ctrl.afJoin.entity;
432        }
433        fieldName += ':' + ctrl.fieldName;
434        return {
435          formName: 'afform:' + ctrl.afFieldset.getFormName(),
436          fieldName: fieldName,
437          values: $scope.dataProvider.getFieldData()
438        };
439      };
440
441      $scope.getOptions = () => {
442        if (!Array.isArray(fieldOptions)) {
443          return [];
444        }
445        return fieldOptions.filter((opt) => {
446          if (!opt.if || !opt.if.length) return true;
447          try {
448            return this.afForm.checkConditions(opt.if);
449          } catch (e) {
450            console.warn('[afField] `if` evaluation failed for option', opt.id, e);
451            return true;
452          }
453        });
454      };
455
456      this.validateValue = () => {

457        const current = $scope.dataProvider.getFieldData()[this.fieldName];
458        const options = $scope.getOptions().map((o) => o.id);
459
460        if (Array.isArray(current)) {
461          const valid = current.filter((v) => options.includes(v));
462          if (valid.length < current.length) {
463            $scope.dataProvider.getFieldData()[this.fieldName] = valid;
464            $('input[crm-ui-select]', $element).val(valid).change();
465          }
466        } else {
467          if (!options.includes(current)) {
468            $('input[crm-ui-select]', $element).val('').change();
469            delete $scope.dataProvider.getFieldData()[this.fieldName];
470          }
471        }
472      };
473
474      $scope.select2Options = function() {
475        return {
476          results: _.transform($scope.getOptions(), function(result, opt) {
477            result.push({id: opt.id, text: opt.label});
478          }, [])
479        };
480      };
481
482      this.onChangeOperator = function() {
483        $scope.dataProvider.getFieldData()[ctrl.fieldName] = {};
484      };
485      $scope.getSetValue = function(val) {
486        const currentVal = $scope.dataProvider.getFieldData()[ctrl.fieldName];
487        if (arguments.length) {
488          if (ctrl.search_operator) {
489            if (typeof currentVal !== 'object') {
490              $scope.dataProvider.getFieldData()[ctrl.fieldName] = {};
491            }
492            return ($scope.dataProvider.getFieldData()[ctrl.fieldName][ctrl.search_operator] = val);
493          }
494          return ($scope.dataProvider.getFieldData()[ctrl.fieldName] = val);
495        }
496        if (ctrl.search_operator) {
497          return (currentVal || {})[ctrl.search_operator];
498        }
499        return currentVal;
500      };
501      $scope.getSetSelect = function(val) {
502        const currentVal = $scope.dataProvider.getFieldData()[ctrl.fieldName];
503        if (arguments.length) {
504          if (ctrl.defn.is_date) {
505            if (val === '{}') {
506              val = !_.isPlainObject(currentVal) ? {} : currentVal;
507            }
508          }
509          else if (ctrl.defn.search_range) {
510            return ($scope.dataProvider.getFieldData()[ctrl.fieldName]['>='] = val);
511          }
512          else if (ctrl.search_operator) {
513            if (typeof currentVal !== 'object') {
514              $scope.dataProvider.getFieldData()[ctrl.fieldName] = {};
515            }
516            return ($scope.dataProvider.getFieldData()[ctrl.fieldName][ctrl.search_operator] = val);
517          }
518          if (ctrl.defn.data_type === 'Boolean') {
519            return ($scope.dataProvider.getFieldData()[ctrl.fieldName] = (val === 'true'));
520          }
521          if (ctrl.defn.data_type === 'Integer' || ctrl.defn.data_type === 'Float') {
522            if (typeof val === 'string') {
523              return ($scope.dataProvider.getFieldData()[ctrl.fieldName] = val.length ? Number(val) : null);
524            } else if (Array.isArray(val)) {
525              return ($scope.dataProvider.getFieldData()[ctrl.fieldName] = val.map(Number));
526            }
527          }
528          return ($scope.dataProvider.getFieldData()[ctrl.fieldName] = val);
529        }
530        if (ctrl.defn.is_date) {
531          return _.isPlainObject(currentVal) ? '{}' : currentVal;
532        }
533        else if (ctrl.defn.search_range) {
534          return currentVal['>='];
535        }
536        else if (ctrl.search_operator) {
537          return (currentVal || {})[ctrl.search_operator];
538        }
539        else if (!ctrl.isMultiple() && (typeof currentVal === 'boolean' || typeof currentVal === 'number')) {
540          return JSON.stringify(currentVal);
541        }
542        return currentVal;
543      };
544
545      function getRelativeDate(dateString, includeTime) {
546        const parts = dateString.split(' ');
547        const baseDate = new Date();
548        let unit = parts[2] || 'day';
549        let offset = parseInt(parts[1] || '0', 10);
550
551        switch (unit) {
552          case 'week':
553            offset *= 7;
554            break;
555
556          case 'year':
557            offset *= 365;
558        }
559        let newDate = new Date(baseDate.getTime() + offset * 24 * 60 * 60 * 1000);
560        let localYear = newDate.getFullYear();
561        let localMonth = String(newDate.getMonth() + 1).padStart(2, '0'); // Months are 0-indexed
562        let localDay = String(newDate.getDate()).padStart(2, '0');
563        let defaultDate = `${localYear}-${localMonth}-${localDay}

563`; // Format YYYY-MM-DD
564
565        if (includeTime) {
566          defaultDate += ' ' + newDate.toTimeString().slice(0,8);
567        }
568        return defaultDate;
569      }
570
571    }
572  });
573
574angular.module('af').directive('afFieldset', function() {
575    return {
576      restrict: 'A',
577      require: ['afFieldset', '?^^afForm', '?afRepeat'],
578      bindToController: {
579        modelName: '@afFieldset',
580        storeValues: '<'
581      },
582      link: function($scope, $el, $attr, ctrls) {
583        const self = ctrls[0];
584        self.afFormCtrl = ctrls[1];
585        self.afRepeatCtrl = ctrls[2];
586      },
587      controller: function($scope, $element, crmApi4) {
588        const ctrl = this;
589        const localData = [];
590        const joinOffsets = {};
591        const ts = $scope.ts = CRM.ts('org.civicrm.afform');
592
593        this.getData = function() {
594          return ctrl.afFormCtrl ? ctrl.afFormCtrl.getData(ctrl.modelName) : localData;
595        };
596        this.getName = function() {
597          return this.modelName ||
598            $element.find('[search-name][display-name]').attr('display-name');
599        };
600        this.getEntity = function() {
601          return this.afFormCtrl ? this.afFormCtrl.getEntity(this.modelName) : null;
602        };
603        this.getEntityType = function() {
604          return this.afFormCtrl ? this.afFormCtrl.getEntity(this.modelName)?.type : null;
605        };
606        this.getFieldData = function() {
607          const data = ctrl.getData();
608          if (!data.length && !ctrl.afRepeatCtrl) {
609            data.push({fields: {}});
610          }
611          return data[0]?.fields;
612        };
613        this.addRepeatItem = () => {
614          this.getData().push({fields: {}});
615        };
616
617        this.getFormName = function() {
618          return ctrl.afFormCtrl ? ctrl.afFormCtrl.getFormMeta().name : $scope.meta.name;
619        };
620
621        this.getFieldMeta = () => {
622          const meta = {};
623          const fieldElements = $element[0].querySelectorAll('af-field');
624          fieldElements.forEach((field) => {
625            const name = field.getAttribute('name');
626            const defn = $scope.$eval(field.getAttribute('defn'));
627            meta[name] = defn;
628          });
629          return meta;
630        };
631
632        this.getJoinOffset = function(joinEntity) {
633          joinOffsets[joinEntity] = joinEntity in joinOffsets ? joinOffsets[joinEntity] + 1 : 0;
634          return joinOffsets[joinEntity];
635        };
636        function getCacheKey() {
637          return 'afform:' + ctrl.getFormName() + ctrl.getName();
638        }

639        this.getStoredValue = function(fieldName) {
640          if (!this.storeValues) {
641            return;
642          }
643          if (!this.reloadedStoredValues) {
644            this.reloadedStoredValues = CRM.cache.get(getCacheKey(), {});
645          }
646          return this.reloadedStoredValues[fieldName];
647        };
648
649        this.$onInit = function() {
650          $scope.$watch(ctrl.getFieldData, (newVal, oldVal) => {
651            $element[0].dispatchEvent(new Event('crmFormChangeFilters'));
652            if (this.storeValues) {
653              if (typeof newVal === 'object' && typeof oldVal === 'object' && Object.keys(newVal).length) {
654                CRM.cache.set(getCacheKey(), newVal);
655              }
656            }
657          }, true);
658
659          $scope.$watch(this.getSearchParamSetId, () => this.fetchSearchParamSetValues());
660        };
661
662        /**
663         * Get fieldset values to use for afform filters
664         *
665         * Filter out empty values (null, '', [], {}) at top level and one level
666         * below for object values (fields with ranges/operators)
667         *
668         * @returns Object
669         */
670        this.getFilterValues = () => {
671          const isEmpty = (v) => {
672            if (v === null || v === '') {
673              return true;
674            }
675            if (Array.isArray(v) && v.length === 0) {
676              return true;
677            }
678            if (typeof v === 'object' && Object.keys(v).length === 0) {
679              return true;
680            }
681          };
682          const data = _.cloneDeep(this.getFieldData());
683
684          Object.keys(data).forEach((key) => {
685            if (typeof data[key] === 'object' && data[key] !== null) {
686              Object.keys(data[key]).forEach((subKey) => {
687                if (isEmpty(data[key][subKey])) {
688                  delete data[key][subKey];
689                }
690              });
691            }
692            if (isEmpty(data[key])) {
693              delete data[key];
694            }
695          });
696
697          return data;
698        };
699
700        /**
701         * Get value for a given field based on currently applied SearchParamSet
702         * Used by afField controller on load
703         */

704        this.getSearchParamSetFieldValue = (fieldName) => {
705          if (this.selectedSearchParamSet && this.selectedSearchParamSet.filters && this.selectedSearchParamSet.filters.hasOwnProperty(fieldName)) {
706            return this.selectedSearchParamSet.filters[fieldName];
707          }
708          return null;
709        };
710
711        /**
712         * Fetch values for a SearchParamSet from the server
713         */
714        this.fetchSearchParamSetValues = () => {
715          const searchParamSetId = this.getSearchParamSetId();
716          if (!searchParamSetId) {
717            return;
718          }
719          crmApi4('SearchParamSet', 'get', {
720            where: [
721              ['id', '=', searchParamSetId],
722              ['afform_name', '=', this.getFormName()]
723            ],
724            select: ['filters', 'columns'],
725          })
726          .then((result) => {
727            if (result && result[0]) {
728              this.selectedSearchParamSet = result[0];
729            }
730            else {
731              this.selectedSearchParamSet = {};
732            }
733            $scope.$broadcast('afFormReset');
734          });
735        };
736
737        /**
738         * Get search param set ID from URL hash param
739         */

740        this.getSearchParamSetId = () => ($scope && $scope.routeParams) ? $scope.routeParams._s : null;
741      }
742    };
743  });
744
745  angular.module('af').component('afForm', {
746    bindings: {
747      ctrl: '@'
748    },
749    require: {
750      ngForm: 'form'
751    },
752    controller: function($scope, $element, $timeout, crmApi4, crmStatus, $window, $location, $parse, FileUploader) {
753      const
754        ctrl = this,
755        ts = CRM.ts('org.civicrm.afform');
756
757      const saveDraftButtons = [];
758      const schema = {};
759      const data = {
760        extra: {fields: {}},
761      };
762
763      let
764        args,
765        submissionResponse,
766        autoSave = () => {},
767        draftStatus = 'pristine',
768        cancelDraftWatcher,
769        uploadingDraftFiles = false;
770
771      this.$onInit = () => {
772        $scope.$parent[this.ctrl] = this;
773
774        $timeout(() => {
775          $element[0].querySelectorAll('.af-markup:not(af-markup)').forEach((el) => {
776            const renderer = document.createElement('af-markup');
777            renderer.markup = el.innerHTML;
778            el.replaceChildren(renderer);
779          });
780
781          ctrl.loadData()
782            .then(setupDraftWatcher);
783
784          ctrl.showSubmitButton = displaySubmitButton(args);
785        });
786      };
787
788      this.registerEntity = function registerEntity(entity) {
789        schema[entity.modelName] = entity;
790        data[entity.modelName] = [];
791      };
792      this.getEntity = function getEntity(name) {
793        return schema[name];
794      };
795      this.getData = function getData(name) {
796        return data[name];
797      };

798      this.getSchema = function getSchema(name) {
799        return schema[name];
800      };
801      this.getFormMeta = function getFormMeta() {
802        return $scope.$parent.meta;
803      };
804      this.resetForm = function() {
805        this.ngForm.$setPristine();
806        $scope.$parent.$broadcast('afFormReset');
807        this.loadData();
808      };
809      this.loadData = function(selectedEntity, selectedIndex, selectedId, selectedField, joinEntity, joinIndex) {
810        let toLoad = true;
811        const params = {name: ctrl.getFormMeta().name, args: {}};
812        if (selectedEntity) {
813          toLoad = !!selectedId;
814          params.args[selectedEntity] = {};
815          params.args[selectedEntity][selectedIndex] = {};
816          if (joinEntity) {
817            params.fillMode = 'join';
818            params.args[selectedEntity][selectedIndex].joins = {};
819            params.args[selectedEntity][selectedIndex].joins[joinEntity] = {};
820            params.args[selectedEntity][selectedIndex].joins[joinEntity][joinIndex] = {};
821            params.args[selectedEntity][selectedIndex].joins[joinEntity][joinIndex][selectedField] = selectedId;
822          } else {
823            params.fillMode = 'entity';
824            params.args[selectedEntity][selectedIndex][selectedField] = selectedId;
825          }
826        }
827        else {
828          params.fillMode = 'form';
829          args = Object.assign({}, $scope.$parent.routeParams || {}, $scope.$parent.options || {});
830          Object.keys(schema).forEach((entityName) => {
831            if (args[entityName] && typeof args[entityName] === 'string') {
832              args[entityName] = args[entityName].split(',');
833            }
834          });
835          params.args = args;
836          ctrl.showSubmitButton = displaySubmitButton(args);
837        }
838        if (toLoad) {
839          if (params.fillMode === 'form') {
840            $element.block();
841          }
842          return crmApi4('Afform', 'prefill', params)
843            .then((result) => {
844              result.forEach((item) => {
845                _.each(item.values, (values, index) => {
846                  data[item.name][index] = data[item.name][index] || {};
847                  data[item.name][index].joins = data[item.name][index].joins || {};
848                  angular.merge(data[item.name][index], values, {fields: _.cloneDeep(schema[item.name]?.data || {})});
849                });
850              });
851              $element.unblock();
852            }, (error) => {
853              disableForm(error.error_message, ts('Sorry'), 'error');
854              $element.unblock();
855            });
856        }
857        else if (joinEntity) {
858          data[selectedEntity][selectedIndex].joins[joinEntity][joinIndex] = {};
859        }
860        else if (selectedEntity) {
861          Object.keys(data[selectedEntity][selectedIndex].fields).forEach((key) => delete data[selectedEntity][selectedIndex].fields[key]);
862          angular.merge(data[selectedEntity][selectedIndex].fields, _.cloneDeep(schema[selectedEntity].data || {}));
863          data[selectedEntity][selectedIndex].joins = {};
864        }
865      };
866
867      function displaySubmitButton(args) {
868        if (args.sid && args.sid.length > 0) {
869          return false;
870        }
871        return true;
872      }
873      const token = new URLSearchParams(window.location.search).get('_aff');
874      const headers = {'X-Requested-With': 'XMLHttpRequest'};
875      if (token) {
876        headers['X-Civi-Auth-Afform'] = token;
877      }
878      this.fileUploader = new FileUploader({
879        url: CRM.url('civicrm/ajax/api4/Afform/submitFile'),
880        headers: headers,
881        onAfterAddingFile: (item) => {
882          setDraftStatus('unsaved');
883        },
884        onSuccessItem: onFileUploadSuccess,
885        onCompleteAll: onFileUploadsComplete,
886        onBeforeUploadItem: (item) => {
887          item._status = CRM.status({
888            start: ts('Uploading %1', {1: item.file.name}),
889            error: ts('Upload failed'),
890            success: ts('Upload complete'),
891          });
892        },
893        onCompleteItem: (item, response, status, headers) => {
894          if (status === 200) {
895            item._status.resolve();
896          } else {
897            item._status.reject();
898          }
899        }
900      });
901
902      function onFileUploadSuccess(item, response, status, headers) {
903        if (response.values && response.values[0] && response.values[0].id) {
904          const dataProvider = item.crmDataProvider;
905          dataProvider.getFieldData()[item.crmFieldName] = response.values[0];
906        }
907      }
908
909      function onFileUploadsComplete() {
910        if (uploadingDraftFiles) {
911          uploadingDraftFiles = false;

912          setDraftStatus('saved');
913          if (draftStatus === 'unsaved') {
914            autoSave();
915          }
916        } else {
917          postProcess();
918        }
919      }
920      function setupDraftWatcher() {
921        const buttons = getDraftButtons();
922        const autoSaveEnabled = ctrl.getFormMeta().autosave_draft;
923
924        if ((!autoSaveEnabled && !buttons.length) || !ctrl.showSubmitButton || (!CRM.config.cid && !token)) {
925          return;
926        }
927        $.each(buttons, function(index, button) {
928          saveDraftButtons[index] = {
929            text: $(button).text(),
930            icon: $(button).attr('crm-icon'),
931          };
932        });
933        if (autoSaveEnabled) {
934          autoSave = _.debounce(ctrl.submitDraft, 10000);
935        }
936
937        cancelDraftWatcher = $scope.$watch(() => data, function (newVal, oldVal) {
938            if (oldVal) {
939              if (draftStatus === 'pristine') {
940                setDraftStatus('saved');
941              } else {
942                setDraftStatus('unsaved');
943                autoSave(newVal);
944              }
945            }
946          },
947          true
948        );
949      }
950      this.checkConditions = function(conditions, op) {
951        op = op || 'AND';
952        let ret = op === 'AND',
953          flip = !ret;
954        _.each(conditions, function(clause) {
955          if (Array.isArray(clause[1])) {
956            if (ctrl.checkConditions(clause[1], clause[0]) === flip) {
957              ret = flip;
958            }
959          } else {
960            if (typeof clause[0] === 'string' && clause[0].charAt(0) !== '"') {
961              clause[0] = clause[0].replace(/\[([^'"])/g, "['$1").replace(/([^'"])]/g, "$1']");
962            }
963            let parser1 = $parse(clause[0]);
964            let parser2 = $parse(clause[2]);
965            let result = compareConditions(parser1(data), clause[1], parser2(data));
966            if (result === flip) {
967              ret = flip;
968            }
969          }
970        });
971        return op === 'NOT' ? !ret : ret;
972      };
973
974      function compareConditions(val1, op, val2) {
975        const yes = (op !== '!=' && !op.includes('NOT '));
976
977        switch (op) {
978          case '=':
979          case '!=':
980          case '==':
981            if (typeof val1 === 'string') {
982              val1 = val1.toLowerCase();
983            }
984            if (typeof val2 === 'string') {
985              val2 = val2.toLowerCase();
986            }
987            return angular.equals(val1, val2) === yes;
988
989          case '>':
990            return val1 > val2;
991
992          case '<':
993            return val1 < val2;
994
995          case '>=':
996            return val1 >= val2;
997
998          case '<=':
999            return val1 <= val2;
1000
1001          case 'IS EMPTY':
1002            return !val1;
1003
1004          case 'IS NOT EMPTY':
1005            return !!val1;
1006
1007          case 'CONTAINS':
1008          case 'NOT CONTAINS':
1009            if (Array.isArray(val1)) {
1010              return val1.includes(val2) === yes;
1011            } else if (typeof val1 === 'string' && typeof val2 === 'string') {
1012              return val1.toLowerCase().includes(val2.toLowerCase()) === yes;
1013            }
1014            return angular.equals(val1, val2) === yes;
1015
1016          case 'IN':
1017          case 'NOT IN':
1018            if (Array.isArray(val2)) {
1019              return val2.includes(val1) === yes;
1020            }
1021            return angular.equals(val1, val2) === yes;
1022
1023          case 'LIKE':
1024          case 'NOT LIKE':
1025            if (typeof val1 === 'string' && typeof val2 === 'string') {
1026              return likeCompare(val1, val2) === yes;
1027            }
1028            return angular.equals(val1, val2) === yes;
1029        }
1030      }
1031
1032      function likeCompare(str, pattern) {
1033        const regexPattern = pattern
1034          .replace(/([.+?^=!:${}()|\[\]\/\\])/g, "\\$1")
1035          .replace(/%/g, '.*') // Convert % to .*
1036          .replace(/_/g, '.'); // Convert _ to .
1037        const regex = new RegExp(`^${regexPattern}$`, 'i');
1038        return regex.test(str);
1039      }
1040      function postProcess() {
1041        const metaData = ctrl.getFormMeta(),
1042          dialog = $element.closest('.ui-dialog-content');
1043        ctrl.ngForm.$setPristine();
1044
1045        $element.trigger('crmFormSuccess', {
1046          afform: metaData,
1047          data: data,
1048          submissionResponse: submissionResponse,
1049        });
1050
1051        if (submissionResponse[0].redirect) {
1052          let url = submissionResponse[0].redirect;
1053          if (url.indexOf('civicrm/') === 0) {
1054            url = CRM.url(url);
1055          } else if (url.indexOf('/') === 0) {
1056            let port = $location.port();
1057            port = port ? `:${port}` : '';
1058            url = `${$location.protocol()}://${$location.host()}${port}${url}`;
1059          }
1060          $window.location.href = url;
1061          return;
1062        }
1063
1064        if (submissionResponse[0].message) {
1065          $element.hide();
1066          const $confirmation = $('<div class="afform-confirmation" />');
1067          $confirmation.html(submissionResponse[0].message);
1068          $confirmation.insertAfter($element);
1069        }
1070        else if (dialog.length) {
1071          dialog.dialog('close');
1072        }
1073        else {
1074          $element.unblock();
1075        }
1076      }
1077
1078      function validateFileFields() {
1079        let valid = true;
1080        $("af-form[ng-form=" + ctrl.getFormMeta().name + "] input[type='file']").each((index, fld) => {
1081          if ($(fld).attr('required') && $(fld).get(0).files.length == 0) {
1082            valid = false;

1083          }
1084        });
1085        return valid;
1086      }
1087
1088      function disableForm(errorMsg) {
1089        $('af-form[ng-form="' + ctrl.getFormMeta().name + '"]')
1090          .addClass('disabled')
1091          .find('button[ng-click="afform.submit()"]').prop('disabled', true);
1092        CRM.alert(errorMsg, ts('Sorry'), 'error');
1093      }
1094
1095      const handleError = (error) => {
1096        if (error && error.error_code !== '1') {
1097          CRM.alert(error.error_message, ts('Please resolve these issues'), 'warning');
1098        }
1099        else {
1100          const message = error?.error_message ? error.error_message : ts('Unknown error');
1101          CRM.alert(message, ts('There is a problem'), 'error');
1102        }
1103      };
1104
1105      this.validate = () => {
1106        if (!ctrl.ngForm.$valid || !validateFileFields()) {
1107          return new Promise((resolve) => resolve({
1108            is_error: true,
1109            message: ts('Please fill all required fields.'),
1110          }));
1111        }
1112        return crmApi4('Afform', 'validate', {
1113          name: this.getFormMeta().name,
1114          args: args,
1115          values: data,
1116        });
1117      };
1118
1119      this.submit = function () {
1120        if (!ctrl.ngForm.$valid || !validateFileFields()) {
1121          const firstInvalidInput = $element[0].closest('af-form').querySelector('.ng-invalid');
1122          const isRequired = firstInvalidInput.classList.contains('ng-invalid-required');
1123          const message = isRequired ? ts('Please fill all required fields.') : ts('Please check all answers are valid.');
1124
1125          if (document.getElementById('crm-notification-container')) {
1126            CRM.alert(message, ts('Form Error'));
1127          }
1128          else {
1129            if (firstInvalidInput.classList.contains('select2-container')) {
1130              firstInvalidInput.scrollIntoView();
1131              firstInvalidInput.focus();
1132              CRM.alert(message, ts('Form Error'));
1133            }
1134          }
1135          return;
1136        }
1137        $element.block();
1138        if (cancelDraftWatcher) {
1139          cancelDraftWatcher();
1140        }
1141
1142        const submitApi = crmApi4('Afform', 'submit', {
1143          name: ctrl.getFormMeta().name,
1144          args: args,
1145          values: data,
1146        }).then((response) => {
1147          submissionResponse = response;
1148          if (ctrl.fileUploader.getNotUploadedItems().length) {
1149            _.each(ctrl.fileUploader.getNotUploadedItems(), function(file) {
1150              file.formData.push({
1151                params: JSON.stringify(_.extend({
1152                  token: response[0].token,
1153                  name: ctrl.getFormMeta().name
1154                }, file.crmApiParams()))
1155              });
1156            });
1157            ctrl.fileUploader.uploadAll();
1158          }
1159          else {
1160            postProcess();
1161          }
1162        })
1163        .catch((error) => {
1164          $element.unblock();
1165
1166          handleError(error);
1167
1168          $element.trigger('crmFormError', {
1169            afform: ctrl.getFormMeta(),
1170            data: data,
1171            submissionResponse: submissionResponse,
1172            error: error
1173          });
1174        });
1175        crmStatus({
1176          error: ts('Not Saved'),
1177        }, submitApi);
1178      };
1179
1180      this.submitDraft = function() {
1181        if (uploadingDraftFiles) {
1182          return;
1183        }
1184        setDraftStatus('saving');
1185        const submitDraft = crmApi4('Afform', 'submitDraft', {
1186          name: ctrl.getFormMeta().name,
1187          args: args,
1188          values: data,
1189        }).then((response) => {
1190          if (ctrl.fileUploader.getNotUploadedItems().length) {
1191            uploadingDraftFiles = true;

1192            ctrl.fileUploader.getNotUploadedItems().forEach((file) => {
1193              file.formData.push({
1194                params: JSON.stringify(_.extend({
1195                  name: ctrl.getFormMeta().name
1196                }, file.crmApiParams()))
1197              });
1198            });
1199            ctrl.fileUploader.uploadAll();
1200          } else {
1201            setDraftStatus('saved');
1202          }
1203        })
1204        .catch((error) => {
1205          setDraftStatus('unsaved');
1206          handleError(error);
1207        });
1208        crmStatus({
1209          start: ts('Saving Draft'),
1210          success: ts('Draft Saved'),
1211          error: ts('Not Saved'),
1212        }, submitDraft);
1213      };
1214
1215      function getDraftButtons() {
1216        return $element.find('button[ng-click="afform.submitDraft()"]');
1217      }
1218
1219      function setDraftStatus(newStatus) {
1220        if (draftStatus === newStatus) {
1221          return;
1222        }
1223        if (draftStatus === 'unsaved' && newStatus === 'saved') {
1224          return;
1225        }
1226        if (newStatus === 'unsaved' && !uploadingDraftFiles) {
1227          restoreDraftButtons();
1228        }
1229        else if (!uploadingDraftFiles) {
1230          const newText = newStatus === 'saving' ? ts('Saving Draft') : ts('Draft Saved');
1231          const newIcon = newStatus === 'saving' ? 'fa-spinner fa-spin' : 'fa-check';
1232          disableDraftButtons(newText, newIcon);
1233        }
1234        draftStatus = newStatus;
1235      }
1236
1237      function disableDraftButtons(text, icon) {
1238        const buttons = getDraftButtons();
1239        $.each(buttons, function(index, button) {
1240          $(button).text(text).attr('disabled', true);
1241          $(button).prepend('<i class="crm-i ' + icon + '" role="img" aria-hidden="true"></i> ');
1242        });
1243      }
1244
1245      function restoreDraftButtons() {
1246        const buttons = getDraftButtons();
1247        $.each(buttons, function(index, button) {
1248          const initialState = saveDraftButtons[index] || saveDraftButtons[0];
1249          $(button).text(initialState.text).attr('disabled', false);
1250          if (initialState.icon) {
1251            $(button).prepend('<i class="crm-i ' + saveDraftButtons[index].icon + '" role="img" aria-hidden="true"></i> ');
1252          }
1253        });
1254      }
1255      this.getFieldData = () => {
1256        return data.extra.fields;
1257      };
1258      this.identifyTokens = (message) => {
1259        if (typeof message !== 'string') {
1260          return null;
1261        }
1262        const tokens = new Set(message.match(/\[[a-zA-Z0-9_]+\.[0-9]+\.[^\]]+\]/g));
1263
1264        return tokens.size ? tokens : null;
1265      };
1266
1267      this.getTokenValues = (tokens) => {
1268        const values = {};
1269
1270        tokens.forEach((token) => {
1271          const parts = token.slice(1, -1).split('.');
1272          const entity = parts[0];
1273          const index = parts[1];
1274          const fieldName = parts.slice(2).join('.');
1275          if (!data || !data[entity] || !data[entity][index] || !data[entity][index].fields || (data[entity][index].fields[fieldName] === undefined) ) {
1276            values[token] = '';
1277          }
1278          else {
1279            values[token] = data[entity][index].fields[fieldName];
1280          }
1281        });
1282
1283        return values;
1284      };
1285
1286      this.replaceTokens = (message) => {
1287        const tokens = this.identifyTokens(message);
1288        const tokenValues = this.getTokenValues(tokens);
1289        tokens.forEach((token) => message = message.replaceAll(token, tokenValues[token]));
1290        return message;
1291      };
1292    }
1293  });
1294
1295angular.module('af').directive('afIf', function($compile, $animate, $parse) {
1296    return {
1297      multiElement: true,
1298      transclude: 'element',
1299      priority: 601,
1300      terminal: true,
1301      restrict: 'A',
1302      require: ['^^afForm'],
1303      $$tlb: true,
1304      link: function($scope, $element, $attr, ctrl, $transclude) {
1305        let block, childScope, previousElements;
1306
1307        function watcher() {
1308          const conditions = $parse($attr.afIf)();
1309          return ctrl[0].checkConditions(conditions);
1310        }
1311
1312        $scope.$watch(watcher, function(value) {
1313          if (value) {
1314            if (!childScope) {
1315              $transclude(function(clone, newScope) {
1316                childScope = newScope;
1317                clone[clone.length++] = $compile.$$createComment('end afIf', $attr.afIf);
1318                block = {
1319                  clone: clone
1320                };
1321                $animate.enter(clone, $element.parent(), $element);
1322              });
1323            }
1324          } else {
1325            if (previousElements) {
1326              previousElements.remove();
1327              previousElements = null;
1328            }
1329            if (childScope) {
1330              childScope.$broadcast('afIfDestroy');
1331              childScope.$destroy();
1332              childScope = null;
1333            }
1334            if (block) {
1335              previousElements = getBlockNodes(block.clone);
1336              $animate.leave(previousElements).done(function(response) {
1337                if (response !== false) previousElements = null;
1338              });
1339              block = null;
1340            }
1341          }
1342        });
1343      }
1344    };
1345  });
1346
1347  /**
1348   * Return the DOM siblings between the first and last node in the given array.
1349   * @param {Array} array like object
1350   * @returns {Array} the inputted object or a jqLite collection containing the nodes
1351   */

1352  function getBlockNodes(nodes) {
1353    var node = nodes[0];
1354    var endNode = nodes[nodes.length - 1];
1355    var blockNodes;
1356
1357    for (var i = 1; node !== endNode && (node = node.nextSibling); i++) {
1358      if (blockNodes || nodes[i] !== node) {
1359        if (!blockNodes) {
1360          blockNodes = $(slice.call(nodes, 0, i));
1361        }
1362        blockNodes.push(node);
1363      }
1364    }
1365
1366    return blockNodes || nodes;
1367  }
1368
1369
1370angular.module('af')
1371    .directive('afJoin', function() {
1372      return {
1373        restrict: 'A',
1374        require: ['afJoin', '^^afFieldset', '?^^afRepeatItem'],
1375        bindToController: {
1376          entity: '@afJoin',
1377        },
1378        link: function($scope, $el, $attr, ctrls) {
1379          const self = ctrls[0];
1380          self.afFieldset = ctrls[1];
1381          self.repeatItem = ctrls[2];
1382          self.offset = self.afFieldset.getJoinOffset($attr.afJoin);
1383        },
1384        controller: function($scope) {
1385          const self = this;
1386          this.getEntityType = function() {
1387            return this.entity;
1388          };
1389          this.getData = function() {
1390            let data, fieldsetData;
1391            if (self.repeatItem) {
1392              data = self.repeatItem.item;
1393            } else {
1394              fieldsetData = self.afFieldset.getData();
1395              if (!fieldsetData.length) {
1396                fieldsetData.push({fields: {}, joins: {}});
1397              }
1398              data = fieldsetData[0];
1399            }
1400            if (!data.joins) {
1401              data.joins = {};
1402            }
1403            if (!data.joins[self.entity]) {
1404              data.joins[self.entity] = [];
1405            }
1406            return data.joins[self.entity];
1407          };
1408          this.addRepeatItem = () => {
1409            this.getData().push({});
1410          };
1411
1412          this.getFieldData = function() {
1413            const data = this.getData();
1414            if (!data[this.offset] || (Array.isArray(data[this.offset]) && !data[this.offset].length)) {
1415              data[this.offset] = {};
1416            }
1417            return data[this.offset];
1418          };
1419        }
1420      };
1421    });
1422})(angular, CRM.$, CRM._);
1423
1424(function (CRM, angular) {
1425
1426
1427  class AfMarkup extends HTMLElement {
1428
1429    /* jshint ignore:start */
1430    static observedAttributes = ['markup'];
1431    /* jshint ignore:end */
1432
1433    connectedCallback() {
1434      this.afForm = this.closest('af-form');
1435      setTimeout(() => this.render());
1436    }
1437
1438    attributeChangedCallback() {
1439      this.render();
1440    }
1441
1442    render() {
1443      let markup = this.markup;
1444      if (this.afForm) {
1445        markup = this.replaceTokensWithElements(markup);
1446      }
1447      this.innerHTML = markup;
1448    }
1449
1450    get markup() {
1451      return this.getAttribute('markup');
1452    }
1453
1454    set markup(content) {
1455      this.setAttribute('markup', content);
1456    }
1457
1458    replaceTokensWithElements(markup) {
1459      const tokens = new Set(markup.match(/\[[a-zA-Z0-9_]+\.[0-9]+\.[^\]]+\]/g));
1460      tokens?.forEach((token) => markup = markup.replaceAll(token, `<af-token expression="${token}"></af-token>`));
1461      return markup;
1462    }
1463  }
1464
1465  customElements.define('af-markup', AfMarkup);
1466
1467})(CRM, angular);
1468
1469(function(angular, $, _) {
1470  angular.module('af')
1471    .directive('afRepeat', function() {
1472      return {
1473        restrict: 'A',
1474        require: ['?afFieldset', '?afJoin'],
1475        transclude: true,
1476        scope: {
1477          min: '=',
1478          max: '=',
1479          afRepeatDefault: '=',
1480          addLabel: '@afRepeat',
1481          addIcon: '@',
1482          copyLabel: '@afCopy',
1483          copyIcon: '@'
1484        },
1485        templateUrl: '~/af/afRepeat.html',
1486        link: function($scope, $el, $attr, ctrls) {
1487          $scope.afFieldset = ctrls[0];
1488          $scope.afJoin = ctrls[1];
1489          $scope.element = $el;
1490        },
1491        controller: function($scope) {
1492
1493          this.$onInit = () => {
1494            $scope.$evalAsync(() => {
1495              const data = getEntityController().getData();
1496              let defaultCount = $scope.afRepeatDefault;
1497              if (defaultCount === undefined || defaultCount === '' || isNaN(defaultCount)) {
1498                defaultCount = 1;
1499              }
1500              if ($scope.min !== undefined && $scope.min !== '' && defaultCount < $scope.min) {
1501                defaultCount = $scope.min;
1502              }
1503              while (data.length < defaultCount) {
1504                getEntityController().addRepeatItem();
1505              }
1506            });
1507          };
1508
1509          this.getItems = $scope.getItems = () => {
1510            return getEntityController().getData();
1511          };
1512
1513          function getRepeatType() {
1514            return $scope.afJoin ? 'join' : 'fieldset';
1515          }
1516          this.getRepeatType = getRepeatType;
1517
1518          function getEntityController() {
1519            return $scope.afJoin || $scope.afFieldset;
1520          }
1521          this.getEntityController = getEntityController;
1522
1523          $scope.addItem = function() {
1524            getEntityController().addRepeatItem();
1525          };
1526
1527          $scope.copyItem = function() {
1528            const data = $scope.getItems();
1529            const last = data[data.length - 1];
1530            data.push(getRepeatType() === 'join' ? angular.copy(last) : {fields: angular.copy(last.fields)});
1531          };
1532
1533          $scope.removeItem = function(index) {
1534            $scope.getItems().splice(index, 1);
1535          };
1536
1537          $scope.canAdd = function() {
1538            return !$scope.max || $scope.getItems().length < $scope.max;
1539          };
1540
1541          $scope.canRemove = function() {
1542            return !$scope.min || $scope.getItems().length > $scope.min;
1543          };
1544        }
1545      };
1546    })
1547    .directive('afRepeatItem', function() {
1548      return {
1549        restrict: 'A',
1550        require: {
1551          afRepeat: '^^',
1552          outerRepeatItem: '?^^afRepeatItem'
1553        },
1554        bindToController: {
1555          item: '=afRepeatItem',
1556          repeatIndex: '='
1557        },
1558        controller: function() {
1559          this.getFieldData = function() {
1560            return this.afRepeat.getRepeatType() === 'join' ? this.item : this.item.fields;
1561          };
1562
1563          this.getEntityType = function() {
1564            return this.afRepeat.getEntityController().getEntityType();
1565          };
1566        }
1567      };
1568    });
1569
1570  angular.module('af').component('afSearchParamSets', {
1571    require: {
1572      afFieldset: '^^'
1573    },
1574    templateUrl: '~/af/afSearchParamSets.html',
1575    controller: function($scope, $element, crmApi4, $window, $location) {
1576      const ts = $scope.ts = CRM.ts('org.civicrm.afform');
1577      this.savedSets = [];
1578
1579      this.$onInit = () => {
1580        this.formName = this.afFieldset.getFormName();
1581        this.saveDialog.reset();
1582
1583        this.fetchSearchParamSets();
1584      };
1585
1586      this.fetchSearchParamSets = () => crmApi4('SearchParamSet', 'get', {
1587          select: ['label', 'filters', 'columns', 'created_by.display_name', 'created_date'],
1588          where: [['afform_name', '=', this.formName]],
1589          orderBy: {'label': 'ASC'}
1590        })
1591        .then((results) => this.savedSets = results.map((paramSet) => {
1592          const created = new Date(paramSet.created_date);
1593          const createdDate = created.toLocaleDateString();
1594          const isToday = createdDate === (new Date()).toLocaleDateString();
1595          paramSet.created_date_or_time = isToday ? ts('%1 today', {1: created.toLocaleTimeString()}) : createdDate;
1596          return paramSet;
1597        }))
1598        .catch(() => this.savedSets = [{id: '', label: ts('Error fetching Saved Searches')}]);
1599
1600      this.applySearchParamSet = (id) => $window.location.hash = `#?_s=${id ? id : 0}`;
1601

1602      this.getSetSearchParamSet = (value) => {
1603        if (value !== undefined) {
1604          this.applySearchParamSet(value);
1605          return '';
1606        }
1607        const selected = this.getSelectedParamSet();
1608        return (selected && selected.id) ? `${selected.id}` : '';
1609      };
1610
1611      this.getSelectedParamSet = () => {
1612        const hashParams = new URLSearchParams($window.location.hash.slice(1));
1613        const urlValue = parseInt(hashParams.get('_s'));
1614        return this.savedSets.find((searchParamSet) => searchParamSet.id === urlValue);
1615      };
1616
1617      this.getCurrentParams = () => {
1618        if (!this.afFieldset) {
1619          return {};
1620        }
1621        const params = {};
1622
1623        params.filters = this.afFieldset.getFilterValues();
1624
1625        params.columns = {};
1626        $element.closest('[af-fieldset]').find('crm-search-display-table').each((i, $table) => {
1627          const tableCtrl = angular.element($table).controller('crmSearchDisplayTable');
1628          if (!tableCtrl) {
1629            return;
1630          }
1631          const columns = tableCtrl.getToggledColumns();
1632          if (!Object.keys(columns).length) {
1633            return;
1634          }
1635          params.columns[tableCtrl.getSearchDisplayKey()] = columns;
1636        });
1637        return params;
1638      };
1639
1640      this.renderSearchParamSetDescription = (paramSet) => ts('Created %1 by %2', {
1641        1: paramSet.created_date_or_time,
1642        2: (paramSet['created_by.display_name'] ? paramSet['created_by.display_name'] : 'UNKNOWN')
1643      });
1644
1645      this.renderSearchParamSetDetails = (paramSet) => {
1646        const rendered = {};
1647
1648        if (paramSet.filters) {
1649          const fieldMeta = this.afFieldset.getFieldMeta();
1650
1651          Object.keys(paramSet.filters).forEach((key) => {
1652            const defn = fieldMeta[key];
1653            const rawValue = paramSet.filters[key];
1654
1655            const formatValue = (v) => {
1656              if (v && v.map) {
1657                return v.map(formatValue).join(' OR ');
1658              }
1659              if (defn.options && defn.options.length) {
1660                const selected = defn.options.find((o) => o.id == v);
1661                if (selected) {
1662                  return selected.label;
1663                }
1664              }
1665              switch (typeof v) {
1666                case 'number':
1667                case 'string':
1668                  return v;
1669              }
1670              return Object.entries(v)
1671                .filter((e) => e[1])
1672                .map((e) => `${e[0]} ${e[1]}`)
1673                .join(' AND ');
1674            };
1675            rendered[defn.label] = formatValue(rawValue);
1676          });
1677        }
1678
1679        if (paramSet.columns) {
1680          const displayKeys = Object.keys(paramSet.columns);
1681          if (displayKeys.length > 1)
1682            displayKeys.forEach((displayKey) => {
1683              const label = ts('%1 columns', {1: displayKey});
1684              const columns = Object.values(paramSet.columns[displayKey]).join(', ');
1685              rendered[label] = columns;
1686            });
1687          else if (displayKeys.length === 1) {
1688            const displayKey = displayKeys[0];
1689            rendered[ts('Columns')] = Object.values(paramSet.columns[displayKey]).join(', ');
1690          }
1691        }
1692
1693        return rendered;
1694      };
1695
1696      this.saveDialog = {
1697        open: () => $element[0].querySelector('dialog.af-search-param-set-new').showModal(),
1698        close: () => $element[0].querySelector('dialog.af-search-param-set-new').close(),
1699        reset: () => {
1700          this.saveDialog.label = '';
1701          this.saveDialog.inProgress = false;
1702        },
1703        canOpen: () => {
1704          const params = this.getCurrentParams();
1705          if (Object.keys(params.filters).length) {
1706            return true;
1707          }
1708          if (Object.keys(params.columns).length) {
1709            return true;
1710          }
1711          return false;
1712        },
1713        canSave: () => !this.saveDialog.inProgress && this.saveDialog.label && Object.keys(this.getCurrentParams()).length,
1714        save: () => {
1715          if (!this.saveDialog.canSave()) {
1716            return;
1717          }
1718
1719          this.saveDialog.inProgress = true;
1720

1721          const current = this.getCurrentParams();
1722
1723          const values = {
1724            afform_name: this.formName,
1725            filters: current.filters,
1726            columns: current.columns,
1727            label: this.saveDialog.label,
1728            created_by: CRM.config.cid,
1729          };
1730
1731          let newId = null;
1732
1733          return crmApi4('SearchParamSet', 'create', {
1734            values: values
1735          })
1736          .then((result) => newId = (result && result[0]) ? result[0].id : null)
1737          .then(() => this.fetchSearchParamSets())
1738          .then(() => this.applySearchParamSet(newId))
1739          .then(() => this.saveDialog.close())
1740          .catch((error) => {
1741            const errorMessage = (error && error.error_message) ? error.error_message : ts('Unknown error');
1742            CRM.alert(ts('Error saving filters: %1', {1: errorMessage}));
1743          })
1744          .finally(() => this.saveDialog.reset());
1745        }
1746      };
1747
1748      this.manageDialog = {
1749        open: () => $element[0].querySelector('dialog.af-search-param-sets-manage').showModal(),
1750        close: () => $element[0].querySelector('dialog.af-search-param-sets-manage').close(),
1751        deleteItem: (searchParamSet) => {
1752          crmApi4('SearchParamSet', 'delete', {
1753            where: [['id', '=', searchParamSet.id]]
1754          })
1755          .then(() => this.fetchSearchParamSets());
1756        },
1757      };
1758
1759      this.updateDialog = {
1760        id: null,
1761        label: '',
1762        open: () => {
1763          const selected = this.getSelectedParamSet();
1764          this.updateDialog.id = selected.id;
1765          this.updateDialog.oldLabel = selected.label;
1766          this.updateDialog.newLabel = selected.label;
1767          this.updateDialog.valueComparison = this.updateDialog.getValueComparison();
1768          $element[0].querySelector('dialog.af-search-param-set-update').showModal();
1769        },
1770        close: () => $element[0].querySelector('dialog.af-search-param-set-update').close(),
1771        inProgress: false,
1772        canOpen: () => {
1773          const selected = this.getSelectedParamSet();
1774          if (!selected) {
1775            return false;
1776          }
1777          const newParams = this.getCurrentParams();
1778          if (JSON.stringify(selected.filters) !== JSON.stringify(newParams.filters)) {
1779            return true;
1780          }
1781          if (JSON.stringify(selected.columns) !== JSON.stringify(newParams.columns)) {
1782            return true;
1783          }
1784          return false;
1785        },
1786        canUpdate: () => this.updateDialog.id && this.updateDialog.newLabel,
1787        update: () => {
1788          if (!this.updateDialog.canUpdate()) {
1789            return;
1790          }
1791
1792          this.updateDialog.inProgress = true;
1793
1794          const newParams = this.getCurrentParams();
1795
1796          crmApi4('SearchParamSet', 'update', {
1797            where: [['id', '=', this.updateDialog.id]],
1798            values: {
1799              label: this.updateDialog.newLabel,
1800              filters: newParams.filters,
1801              columns: newParams.columns
1802            }
1803          })
1804          .then(() => this.fetchSearchParamSets())
1805          .then(() => this.updateDialog.inProgress = false)
1806          .then(() => this.updateDialog.close());
1807        },
1808        getValueComparison: () => {
1809          const current = this.getSelectedParamSet();
1810          const oldValues = this.renderSearchParamSetDetails(current);
1811          const newValues = this.renderSearchParamSetDetails(this.getCurrentParams());
1812
1813          const oldKeys = Object.keys(oldValues);
1814          const newKeys = Object.keys(newValues);
1815
1816          const comparison = {};
1817          oldKeys.filter((key) => !newKeys.includes(key)).forEach((key) => comparison[key] = [oldValues[key], ts('[none]')]);
1818          oldKeys.filter((key) => newKeys.includes(key)).forEach((key) => {
1819            if (newValues[key] === oldValues[key]) {
1820              comparison[key] = [oldValues[key]];
1821              return;
1822            }
1823            comparison[key] = [oldValues[key], newValues[key]];
1824          });
1825          newKeys.filter((key) => !oldKeys.includes(key)).forEach((key) => comparison[key] = [ts('[none]'), newValues[key]]);
1826
1827          return comparison;
1828        }
1829      };
1830    }
1831  });
1832
1833
1834  let tabNumber = 0;
1835
1836  angular.module('af').component('afTabset', {
1837    templateUrl: '~/af/afTabset.html',
1838    transclude: true,
1839    require: {
1840      afFormCtrl: '?^^afForm',
1841    },
1842    bindings: {
1843      urlArg: '@',
1844      selectedTab: '=?',
1845      rememberSelection: '<',
1846    },
1847    controller: function($scope, $element, $timeout) {
1848      this.tabs = [];
1849
1850      this.$onInit = function() {
1851        $element.addClass('crm-tabset');
1852
1853        if (this.urlArg) {
1854          $scope.$bindToRoute({
1855            expr: '$ctrl.selectedTab',
1856            param: this.urlArg,
1857            format: 'raw'
1858          });
1859        }
1860
1861        $timeout(() => {
1862          if (!this.selectedTab && this.rememberSelection) {
1863            this.selectedTab = CRM.cache.get(this.getCacheKey());
1864          }
1865          if (!this.selectedTab && this.tabs.length) {
1866            this.selectedTab = this.tabs[0].name;
1867          }
1868        });
1869
1870        if (this.rememberSelection) {
1871          $scope.$watch('$ctrl.selectedTab', (newTab) => {
1872            if (newTab) {
1873              CRM.cache.set(this.getCacheKey(), newTab);
1874            }
1875          });
1876        }
1877      };
1878
1879      this.addTab = (tab) => {
1880        this.tabs.push(tab);
1881      };
1882
1883      this.selectTab = (tabName) => {
1884        this.selectedTab = tabName;
1885      };
1886
1887      this.getFormName = () => this.afFormCtrl?.getFormMeta().name ?? $scope.$parent.meta.name;
1888
1889      this.getCacheKey = () => this.getFormName() + 'SelectedTab';
1890    }
1891  });
1892
1893  angular.module('af').directive('afTab', function() {
1894    return {
1895      restrict: 'E',
1896      require: '^afTabset',
1897      scope: {
1898        title: '@',
1899        icon: '@',
1900        count: '@',
1901        name: '@',
1902      },
1903      transclude: true,
1904      template: '<div ng-transclude role="tabpanel" ng-show="name === afTabsetCtrl.selectedTab" class="ng-hide"></div>',
1905      link: function (scope, element, attrs, afTabsetCtrl) {
1906        scope.name = scope.name || 'tab' + tabNumber++;
1907        scope.afTabsetCtrl = afTabsetCtrl;
1908        afTabsetCtrl.addTab(scope);
1909      }
1910    };
1911  });
1912
1913  angular.module('af').directive('afTitle', function() {
1914    return {
1915      restrict: 'A',
1916      bindToController: {
1917        title: '@afTitle'
1918      },
1919      controller: function($scope, $element) {
1920
1921        $scope.$watch(() => this.title, (text) => {
1922          let tag = 'h4';
1923          if ($element.is('fieldset')) {
1924            tag = 'legend';
1925          }
1926          if ($element.is('details')) {
1927            tag = 'summary';
1928          }
1929          let $title = $element.children(tag + '.af-title');
1930          if (!$title.length) {
1931            $title = $(`<${tag} class="af-title" />`).prependTo($element);
1932          }
1933          $title.text(text);
1934        });
1935      }
1936    };
1937  });
1938})(angular, CRM.$, CRM._);
1939
1940(function (CRM, angular) {
1941
1942
1943  class AfToken extends HTMLElement {
1944
1945    connectedCallback() {
1946      this.afForm = this.closest('af-form');
1947      if (!this.afForm) {
1948        throw new Error('af-token should be placed within an af-form');
1949      }
1950
1951      this.render();
1952      this.registerListener();
1953    }
1954
1955    disconnectedCallback() {
1956      this.removeListener();
1957    }
1958
1959    render() {
1960      this.innerText = this.evaluate(this.expression);
1961    }
1962
1963    registerListener() {
1964      this.afForm?.addEventListener('change', () => this.render());
1965    }
1966
1967    removeListener() {
1968      this.afForm?.removeEventListener('change', () => this.render());
1969    }
1970
1971    get expression() {
1972      return this.getAttribute('expression');
1973    }
1974
1975    get afFormCtrl() {
1976      return angular.element(this.afForm).controller('afForm');
1977    }
1978
1979    evaluate(expression) {
1980      return this.afFormCtrl ? this.afFormCtrl.replaceTokens(expression) : '';
1981    }
1982
1983  }
1984
1985  customElements.define('af-token', AfToken);
1986
1987})(CRM, angular);
1988(function(angular, $, _) {
1989  "use strict";
1990  angular.module('af').component('afLocationInput', {
1991    require: {
1992      ngModel: 'ngModel',
1993    },
1994    templateUrl: '~/af/fields/afLocationInput.html',
1995    controller: function($scope, $element) {
1996      const ts = $scope.ts = CRM.ts('org.civicrm.afform');
1997
1998      this.values = {
1999        distance: null,
2000        distance_unit: null,
2001        address: '',
2002      };
2003
2004      this.$onInit = () => {
2005        $scope.$watchCollection('$ctrl.values', (values) => {
2006          if (values.address && values.distance_unit && values.distance !== null) {
2007            this.ngModel.$setViewValue(values);
2008          } else {
2009            this.ngModel.$setViewValue(null);
2010          }
2011        });
2012        this.ngModel.$render = () => {
2013          this.values = this.ngModel.$viewValue || this.values;
2014        };
2015
2016      };
2017
2018    }
2019  });
2020
2021angular.module('afCore', CRM.angRequires('afCore'));
2022  angular.module('afCore').service('afCoreDirective', function($location, crmApi4, crmStatus, crmUiAlert) {
2023    return function(camelName, meta, d) {
2024      d.restrict = 'E';
2025      d.scope = {};
2026      d.scope.options = '=';
2027      d.link = {
2028        pre: function($scope, $el, $attr) {
2029          $scope.ts = CRM.ts(camelName);
2030          $scope.meta = meta;
2031          $scope.crmApi4 = crmApi4;
2032          $scope.crmStatus = crmStatus;
2033          $scope.crmUiAlert = crmUiAlert;
2034          $scope.crmUrl = CRM.url;
2035
2036          $el.addClass('afform-directive');
2037          const dialog = $el.closest('.ui-dialog-content');
2038          if (!dialog.length) {

2039            $scope.routeParams = $location.search();
2040            $scope.$watch(() => $location.search(), params => $scope.routeParams = params);
2041          } else {
2042            $scope.routeParams = {};
2043            if (typeof dialog.data('urlHash') === 'string' && dialog.data('urlHash').includes('?')) {
2044              const searchParams = new URLSearchParams(dialog.data('urlHash').split('?')[1]);
2045              searchParams.forEach((value, key) => $scope.routeParams[key] = value);
2046            }
2047          }
2048
2049          $scope.$parent.afformTitle = meta.title;
2050          $scope.addTitle = function(addition) {
2051            $scope.$parent.afformTitle = addition + ' ' + meta.title;
2052          };
2053
2054          $scope.checkLinkPerm = function(permissionName, createdId) {
2055            if (permissionName.startsWith('manage own') && CRM.config.cid !== createdId) {
2056              permissionName = permissionName.replace('manage own', 'administer');
2057            }
2058            return CRM.checkPerm(permissionName);
2059          };
2060
2061        }
2062      };
2063      return d;
2064    };
2065  });
2066
2067angular.module('afCore').directive('afApi3Ctrl', function() {
2068    return {
2069      restrict: 'EA',
2070      scope: {
2071        afApi3Ctrl: '=',
2072        afApi3: '@',
2073        afApi3Refresh: '@',
2074        onRefresh: '@'
2075      },
2076      controllerAs: 'afApi3Ctrl',
2077      controller: function($scope, $parse, crmThrottle, crmApi) {
2078        var ctrl = this;
2079        var parts = $parse($scope.afApi3)($scope.$parent);
2080        ctrl.entity = parts[0];
2081        ctrl.action = parts[1];
2082        ctrl.params = parts[2];
2083        ctrl.result = {};
2084        ctrl.loading = ctrl.firstLoad = true;
2085
2086        ctrl.refresh = function refresh() {
2087          ctrl.loading = true;
2088          crmThrottle(function () {
2089            return crmApi(ctrl.entity, ctrl.action, ctrl.params)
2090              .then(function (response) {
2091                ctrl.result = response;
2092                ctrl.loading = ctrl.firstLoad = false;
2093                if ($scope.onRefresh) {
2094                  $scope.$parent.$eval($scope.onRefresh, ctrl);
2095                }
2096              });
2097          });
2098        };
2099
2100        $scope.afApi3Ctrl = this;
2101
2102        var mode = $scope.afApi3Refresh ? $scope.afApi3Refresh : 'auto';
2103        switch (mode) {
2104          case 'auto': $scope.$watchCollection('afApi3Ctrl.params', ctrl.refresh); break;
2105          case 'init': ctrl.refresh(); break;
2106          case 'manual': break;
2107          default: throw 'Unrecognized refresh mode: '+ mode;
2108        }
2109      }
2110    };
2111  });
2112
2113
2114angular.module('afCore').directive('afApi4Action', function($parse, crmStatus, crmApi4) {
2115    return {
2116      restrict: 'A',
2117      scope: {
2118        afApi4Action: '@',
2119        afApi4StartMsg: '=',
2120        afApi4ErrorMsg: '=',
2121        afApi4SuccessMsg: '=',
2122        afApi4Success: '@',
2123        onError: '@'
2124      },
2125      link: function($scope, $el, $attr) {
2126        const ts = CRM.ts(null);
2127
2128        function running(x) {$el.toggleClass('af-api4-action-running', x).toggleClass('af-api4-action-idle', !x);}
2129
2130        running(false);
2131
2132        $el.click(function(){
2133          const parts = $parse($scope.afApi4Action)($scope.$parent);
2134          const msgs = {
2135            start: $scope.afApi4StartMsg || ts('Submitting...'),
2136            success: $scope.afApi4SuccessMsg,
2137            error: $scope.afApi4ErrorMsg
2138          };
2139          running(true);
2140          crmStatus(msgs, crmApi4(parts[0], parts[1], parts[2]))
2141            .finally(function(){running(false);})
2142            .then(function(response){$scope.$parent.$eval($scope.afApi4Success, {response: response});})
2143            .catch(function(error){$scope.$parent.$eval($scope.onError, {error: error});});
2144        });
2145      }
2146    };
2147  });
2148
2149
2150angular.module('afCore').directive('afApi4Ctrl', function() {
2151    return {
2152      restrict: 'EA',
2153      scope: {
2154        afApi4Ctrl: '=',
2155        afApi4: '@',
2156        afApi4Refresh: '@',
2157        onRefresh: '@'
2158      },
2159      controllerAs: 'afApi4Ctrl',
2160      controller: function($scope, $parse, crmThrottle, crmApi4) {
2161        var ctrl = this;
2162        var parts = $parse($scope.afApi4)($scope.$parent);
2163        ctrl.entity = parts[0];
2164        ctrl.action = parts[1];
2165        ctrl.params = parts[2];
2166        ctrl.index = parts[3];
2167        ctrl.result = {};
2168        ctrl.loading = ctrl.firstLoad = true;
2169
2170        ctrl.refresh = function refresh() {
2171          ctrl.loading = true;
2172          crmThrottle(function () {
2173            return crmApi4(ctrl.entity, ctrl.action, ctrl.params, ctrl.index)
2174              .then(function (response) {
2175                ctrl.result = response;
2176                ctrl.loading = ctrl.firstLoad = false;

2177                if ($scope.onRefresh) {
2178                  $scope.$parent.$eval($scope.onRefresh, ctrl);
2179                }
2180              });
2181          });
2182        };
2183
2184        $scope.afApi4Ctrl = this;
2185
2186        var mode = $scope.afApi4Refresh ? $scope.afApi4Refresh : 'auto';
2187        switch (mode) {
2188          case 'auto':
2189            $scope.$watchCollection('afApi4Ctrl.params', ctrl.refresh, true);
2190            $scope.$watch('afApi4Ctrl.index', ctrl.refresh, true);
2191            $scope.$watch('afApi4Ctrl.entity', ctrl.refresh, true);
2192            $scope.$watch('afApi4Ctrl.action', ctrl.refresh, true);
2193            break;
2194          case 'init': ctrl.refresh(); break;
2195          case 'manual': break;
2196          default: throw 'Unrecognized refresh mode: '+ mode;
2197        }
2198      }
2199    };
2200  });
2201
2202
2203angular.module('afsearchUpcomingPlaygroups', CRM.angRequires('afsearchUpcomingPlaygroups'));
2204  angular.module('afsearchUpcomingPlaygroups').directive('afsearchUpcomingPlaygroups', function(afCoreDirective) {
2205    return afCoreDirective("afsearchUpcomingPlaygroups", {"title":"upcoming playgroups","redirect":null,"autosave_draft":false,"confirmation_type":"redirect_to_url","confirmation_message":null,"name":"afsearchUpcomingPlaygroups"}, {
2206      templateUrl: "~/afsearchUpcomingPlaygroups/afsearchUpcomingPlaygroups.aff.html"
2207    });
2208  });
2209})(angular, CRM.$, CRM._);
2210
2211

2212/*
2213 angular-file-upload v2.6.1
2214 https://github.com/nervgh/angular-file-upload
2215*/
2216
2217!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports["angular-file-upload"]=t():e["angular-file-upload"]=t()}(this,function(){return function(e){function t(n){if(o[n])return o[n].exports;var r=o[n]={exports:{},id:n,loaded:!1};return e[n].call(r.exports,r,r.exports,t),r.loaded=!0,r.exports}var o={};return t.m=e,t.c=o,t.p="",t(0)}([function(e,t,o){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}var r=o(1),i=n(r),s=o(2),a=n(s),u=o(3),l=n(u),p=o(4),c=n(p),f=o(5),d=n(f),h=o(6),y=n(h),m=o(7),v=n(m),_=o(8),g=n(_),b=o(9),F=n(b),O=o(10),C=n(O),T=o(11),I=n(T),w=o(12),A=n(w),U=o(13),x=n(U);angular.module(i.default.name,[]).value("fileUploaderOptions",a.default).factory("FileUploader",l.default).factory("FileLikeObject",c.default).factory("FileItem",d.default).factory("FileDirective",y.default).factory("FileSelect",v.default).factory("FileDrop",F.default).factory("FileOver",C.default).factory("Pipeline",g.default).directive("nvFileSelect",I.default).directive("nvFileDrop",A.default).directive("nvFileOver",x.default).run(["FileUploader","FileLikeObject","FileItem","FileDirective","FileSelect","FileDrop","FileOver","Pipeline",function(e,t,o,n,r,i,s,a){e.FileLikeObject=t,e.FileItem=o,e.FileDirective=n,e.FileSelect=r,e.FileDrop=i,e.FileOver=s,e.Pipeline=a}])},function(e,t){e.exports={name:"angularFileUpload"}},function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default={url:"/",alias:"file",headers:{},queue:[],progress:0,autoUpload:!1,removeAfterUpload:!1,method:"POST",filters:[],formData:[],queueLimit:Number.MAX_VALUE,withCredentials:!1,disableMultipart:!1}},function(e,t,o){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function r(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(e,t,o,n,i,a,u,g){var b=n.File,F=n.FormData,O=function(){function n(t){r(this,n);var o=p(e);c(this,o,t,{isUploading:!1,_nextIndex:0,_directives:{select:[],drop:[],over:[]}}),this.filters.unshift({name:"queueLimit",fn:this._queueLimitFilter}),this.filters.unshift({name:"folder",fn:this._folderFilter})}return n.prototype.addToQueue=function(e,t,o){var n=this,r=this.isArrayLikeObject(e)?Array.prototype.slice.call(e):[e],i=this._getFilters(o),l=this.queue.length,p=[],c=function e(){var o=r.shift();if(v(o))return f();var l=n.isFile(o)?o:new a(o),c=n._convertFiltersToPipes(i),d=new g(c),h=function(t){var o=t.pipe.originalFilter,r=s(t.args,2),i=r[0],a=r[1];n._onWhenAddingFileFailed(i,o,a),e()},y=function(t,o){var r=new u(n,t,o);p.push(r),n.queue.push(r),n._onAfterAddingFile(r),e()};d.onThrown=h,d.onSuccessful=y,d.exec(l,t)},f=function(){n.queue.length!==l&&(n._onAfterAddingAll(p),n.progress=n._getTotalProgress()),n._render(),n.autoUpload&&n.uploadAll()};c()},n.prototype.removeFromQueue=function(e){var t=this.getIndexOfItem(e),o=this.queue[t];o.isUploading&&o.cancel(),this.queue.splice(t,1),o._destroy(),this.progress=this._getTotalProgress()},n.prototype.clearQueue=function(){for(;this.queue.length;)this.queue[0].remove();this.progress=0},n.prototype.uploadItem=function(e){var t=this.getIndexOfItem(e),o=this.queue[t],n=this.isHTML5?"_xhrTransport":"_iframeTransport";o._prepareToUploading(),this.isUploading||(this._onBeforeUploadItem(o),o.isCancel||(o.isUploading=!0,this.isUploading=!0,this[n](o),this._render()))},n.prototype.cancelItem=function(e){var t=this,o=this.getIndexOfItem(e),n=this.queue[o],r=this.isHTML5?"_xhr":"_form";if(n)if(n.isCancel=!0,n.isUploading)n[r].abort();else{var s=[void 0,0,{}],a=function(){t._onCancelItem.apply(t,[n].concat(s)),t._onCompleteItem.apply(t,[n].concat(s))};i(a)}},n.prototype.uploadAll=function(){var e=this.getNotUploadedItems().filter(function(e){return!e.isUploading});e.length&&(f(e,function(e){return e._prepareToUploading()}),e[0].upload())},n.prototype.cancelAll=function(){var e=this.getNotUploadedItems();f(e,function(e){return e.cancel()})},n.prototype.isFile=function(e){return this.constructor.isFile(e)},n.prototype.isFileLikeObject=function(e){return this.constructor.isFileLikeObject(e)},n.prototype.isArrayLikeObject=function(e){return this.constructor.isArrayLikeObject(e)},n.prototype.getIndexOfItem=function(e){return h(e)?e:this.queue.indexOf(e)},n.prototype.getNotUploadedItems=function(){return this.queue.filter(function(e){return!e.isUploaded})},n.prototype.getReadyItems=function(){return this.queue.filter(function(e){return e.isReady&&!e.isUploading}).sort(function(e,t){return e.index-t.index})},n.prototype.destroy=function(){var e=this;f(this._directives,function(t){f(e._directives[t],function(e){e.destroy()})})},n.prototype.onAfterAddingAll=function(e){},n.prototype.onAfterAddingFile=function(e){},n.prototype.onWhenAddingFileFailed=function(e,t,o){},n.prototype.onBeforeUploadItem=function(e){},n.prototype.onProgressItem=function(e,t){},n.prototype.onProgressAll=function(e){},n.prototype.onSuccessItem=function(e,t,o,n){},n.prototype.onErrorItem=function(e,t,o,n){},n.prototype.onCancelItem=function(e,t,o,n){},n.prototype.onCompleteItem=function(e,t,o,n){},n.prototype.onTimeoutItem=function(e){},n.prototype.onCompleteAll=function(){},n.prototype._getTotalProgress=function(e){if(this.removeAfterUpload)return e||0;var t=this.getNotUploadedItems().length,o=t?this.queue.length-t:this.queue.length,n=100/this.queue.length,r=(e||0)*n/100;return Math.round(o*n+r)},n.prototype._getFilters=function(e){if(!e)return this.filters;if(m(e))return e;var t=e.match(/[^\s,]+/g);return this.filters.filter(function(e){return t.indexOf(e.name)!==-1})},n.prototype._convertFiltersToPipes=function(e){var t=this;return e.map(function(e){var o=l(t,e.fn);return o.isAsync=3===e.fn.length,o.originalFilter=e,o})},n.prototype._render=function(){t.$$phase||t.$apply()},n.prototype._folderFilter=function(e){return!(!e.size&&!e.type)},n.prototype._queueLimitFilter=function(){return this.queue.length<this.queueLimit},n.prototype._isSuccessCode=function(e){return e>=200&&e<300||304===e},n.prototype._transformResponse=function(e,t){var n=this._headersGetter(t);return f(o.defaults.transformResponse,function(t){e=t(e,n)}),e},n.prototype._parseHeaders=function(e){var t,o,n,r={};return e?(f(e.split("\n"),function(e){n=e.indexOf(":"),t=e.slice(0,n).trim().toLowerCase(),o=e.slice(n+1).trim(),t&&(r[t]=r[t]?r[t]+", "+o:o)}),r):r},n.prototype._headersGetter=function(e){return function(t){return t?e[t.toLowerCase()]||null:e}},n.prototype._xhrTransport=function(e){var t,o=this,n=e._xhr=new XMLHttpRequest;if(e.disableMultipart?t=e._file:(t=new F,f(e.formData,function(e){f(e,function(e,o){t.append(o,e)})}),t.append(e.alias,e._file,e.file.name)),"number"!=typeof e._file.size)throw new TypeError("The file specified is no longer valid");n.upload.onprogress=function(t){var n=Math.round(t.lengthComputable?100*t.loaded/t.total:0);o._onProgressItem(e,n)},n.onload=function(){var t=o._parseHeaders(n.getAllResponseHeaders()),r=o._transformResponse(n.response,t),i=o._isSuccessCode(n.status)?"Success":"Error",s="_on"+i+"Item";o[s](e,r,n.status,t),o._onCompleteItem(e,r,n.status,t)},n.onerror=function(){var t=o._parseHeaders(n.getAllResponseHeaders()),r=o._transformResponse(n.response,t);o._onErrorItem(e,r,n.status,t),o._onCompleteItem(e,r,n.status,t)},n.onabort=function(){var t=o._parseHeaders(n.getAllResponseHeaders()),r=o._transformResponse(n.response,t);o._onCancelItem(e,r,n.status,t),o._onCompleteItem(e,r,n.status,t)},n.ontimeout=function(t){var r=o._parseHeaders(n.getAllResponseHeaders()),i="Request Timeout.";o._onTimeoutItem(e),o._onCompleteItem(e,i,408,r)},n.open(e.method,e.url,!0),n.timeout=e.timeout||0,n.withCredentials=e.withCredentials,f(e.headers,function(e,t){n.setRequestHeader(t,e)}),n.send(t)},n.prototype._iframeTransport=function(e){var t=this,o=_('<form style="display: none;" />'),n=_('<iframe name="iframeTransport'+Date.now()+'">'),r=e._input,i=0,s=null,a=!1;e._form&&e._form.replaceWith(r),e._form=o,r.prop("name",e.alias),f(e.formData,function(e){f(e,function(e,t){var n=_('<input type="hidden" name="'+t+'" />');n.val(e),o.append(n)})}),o.prop({action:e.url,method:"POST",target:n.prop("name"),enctype:"multipart/form-data",encoding:"multipart/form-data"}),n.bind("load",function(){var o="",r=200;try{o=n[0].contentDocument.body.innerHTML}catch(e){r=500}if(s&&clearTimeout(s),s=null,a)return!1;var i={response:o,status:r,dummy:!0},u={},l=t._transformResponse(i.response,u);t._onSuccessItem(e,l,i.status,u),t._onCompleteItem(e,l,i.status,u)}),o.abort=function(){var i,s={status:0,dummy:!0},a={};n.unbind("load").prop("src","javascript:false;"),o.replaceWith(r),t._onCancelItem(e,i,s.status,a),t._onCompleteItem(e,i,s.status,a)},r.after(o),o.append(r).append(n),i=e.timeout||0,s=null,i&&(s=setTimeout(function(){a=!0,e.isCancel=!0,e.isUploading&&(n.unbind("load").prop("src","javascript:false;"),o.replaceWith(r));var i={},s="Request Timeout.";t._onTimeoutItem(e),t._onCompleteItem(e,s,408,i)},i)),o[0].submit()},n.prototype._onWhenAddingFileFailed=function(e,t,o){this.onWhenAddingFileFailed(e,t,o)},n.prototype._onAfterAddingFile=function(e){this.onAfterAddingFile(e)},n.prototype._onAfterAddingAll=function(e){this.onAfterAddingAll(e)},n.prototype._onBeforeUploadItem=function(e){e._onBeforeUpload(),this.onBeforeUploadItem(e)},n.prototype._onProgressItem=function(e,t){var o=this._getTotalProgress(t);this.progress=o,e._onProgress(t),this.onProgressItem(e,t),this.onProgressAll(o),this._render()},n.prototype._onSuccessItem=function(e,t,o,n){e._onSuccess(t,o,n),this.onSuccessItem(e,t,o,n)},n.prototype._onErrorItem=function(e,t,o,n){e._onError(t,o,n),this.onErrorItem(e,t,o,n)},n.prototype._onCancelItem=function(e,t,o,n){e._onCancel(t,o,n),this.onCancelItem(e,t,o,n)},n.prototype._onCompleteItem=function(e,t,o,n){e._onComplete(t,o,n),this.onCompleteItem(e,t,o,n);var r=this.getReadyItems()[0];return this.isUploading=!1,y(r)?void r.upload():(this.onCompleteAll(),this.progress=this._getTotalProgress(),void this._render())},n.prototype._onTimeoutItem=function(e){e._onTimeout(),this.onTimeoutItem(e)},n.isFile=function(e){return b&&e instanceof b},n.isFileLikeObject=function(e){return e instanceof a},n.isArrayLikeObject=function(e){return d(e)&&"length"in e},n.inherit=function(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,e.super_=t},n}();return O.prototype.isHTML5=!(!b||!F),O.isHTML5=O.prototype.isHTML5,O}Object.defineProperty(t,"__esModule",{value:!0});var s=function(){function e(e,t){var o=[],n=!0,r=!1,i=void 0;try{for(var s,a=e[Symbol.iterator]();!(n=(s=a.next()).done)&&(o.push(s.value),!t||o.length!==t);n=!0);}catch(e){r=!0,i=e}finally{try{!n&&a.return&&a.return()}finally{if(r)throw i}}return o}return function(t,o){if(Array.isArray(t))return t;if(Symbol.iterator in Object(t))return e(t,o);throw new TypeError("Invalid attempt to destructure non-iterable instance")}}();t.default=i;var a=o(1),u=(n(a),angular),l=u.bind,p=u.copy,c=u.extend,f=u.forEach,d=u.isObject,h=u.isNumber,y=u.isDefined,m=u.isArray,v=u.isUndefined,_=u.element;i.$inject=["fileUploaderOptions","$rootScope","$http","$window","$timeout","FileLikeObject","FileItem","Pipeline"]},function(e,t,o){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function r(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(){return function(){function e(t){r(this,e);var o=l(t),n=o?t.value:t,i=p(n)?"FakePath":"Object",s="_createFrom"+i;this[s](n,t)}return e.prototype._createFromFakePath=function(e,t){this.lastModifiedDate=null,this.size=null,this.type="like/"+e.slice(e.lastIndexOf(".")+1).toLowerCase(),this.name=e.slice(e.lastIndexOf("/")+e.lastIndexOf("\\")+2),this.input=t},e.prototype._createFromObject=function(e){this.lastModifiedDate=u(e.lastModifiedDate),this.size=e.size,this.type=e.type,this.name=e.name,this.input=e.input},e}()}Object.defineProperty(t,"__esModule",{value:!0}),t.default=i;var s=o(1),a=(n(s),angular),u=a.copy,l=a.isElement,p=a.isString},function(e,t,o){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function r(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(e,t){return function(){function o(e,n,i){r(this,o);var s=!!n.input,a=s?p(n.input):null,c=s?null:n;l(this,{url:e.url,alias:e.alias,headers:u(e.headers),formData:u(e.formData),removeAfterUpload:e.removeAfterUpload,withCredentials:e.withCredentials,disableMultipart:e.disableMultipart,method:e.method,timeout:e.timeout},i,{uploader:e,file:new t(n),isReady:!1,isUploading:!1,isUploaded:!1,isSuccess:!1,isCancel:!1,isError:!1,progress:0,index:null,_file:c,_input:a}),a&&this._replaceNode(a)}return o.prototype.upload=function(){try{this.uploader.uploadItem(this)}catch(t){var e=t.name+":"+t.message;this.uploader._onCompleteItem(this,e,t.code,[]),this.uploader._onErrorItem(this,e,t.code,[])}},o.prototype.cancel=function(){this.uploader.cancelItem(this)},o.prototype.remove=function(){this.uploader.removeFromQueue(this)},o.prototype.onBeforeUpload=function(){},o.prototype.onProgress=function(e){},o.prototype.onSuccess=function(e,t,o){},o.prototype.onError=function(e,t,o){},o.prototype.onCancel=function(e,t,o){},o.prototype.onComplete=function(e,t,o){},o.prototype.onTimeout=function(){},o.prototype._onBeforeUpload=function(){this.isReady=!0,this.isUploading=!1,this.isUploaded=!1,this.isSuccess=!1,this.isCancel=!1,this.isError=!1,this.progress=0,this.onBeforeUpload()},o.prototype._onProgress=function(e){this.progress=e,this.onProgress(e)},o.prototype._onSuccess=function(e,t,o){this.isReady=!1,this.isUploading=!1,this.isUploaded=!0,this.isSuccess=!0,this.isCancel=!1,this.isError=!1,this.progress=100,this.index=null,this.onSuccess(e,t,o)},o.prototype._onError=function(e,t,o){this.isReady=!1,this.isUploading=!1,this.isUploaded=!0,this.isSuccess=!1,this.isCancel=!1,this.isError=!0,this.progress=0,this.index=null,this.onError(e,t,o)},o.prototype._onCancel=function(e,t,o){this.isReady=!1,this.isUploading=!1,this.isUploaded=!1,this.isSuccess=!1,this.isCancel=!0,this.isError=!1,this.progress=0,this.index=null,this.onCancel(e,t,o)},o.prototype._onComplete=function(e,t,o){this.onComplete(e,t,o),this.removeAfterUpload&&this.remove()},o.prototype._onTimeout=function(){this.isReady=!1,this.isUploading=!1,this.isUploaded=!1,this.isSuccess=!1,this.isCancel=!1,this.isError=!0,this.progress=0,this.index=null,this.onTimeout()},o.prototype._destroy=function(){this._input&&this._input.remove(),this._form&&this._form.remove(),delete this._form,delete this._input},o.prototype._prepareToUploading=function(){this.index=this.index||++this.uploader._nextIndex,this.isReady=!0},o.prototype._replaceNode=function(t){var o=e(t.clone())(t.scope());o.prop("value",null),t.css("display","none"),t.after(o)},o}()}Object.defineProperty(t,"__esModule",{value:!0}),t.default=i;var s=o(1),a=(n(s),angular),u=a.copy,l=a.extend,p=a.element;a.isElement;i.$inject=["$compile","FileLikeObject"]},function(e,t,o){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function r(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(){var e=function(){function e(t){r(this,e),u(this,t),this.uploader._directives[this.prop].push(this),this._saveLinks(),this.bind()}return e.prototype.bind=function(){for(var e in this.events){var t=this.events[e];this.element.bind(e,this[t])}},e.prototype.unbind=function(){for(var e in this.events)this.element.unbind(e,this.events[e])},e.prototype.destroy=function(){var e=this.uploader._directives[this.prop].indexOf(this);this.uploader._directives[this.prop].splice(e,1),this.unbind()},e.prototype._saveLinks=function(){for(var e in this.events){var t=this.events[e];this[t]=this[t].bind(this)}},e}();return e.prototype.events={},e}Object.defineProperty(t,"__esModule",{value:!0}),t.default=i;var s=o(1),a=(n(s),angular),u=a.extend},function(e,t,o){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function r(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function s(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}function a(e,t){return function(t){function o(e){r(this,o);var n=p(e,{events:{$destroy:"destroy",change:"onChange"},prop:"select"}),s=i(this,t.call(this,n));return s.uploader.isHTML5||s.element.removeAttr("multiple"),s.element.prop("value",null),s}return s(o,t),o.prototype.getOptions=function(){},o.prototype.getFilters=function(){},o.prototype.isEmptyAfterSelection=function(){return!!this.element.attr("multiple")},o.prototype.onChange=function(){var t=this.uploader.isHTML5?this.element[0].files:this.element[0],o=this.getOptions(),n=this.getFilters();this.uploader.isHTML5||this.destroy(),this.uploader.addToQueue(t,o,n),this.isEmptyAfterSelection()&&(this.element.prop("value",null),this.element.replaceWith(e(this.element.clone())(this.scope)))},o}(t)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=a;var u=o(1),l=(n(u),angular),p=l.extend;a.$inject=["$compile","FileDirective"]},function(e,t){"use strict";function o(e){if(Array.isArray(e)){for(var t=0,o=Array(e.length);t<e.length;t++)o[t]=e[t];return o}return Array.from(e)}function n(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function r(e){return function(){function t(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];n(this,t),this.pipes=e}return t.prototype.next=function(t){var n=this.pipes.shift();if(a(n))return void this.onSuccessful.apply(this,o(t));var r=new Error("The filter has not passed");if(r.pipe=n,r.args=t,n.isAsync){var i=e.defer(),u=s(this,this.next,t),l=s(this,this.onThrown,r);i.promise.then(u,l),n.apply(void 0,o(t).concat([i]))}else{var p=Boolean(n.apply(void 0,o(t)));p?this.next(t):this.onThrown(r)}},t.prototype.exec=function(){for(var e=arguments.length,t=Array(e),o=0;o<e;o++)t[o]=arguments[o];this.next(t)},t.prototype.onThrown=function(e){},t.prototype.onSuccessful=function(){},t}()}Object.defineProperty(t,"__esModule",{value:!0}),t.default=r;var i=angular,s=i.bind,a=i.isUndefined;r.$inject=["$q"]},function(e,t,o){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function r(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function s(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}function a(e){return function(e){function t(o){r(this,t);var n=p(o,{events:{$destroy:"destroy",drop:"onDrop",dragover:"onDragOver",dragleave:"onDragLeave"},prop:"drop"});return i(this,e.call(this,n))}return s(t,e),t.prototype.getOptions=function(){},t.prototype.getFilters=function(){},t.prototype.onDrop=function(e){var t=this._getTransfer(e);if(t){var o=this.getOptions(),n=this.getFilters();this._preventAndStop(e),c(this.uploader._directives.over,this._removeOverClass,this),this.uploader.addToQueue(t.files,o,n)}},t.prototype.onDragOver=function(e){var t=this._getTransfer(e);this._haveFiles(t.types)&&(t.dropEffect="copy",this._preventAndStop(e),c(this.uploader._directives.over,this._addOverClass,this))},t.prototype.onDragLeave=function(e){e.currentTarget!==this.element[0]&&(this._preventAndStop(e),c(this.uploader._directives.over,this._removeOverClass,this))},t.prototype._getTransfer=function(e){return e.dataTransfer?e.dataTransfer:e.originalEvent.dataTransfer},t.prototype._preventAndStop=function(e){e.preventDefault(),e.stopPropagation()},t.prototype._haveFiles=function(e){return!!e&&(e.indexOf?e.indexOf("Files")!==-1:!!e.contains&&e.contains("Files"))},t.prototype._addOverClass=function(e){e.addOverClass()},t.prototype._removeOverClass=function(e){e.removeOverClass()},t}(e)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=a;var u=o(1),l=(n(u),angular),p=l.extend,c=l.forEach;a.$inject=["FileDirective"]},function(e,t,o){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function r(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function i(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}function s(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}function a(e){return function(e){function t(o){r(this,t);var n=p(o,{events:{$destroy:"destroy"},prop:"over",overClass:"nv-file-over"});return i(this,e.call(this,n))}return s(t,e),t.prototype.addOverClass=function(){this.element.addClass(this.getOverClass())},t.prototype.removeOverClass=function(){this.element.removeClass(this.getOverClass())},t.prototype.getOverClass=function(){return this.overClass},t}(e)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=a;var u=o(1),l=(n(u),angular),p=l.extend;a.$inject=["FileDirective"]},function(e,t,o){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function r(e,t,o){return{link:function(n,r,i){var s=n.$eval(i.uploader);if(!(s instanceof t))throw new TypeError('"Uploader" must be an instance of FileUploader');var a=new o({uploader:s,element:r,scope:n});a.getOptions=e(i.options).bind(a,n),a.getFilters=function(){return i.filters}}}}Object.defineProperty(t,"__esModule",{value:!0}),t.default=r;var i=o(1);n(i);r.$inject=["$parse","FileUploader","FileSelect"]},function(e,t,o){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function r(e,t,o){return{link:function(n,r,i){var s=n.$eval(i.uploader);if(!(s instanceof t))throw new TypeError('"Uploader" must be an instance of FileUploader');if(s.isHTML5){var a=new o({uploader:s,element:r});a.getOptions=e(i.options).bind(a,n),a.getFilters=function(){return i.filters}}}}}Object.defineProperty(t,"__esModule",{value:!0}),t.default=r;var i=o(1);n(i);r.$inject=["$parse","FileUploader","FileDrop"]},function(e,t,o){"use strict";function n(e){return e&&e.__esModule?e:{default:e}}function r(e,t){return{link:function(o,n,r){var i=o.$eval(r.uploader);if(!(i instanceof e))throw new TypeError('"Uploader" must be an instance of FileUploader');var s=new t({uploader:i,element:n});s.getOverClass=function(){return r.overClass||s.overClass}}}}Object.defineProperty(t,"__esModule",{value:!0}),t.default=r;var i=o(1);n(i);r.$inject=["FileUploader","FileOver"]}])});

2218
2219(function(angular, $, _) {
2220  angular.module('api4', CRM.angRequires('api4'));
2221
2222angular.module('api4').factory('crmApi4', function($q) {
2223    var crmApi4 = function(entity, action, params, index) {
2224      var deferred = $q.defer();
2225      var p;
2226      var backend = crmApi4.backend || CRM.api4;
2227      if (_.isObject(entity)) {
2228        /*jshint -W061 */
2229        p = backend(eval('('+angular.toJson(entity)+')'), action);
2230      } else {
2231        /*jshint -W061 */
2232        p = backend(entity, action, eval('('+angular.toJson(params)+')'), index);
2233      }
2234      p.then(
2235        function(result) {
2236          deferred.resolve(result);
2237        },
2238        function(error) {
2239          deferred.reject(error);
2240        }
2241      );
2242      return deferred.promise;
2243    };
2244    crmApi4.backend = null;
2245    crmApi4.val = function(value) {
2246      var d = $.Deferred();
2247      d.resolve(value);
2248      return d.promise();
2249    };
2250    return crmApi4;
2251  });
2252
2253})(angular, CRM.$, CRM._);
2254
2255/**
2256 * Checklist-model
2257 * AngularJS directive for list of checkboxes
2258 * https://github.com/vitalets/checklist-model
2259 * License: MIT http://opensource.org/licenses/MIT
2260 */
2261
2262 /* commonjs package manager support (eg componentjs) */
2263 if (typeof module !== "undefined" && typeof exports !== "undefined" && module.exports === exports){
2264   module.exports = 'checklist-model';
2265 }
2266
2267angular.module('checklist-model', [])
2268.directive('checklistModel', ['$parse', '$compile', function($parse, $compile) {
2269  function contains(arr, item, comparator) {
2270    if (angular.isArray(arr)) {
2271      for (var i = arr.length; i--;) {
2272        if (comparator(arr[i], item)) {
2273          return true;
2274        }
2275      }
2276    }
2277    return false;
2278  }
2279  function add(arr, item, comparator) {
2280    arr = angular.isArray(arr) ? arr : [];
2281      if(!contains(arr, item, comparator)) {
2282          arr.push(item);
2283      }
2284    return arr;
2285  }
2286  function remove(arr, item, comparator) {
2287    if (angular.isArray(arr)) {
2288      for (var i = arr.length; i--;) {
2289        if (comparator(arr[i], item)) {
2290          arr.splice(i, 1);
2291          break;
2292        }
2293      }
2294    }
2295    return arr;
2296  }
2297  function postLinkFn(scope, elem, attrs) {
2298    var checklistModel = attrs.checklistModel;
2299    attrs.$set("checklistModel", null);
2300    $compile(elem)(scope);
2301    attrs.$set("checklistModel", checklistModel);
2302    var checklistModelGetter = $parse(checklistModel);
2303    var checklistChange = $parse(attrs.checklistChange);
2304    var checklistBeforeChange = $parse(attrs.checklistBeforeChange);
2305    var ngModelGetter = $parse(attrs.ngModel);
2306
2307
2308
2309    var comparator = function (a, b) {
2310      if(!isNaN(a) && !isNaN(b)) {
2311        return String(a) === String(b);
2312      } else {
2313        return angular.equals(a,b);
2314      }
2315    };
2316
2317    if (attrs.hasOwnProperty('checklistComparator')){
2318      if (attrs.checklistComparator[0] == '.') {
2319        var comparatorExpression = attrs.checklistComparator.substring(1);
2320        comparator = function (a, b) {
2321          return a[comparatorExpression] === b[comparatorExpression];
2322        };
2323
2324      } else {
2325        comparator = $parse(attrs.checklistComparator)(scope.$parent);
2326      }
2327    }
2328    var unbindModel = scope.$watch(attrs.ngModel, function(newValue, oldValue) {
2329      if (newValue === oldValue) {
2330        return;
2331      }
2332
2333      if (checklistBeforeChange && (checklistBeforeChange(scope) === false)) {
2334        ngModelGetter.assign(scope, contains(checklistModelGetter(scope.$parent), getChecklistValue(), comparator));
2335        return;
2336      }
2337
2338      setValueInChecklistModel(getChecklistValue(), newValue);
2339
2340      if (checklistChange) {
2341        checklistChange(scope);
2342      }
2343    });
2344    var unbindCheckListValue = scope.$watch(getChecklistValue, function(newValue, oldValue) {
2345      if( newValue != oldValue && angular.isDefined(oldValue) && scope[attrs.ngModel] === true ) {
2346        var current = checklistModelGetter(scope.$parent);
2347        checklistModelGetter.assign(scope.$parent, remove(current, oldValue, comparator));
2348        checklistModelGetter.assign(scope.$parent, add(current, newValue, comparator));
2349      }
2350    }, true);
2351
2352    var unbindDestroy = scope.$on('$destroy', destroy);
2353
2354    function destroy() {
2355      unbindModel();
2356      unbindCheckListValue();
2357      unbindDestroy();
2358    }
2359
2360    function getChecklistValue() {
2361      return attrs.checklistValue ? $parse(attrs.checklistValue)(scope.$parent) : attrs.value;
2362    }
2363
2364    function setValueInChecklistModel(value, checked) {
2365      var current = checklistModelGetter(scope.$parent);
2366      if (angular.isFunction(checklistModelGetter.assign)) {
2367        if (checked === true) {
2368          checklistModelGetter.assign(scope.$parent, add(current, value, comparator));
2369        } else {
2370          checklistModelGetter.assign(scope.$parent, remove(current, value, comparator));
2371        }
2372      }
2373
2374    }
2375    function setChecked(newArr, oldArr) {

2376      if (checklistBeforeChange && (checklistBeforeChange(scope) === false)) {
2377        setValueInChecklistModel(getChecklistValue(), ngModelGetter(scope));
2378        return;
2379      }
2380      ngModelGetter.assign(scope, contains(newArr, getChecklistValue(), comparator));
2381    }
2382    if (angular.isFunction(scope.$parent.$watchCollection)) {
2383        scope.$parent.$watchCollection(checklistModel, setChecked);
2384    } else {
2385        scope.$parent.$watch(checklistModel, setChecked, true);
2386    }
2387  }
2388
2389  return {
2390    restrict: 'A',
2391    priority: 1000,
2392    terminal: true,
2393    scope: true,
2394    compile: function(tElement, tAttrs) {
2395
2396      if (!tAttrs.checklistValue && !tAttrs.value) {
2397        throw 'You should provide `value` or `checklist-value`.';
2398      }
2399      if (!tAttrs.ngModel) {
2400        tAttrs.$set("ngModel", "checked");
2401      }
2402
2403      return postLinkFn;
2404    }
2405  };
2406}]);
2407
2408(function(angular, $, _) {
2409  "use strict";
2410  angular.module('civiCaseTasks', CRM.angRequires('civiCaseTasks'));
2411
2412
2413  angular.module('civiCaseTasks').controller('civiCaseTaskCaseRole', function($scope, crmApi4, searchTaskBaseTrait) {
2414    const ts = $scope.ts = CRM.ts('civi_case');
2415    const ctrl = angular.extend(this, $scope.model, searchTaskBaseTrait);
2416    const values = this.task.values && !Array.isArray(this.task.values) ? this.task.values : {};
2417    $scope.values = values;
2418
2419    this.existingCount = null;
2420    this.autocompleteParams = {};
2421    this.relationshipInfo = this.task.relationshipTypes.reduce((acc, item) => {
2422      acc[item.id] = item;
2423      return acc;
2424    }, {});
2425    if (values.relationship_type) {
2426      setCountAndFilters();
2427    }
2428
2429    this.onChangeRole = function() {
2430      values.addOrReplace = null;
2431      setCountAndFilters();
2432    };
2433
2434    function setCountAndFilters() {
2435      ctrl.existingCount = null;
2436      crmApi4('Relationship', 'get', {
2437        select: ['row_count'],
2438        where: [
2439          ['case_id', 'IN', ctrl.ids],
2440          ['is_current', '=', true],
2441          ['relationship_type_id', '=', values.relationship_type.split('_')[0]],
2442        ],
2443        groupBy: ['case_id']
2444      }).then(function(result) {
2445        ctrl.existingCount = result.count;
2446      });
2447      ctrl.autocompleteParams = {
2448        filters: {contact_sub_type: ctrl.relationshipInfo[values.relationship_type].contact_sub_type}
2449      };
2450    }
2451
2452    this.submit = function() {
2453      const relationshipType = values.relationship_type.split('_')[0];
2454      const a = values.relationship_type.split('_')[1];
2455      const b = values.relationship_type.split('_')[2];
2456      if (values.addOrReplace === 'replace') {
2457        crmApi4('Relationship', 'update', {
2458          values: {end_date: 'now', is_active: false},
2459          where: [
2460            ['case_id', 'IN', ctrl.ids],
2461            ['is_current', '=', true],
2462            ['relationship_type_id', '=', relationshipType],
2463            ['contact_id_' + b, '!=', values.contact_id],
2464          ]
2465        });
2466      }
2467      const apiValues = {
2468        case_id: '$case_id',
2469        relationship_type_id: relationshipType,
2470        start_date: 'now',
2471      };
2472      apiValues['contact_id_' + a] = '$contact_id';
2473      apiValues['contact_id_' + b] = values.contact_id;
2474      const apiParams = {
2475        chain: {relationship: ['Relationship', 'create', {values: apiValues}]}
2476      };
2477      ctrl.start(apiParams);
2478    };
2479
2480    this.onSuccess = function(result) {
2481      let added = 0;
2482      let duplicate = 0;
2483      result.forEach(function(item) {
2484        item.relationship.forEach(function(relationship) {
2485          if (relationship.duplicate_id) {
2486            duplicate++;
2487          } else {
2488            added++;
2489          }
2490        });
2491      });
2492      let msg = _.escape(ts('1 case role added.', {plural: '%count case roles added.', count: added}));
2493      if (duplicate) {
2494        msg += '<br>' + _.escape(ts('1 case role already occupied by the selected contact.', {plural: '%count case roles already occupied by the selected contact.', count: duplicate}));
2495      }
2496      CRM.alert(msg, ts('Saved'), 'success');
2497      this.close(result);
2498    };
2499
2500  });
2501
2502
2503  angular.module('civiCaseTasks').controller('civiCaseTaskOpenCase', function($scope, crmApi4, searchTaskBaseTrait, searchTaskFieldsTrait) {
2504    const ts = $scope.ts = CRM.ts('civi_case');
2505    const ctrl = angular.extend(this, $scope.model, searchTaskBaseTrait, searchTaskFieldsTrait);
2506
2507    this.skipDuplicates = true;
2508    this.multipleClients = false;

2509
2510    this.loadFieldsAndValues(this.task, 'Case',
2511      {action: 'create', where: [['name', 'NOT IN', ['contact_id', 'is_deleted']]]},
2512      {existingCaseContacts: ['CaseContact', 'get', {
2513          where: [
2514            ['contact_id', 'IN', ctrl.ids],
2515            ['case_id.status_id:name', '!=', 'Closed']
2516          ],
2517        }, ['contact_id']]}
2518    ).then((results) => {
2519      this.existingCaseContacts = results.existingCaseContacts;
2520      this.addField('subject');
2521    });
2522
2523    this.submit = function() {
2524      const apiParams = {};
2525      if (ctrl.skipDuplicates) {
2526        ctrl.ids = ctrl.ids.filter(id => !ctrl.existingCaseContacts.includes(id));
2527      }
2528      if (!ctrl.ids.length) {
2529        CRM.alert(_.escape(ts('No cases to open.')), _.escape(ts('All contacts skipped')));
2530        ctrl.cancel();
2531      }
2532      if (ctrl.multipleClients) {
2533        apiParams.values = _.zipObject(ctrl.values);
2534        apiParams.values.contact_id = ctrl.ids;
2535      }
2536      else {
2537        apiParams.records = [_.zipObject(ctrl.values)];
2538      }
2539      ctrl.start(apiParams);
2540    };
2541
2542    this.onSuccess = function(result) {
2543      let msg = _.escape(ts('Successfully opened 1 case.', {plural: 'Successfully opened %count cases.', count: result.length}));
2544      if (result.length === 1) {
2545        const viewLink = this.getUrl('view', result[0]);
2546        if (viewLink) {
2547          msg += '<br><a href="' + viewLink + '" target="_blank"><i class="crm-i fa-external-link" role="img" aria-hidden="true"></i> ' + _.escape(ts('View case')) + '</a>';
2548        }
2549      }
2550      CRM.alert(msg, ts('Saved'), 'success');
2551      this.close(result);
2552    };
2553
2554  });
2555
2556
2557  angular.module('crmDialog', CRM.angRequires('crmDialog'));
2558  angular.module('crmDialog').directive('crmDialogPopup', function(dialogService) {
2559    return {
2560      restrict: 'A',
2561      bindToController: {
2562        popupTpl: '@',
2563        popupName: '@crmDialogPopup',
2564        popupData: '<'
2565      },
2566      controller: function($scope, $element) {
2567        var ctrl = this;
2568        $element.on('click', function() {
2569          var options = CRM.utils.adjustDialogDefaults({
2570            autoOpen: false,
2571            title: _.trim($element.attr('title') || $element.text())
2572          });
2573          dialogService.open(ctrl.popupName, ctrl.popupTpl, ctrl.popupData || {}, options)
2574            .then(function(success) {
2575              $element.trigger('crmPopupFormSuccess');
2576            });
2577        });
2578      }
2579    };
2580  });
2581  angular.module('crmDialog').directive('crmDialog', function(dialogService) {
2582    return {
2583      restrict: 'A',
2584      controllerAs: '$dialog',
2585      controller: function($scope, $parse, $timeout) {
2586        var $dialog = this;
2587        $dialog.buttons = [];
2588
2589        $dialog.close = function(result) {
2590          dialogService.close($dialog.name, result);
2591        };
2592
2593        $dialog.cancel = function() {
2594          dialogService.cancel($dialog.name);
2595        };
2596
2597        $dialog.loadButtons = function() {
2598          var buttons = [];
2599          angular.forEach($dialog.buttons, function (crmDialogButton) {
2600            var button = _.pick(crmDialogButton, ['icons', 'text', 'disabled']);
2601            button.click = function() {
2602              $scope.$apply(crmDialogButton.onClick);
2603            };
2604            buttons.push(button);
2605          });
2606          dialogService.setButtons($dialog.name, buttons);
2607        };
2608
2609        $timeout(function() {
2610          $('.ui-dialog:last input:not([disabled]):not([type="submit"]):first').focus();
2611        });
2612
2613      },
2614      link: function(scope, element, attrs, controller) {
2615        controller.name = attrs.crmDialog;
2616        scope[attrs.crmDialog] = controller;
2617      }
2618    };
2619  });
2620  angular.module('crmDialog').component('crmDialogButton', {
2621    bindings: {
2622      disabled: '<',
2623      icons: '<',
2624      text: '<',
2625      onClick: '&'
2626    },
2627    require: {
2628      crmDialog: '?^^crmDialog'
2629    },
2630    controller: function($scope) {
2631      var $ctrl = this;
2632      $ctrl.$onInit = function() {
2633        $ctrl.crmDialog.buttons.push(this);
2634        $scope.$watch('$ctrl.disabled', $ctrl.crmDialog.loadButtons);
2635        $scope.$watch('$ctrl.text', $ctrl.crmDialog.loadButtons);
2636        $scope.$watch('$ctrl.icons', $ctrl.crmDialog.loadButtons);
2637      };
2638    }
2639  });
2640
2641

2642angular.module('crmResource', []);
2643
2644  angular.module('crmResource').factory('crmResource', function($q, $http) {
2645    var deferreds = {}; // null|object; deferreds[url][idx] = Deferred;
2646
2647    var notify = function notify() {
2648      var oldDfrds = deferreds;
2649      deferreds = null;
2650
2651      angular.forEach(oldDfrds, function(dfrs, url) {
2652        if (CRM.angular.templates[url]) {
2653          angular.forEach(dfrs, function(dfr) {
2654            dfr.resolve({
2655              status: 200,
2656              headers: function(name) {
2657                var headers = {'Content-type': 'text/html'};
2658                return name ? headers[name] : headers;
2659              },
2660              data: CRM.angular.templates[url]
2661            });
2662          });
2663        }
2664        else {
2665          angular.forEach(dfrs, function(dfr) {
2666            dfr.reject({status: 500}); // FIXME
2667          });
2668        }
2669      });
2670    };
2671
2672    var moduleUrl = CRM.angular.bundleUrl;
2673    $http.get(moduleUrl)
2674      .then(function httpSuccess(response) {
2675        CRM.angular.templates = CRM.angular.templates || {};
2676        angular.forEach(response.data, function (module) {
2677          if (module.partials) {
2678            angular.extend(CRM.angular.templates, module.partials);
2679          }
2680          if (module.strings) {
2681            CRM.addStrings(module.domain, module.strings);
2682          }
2683        });
2684        notify();
2685      }, function httpError() {
2686        notify();
2687      });
2688
2689    return {
2690      getUrl: function getUrl(url) {
2691        if (CRM.angular.templates && CRM.angular.templates[url]) {
2692          return CRM.angular.templates[url];
2693        }
2694        else {
2695          var deferred = $q.defer();
2696          if (!deferreds[url]) {
2697            deferreds[url] = [];
2698          }
2699          deferreds[url].push(deferred);
2700          return deferred.promise;
2701        }
2702      }
2703    };
2704  });
2705
2706  angular.module('crmResource').config(function($provide) {
2707    $provide.decorator('$templateCache', function($delegate, $http, $q, crmResource) {
2708      var origGet = $delegate.get;
2709      var urlPat = /^~\//;
2710      $delegate.get = function(url) {
2711        if (urlPat.test(url)) {
2712          return crmResource.getUrl(url);
2713        }
2714        else {
2715          return origGet.call(this, url);
2716        }
2717      };
2718      return $delegate;
2719    });
2720  });
2721
2722
2723  angular.module('crmSearchDisplay', CRM.angRequires('crmSearchDisplay'));
2724
2725
2726  angular.module('crmSearchDisplay').component('crmSearchDisplay', {
2727    bindings: {
2728      type: '@',
2729      apiEntity: '@',
2730      search: '<',
2731      display: '<',
2732      settings: '<',
2733      filters: '<',
2734    },
2735    template: () => {
2736      let html = '';
2737      const displayTypes = CRM.crmSearchDisplay.viewableDisplayTypes;
2738      Object.entries(displayTypes).forEach(([type, directive]) => {
2739        html += `<${directive} ng-if="$ctrl.type === '${type}'" api-entity="{{:: $ctrl.apiEntity }}" search="$ctrl.search" display="$ctrl.display" settings="$ctrl.settings" filters="$ctrl.filters"></${directive}>`;
2740      });
2741      return html;
2742    },
2743    controller: function($scope, crmApi4) {
2744
2745      this.$onInit = () => {
2746        if (!this.settings || !this.apiEntity || !this.type) {
2747          const apiCalls = {
2748            search: ['SavedSearch', 'get', {
2749              select: ['id', 'name', 'api_entity'],
2750              where: [['name', '=', this.search]],
2751            }, 0],
2752          };
2753          if (this.display) {
2754            apiCalls.display = ['SearchDisplay', 'get', {
2755              select: ['type', 'settings'],
2756              where: [['name', '=', this.display], ['saved_search_id.name', '=', this.search]],
2757            }, 0];
2758          } else {
2759            apiCalls.display = ['SearchDisplay', 'getDefault', {
2760              select: ['type', 'settings'],
2761              savedSearch: this.search,
2762            }, 0];
2763          }
2764          crmApi4(apiCalls).then((result) => {
2765            this.apiEntity = result.search.api_entity;
2766            this.settings = result.display.settings;
2767            this.type = result.display.type;
2768          });
2769        }
2770      };
2771
2772    }
2773
2774  });
2775
2776
2777
2778  angular.module('crmSearchDisplay').component('crmSearchDisplayEditable', {
2779    bindings: {
2780      row: '<?',
2781      display: '<',
2782      colKey: '<',
2783      colData: '<?',
2784      isFullRowMode: '<',
2785    },
2786    templateUrl: '~/crmSearchDisplay/crmSearchDisplayEditable.html',
2787    controller: function($scope, $element, crmApi4, crmStatus) {
2788      const ts = $scope.ts = CRM.ts('org.civicrm.search_kit');
2789      const ctrl = this;
2790      let initialValue;
2791      let editableInfo;
2792      let valuePath;
2793
2794      this.$onInit = function() {
2795        editableInfo = this.display.results.editable[this.colKey];