www.aleph1.co.uk Git - yaffs-website/blob - web/core/misc/states.js

   1 /**
   2 * DO NOT EDIT THIS FILE.
   3 * See the following change record for more information,
   4 * https://www.drupal.org/node/2815083
   5 * @preserve
   6 **/
   7
   8 (function ($, Drupal) {
   9   var states = Drupal.states = {
  10     postponed: []
  11   };
  12
  13   Drupal.behaviors.states = {
  14     attach: function attach(context, settings) {
  15       var $states = $(context).find('[data-drupal-states]');
  16       var config = void 0;
  17       var state = void 0;
  18       var il = $states.length;
  19       for (var i = 0; i < il; i++) {
  20         config = JSON.parse($states[i].getAttribute('data-drupal-states'));
  21         for (state in config) {
  22           if (config.hasOwnProperty(state)) {
  23             new states.Dependent({
  24               element: $($states[i]),
  25               state: states.State.sanitize(state),
  26               constraints: config[state]
  27             });
  28           }
  29         }
  30       }
  31
  32       while (states.postponed.length) {
  33         states.postponed.shift()();
  34       }
  35     }
  36   };
  37
  38   states.Dependent = function (args) {
  39     $.extend(this, { values: {}, oldValue: null }, args);
  40
  41     this.dependees = this.getDependees();
  42     for (var selector in this.dependees) {
  43       if (this.dependees.hasOwnProperty(selector)) {
  44         this.initializeDependee(selector, this.dependees[selector]);
  45       }
  46     }
  47   };
  48
  49   states.Dependent.comparisons = {
  50     RegExp: function RegExp(reference, value) {
  51       return reference.test(value);
  52     },
  53     Function: function Function(reference, value) {
  54       return reference(value);
  55     },
  56     Number: function Number(reference, value) {
  57       return typeof value === 'string' ? _compare2(reference.toString(), value) : _compare2(reference, value);
  58     }
  59   };
  60
  61   states.Dependent.prototype = {
  62     initializeDependee: function initializeDependee(selector, dependeeStates) {
  63       var state = void 0;
  64       var self = this;
  65
  66       function stateEventHandler(e) {
  67         self.update(e.data.selector, e.data.state, e.value);
  68       }
  69
  70       this.values[selector] = {};
  71
  72       for (var i in dependeeStates) {
  73         if (dependeeStates.hasOwnProperty(i)) {
  74           state = dependeeStates[i];
  75
  76           if ($.inArray(state, dependeeStates) === -1) {
  77             continue;
  78           }
  79
  80           state = states.State.sanitize(state);
  81
  82           this.values[selector][state.name] = null;
  83
  84           $(selector).on('state:' + state, { selector: selector, state: state }, stateEventHandler);
  85
  86           new states.Trigger({ selector: selector, state: state });
  87         }
  88       }
  89     },
  90     compare: function compare(reference, selector, state) {
  91       var value = this.values[selector][state.name];
  92       if (reference.constructor.name in states.Dependent.comparisons) {
  93         return states.Dependent.comparisons[reference.constructor.name](reference, value);
  94       }
  95
  96       return _compare2(reference, value);
  97     },
  98     update: function update(selector, state, value) {
  99       if (value !== this.values[selector][state.name]) {
 100         this.values[selector][state.name] = value;
 101         this.reevaluate();
 102       }
 103     },
 104     reevaluate: function reevaluate() {
 105       var value = this.verifyConstraints(this.constraints);
 106
 107       if (value !== this.oldValue) {
 108         this.oldValue = value;
 109
 110         value = invert(value, this.state.invert);
 111
 112         this.element.trigger({ type: 'state:' + this.state, value: value, trigger: true });
 113       }
 114     },
 115     verifyConstraints: function verifyConstraints(constraints, selector) {
 116       var result = void 0;
 117       if ($.isArray(constraints)) {
 118         var hasXor = $.inArray('xor', constraints) === -1;
 119         var len = constraints.length;
 120         for (var i = 0; i < len; i++) {
 121           if (constraints[i] !== 'xor') {
 122             var constraint = this.checkConstraints(constraints[i], selector, i);
 123
 124             if (constraint && (hasXor || result)) {
 125               return hasXor;
 126             }
 127             result = result || constraint;
 128           }
 129         }
 130       } else if ($.isPlainObject(constraints)) {
 131           for (var n in constraints) {
 132             if (constraints.hasOwnProperty(n)) {
 133               result = ternary(result, this.checkConstraints(constraints[n], selector, n));
 134
 135               if (result === false) {
 136                 return false;
 137               }
 138             }
 139           }
 140         }
 141       return result;
 142     },
 143     checkConstraints: function checkConstraints(value, selector, state) {
 144       if (typeof state !== 'string' || /[0-9]/.test(state[0])) {
 145         state = null;
 146       } else if (typeof selector === 'undefined') {
 147         selector = state;
 148         state = null;
 149       }
 150
 151       if (state !== null) {
 152         state = states.State.sanitize(state);
 153         return invert(this.compare(value, selector, state), state.invert);
 154       }
 155
 156       return this.verifyConstraints(value, selector);
 157     },
 158     getDependees: function getDependees() {
 159       var cache = {};
 160
 161       var _compare = this.compare;
 162       this.compare = function (reference, selector, state) {
 163         (cache[selector] || (cache[selector] = [])).push(state.name);
 164       };
 165
 166       this.verifyConstraints(this.constraints);
 167
 168       this.compare = _compare;
 169
 170       return cache;
 171     }
 172   };
 173
 174   states.Trigger = function (args) {
 175     $.extend(this, args);
 176
 177     if (this.state in states.Trigger.states) {
 178       this.element = $(this.selector);
 179
 180       if (!this.element.data('trigger:' + this.state)) {
 181         this.initialize();
 182       }
 183     }
 184   };
 185
 186   states.Trigger.prototype = {
 187     initialize: function initialize() {
 188       var trigger = states.Trigger.states[this.state];
 189
 190       if (typeof trigger === 'function') {
 191         trigger.call(window, this.element);
 192       } else {
 193         for (var event in trigger) {
 194           if (trigger.hasOwnProperty(event)) {
 195             this.defaultTrigger(event, trigger[event]);
 196           }
 197         }
 198       }
 199
 200       this.element.data('trigger:' + this.state, true);
 201     },
 202     defaultTrigger: function defaultTrigger(event, valueFn) {
 203       var oldValue = valueFn.call(this.element);
 204
 205       this.element.on(event, $.proxy(function (e) {
 206         var value = valueFn.call(this.element, e);
 207
 208         if (oldValue !== value) {
 209           this.element.trigger({ type: 'state:' + this.state, value: value, oldValue: oldValue });
 210           oldValue = value;
 211         }
 212       }, this));
 213
 214       states.postponed.push($.proxy(function () {
 215         this.element.trigger({ type: 'state:' + this.state, value: oldValue, oldValue: null });
 216       }, this));
 217     }
 218   };
 219
 220   states.Trigger.states = {
 221     empty: {
 222       keyup: function keyup() {
 223         return this.val() === '';
 224       }
 225     },
 226
 227     checked: {
 228       change: function change() {
 229         var checked = false;
 230         this.each(function () {
 231           checked = $(this).prop('checked');
 232
 233           return !checked;
 234         });
 235         return checked;
 236       }
 237     },
 238
 239     value: {
 240       keyup: function keyup() {
 241         if (this.length > 1) {
 242           return this.filter(':checked').val() || false;
 243         }
 244         return this.val();
 245       },
 246       change: function change() {
 247         if (this.length > 1) {
 248           return this.filter(':checked').val() || false;
 249         }
 250         return this.val();
 251       }
 252     },
 253
 254     collapsed: {
 255       collapsed: function collapsed(e) {
 256         return typeof e !== 'undefined' && 'value' in e ? e.value : !this.is('[open]');
 257       }
 258     }
 259   };
 260
 261   states.State = function (state) {
 262     this.pristine = this.name = state;
 263
 264     var process = true;
 265     do {
 266       while (this.name.charAt(0) === '!') {
 267         this.name = this.name.substring(1);
 268         this.invert = !this.invert;
 269       }
 270
 271       if (this.name in states.State.aliases) {
 272         this.name = states.State.aliases[this.name];
 273       } else {
 274         process = false;
 275       }
 276     } while (process);
 277   };
 278
 279   states.State.sanitize = function (state) {
 280     if (state instanceof states.State) {
 281       return state;
 282     }
 283
 284     return new states.State(state);
 285   };
 286
 287   states.State.aliases = {
 288     enabled: '!disabled',
 289     invisible: '!visible',
 290     invalid: '!valid',
 291     untouched: '!touched',
 292     optional: '!required',
 293     filled: '!empty',
 294     unchecked: '!checked',
 295     irrelevant: '!relevant',
 296     expanded: '!collapsed',
 297     open: '!collapsed',
 298     closed: 'collapsed',
 299     readwrite: '!readonly'
 300   };
 301
 302   states.State.prototype = {
 303     invert: false,
 304
 305     toString: function toString() {
 306       return this.name;
 307     }
 308   };
 309
 310   var $document = $(document);
 311   $document.on('state:disabled', function (e) {
 312     if (e.trigger) {
 313       $(e.target).prop('disabled', e.value).closest('.js-form-item, .js-form-submit, .js-form-wrapper').toggleClass('form-disabled', e.value).find('select, input, textarea').prop('disabled', e.value);
 314     }
 315   });
 316
 317   $document.on('state:required', function (e) {
 318     if (e.trigger) {
 319       if (e.value) {
 320         var label = 'label' + (e.target.id ? '[for=' + e.target.id + ']' : '');
 321         var $label = $(e.target).attr({ required: 'required', 'aria-required': 'aria-required' }).closest('.js-form-item, .js-form-wrapper').find(label);
 322
 323         if (!$label.hasClass('js-form-required').length) {
 324           $label.addClass('js-form-required form-required');
 325         }
 326       } else {
 327         $(e.target).removeAttr('required aria-required').closest('.js-form-item, .js-form-wrapper').find('label.js-form-required').removeClass('js-form-required form-required');
 328       }
 329     }
 330   });
 331
 332   $document.on('state:visible', function (e) {
 333     if (e.trigger) {
 334       $(e.target).closest('.js-form-item, .js-form-submit, .js-form-wrapper').toggle(e.value);
 335     }
 336   });
 337
 338   $document.on('state:checked', function (e) {
 339     if (e.trigger) {
 340       $(e.target).prop('checked', e.value);
 341     }
 342   });
 343
 344   $document.on('state:collapsed', function (e) {
 345     if (e.trigger) {
 346       if ($(e.target).is('[open]') === e.value) {
 347         $(e.target).find('> summary').trigger('click');
 348       }
 349     }
 350   });
 351
 352   function ternary(a, b) {
 353     if (typeof a === 'undefined') {
 354       return b;
 355     } else if (typeof b === 'undefined') {
 356       return a;
 357     }
 358
 359     return a && b;
 360   }
 361
 362   function invert(a, invertState) {
 363     return invertState && typeof a !== 'undefined' ? !a : a;
 364   }
 365
 366   function _compare2(a, b) {
 367     if (a === b) {
 368       return typeof a === 'undefined' ? a : true;
 369     }
 370
 371     return typeof a === 'undefined' || typeof b === 'undefined';
 372   }
 373 })(jQuery, Drupal);