aleph1.co.uk Git - yaffs-website/blob - web/core/misc/dialog/off-canvas.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, debounce, displace) {
   9   Drupal.offCanvas = {
  10     minDisplaceWidth: 768,
  11
  12     $mainCanvasWrapper: $('[data-off-canvas-main-canvas]'),
  13
  14     isOffCanvas: function isOffCanvas($element) {
  15       return $element.is('#drupal-off-canvas');
  16     },
  17     removeOffCanvasEvents: function removeOffCanvasEvents($element) {
  18       $element.off('.off-canvas');
  19       $(document).off('.off-canvas');
  20       $(window).off('.off-canvas');
  21     },
  22     beforeCreate: function beforeCreate(_ref) {
  23       var settings = _ref.settings,
  24           $element = _ref.$element;
  25
  26       Drupal.offCanvas.removeOffCanvasEvents($element);
  27
  28       $('body').addClass('js-off-canvas-dialog-open');
  29
  30       settings.position = {
  31         my: 'left top',
  32         at: Drupal.offCanvas.getEdge() + ' top',
  33         of: window
  34       };
  35
  36       settings.height = $(window).height();
  37     },
  38     beforeClose: function beforeClose(_ref2) {
  39       var $element = _ref2.$element;
  40
  41       $('body').removeClass('js-off-canvas-dialog-open');
  42
  43       Drupal.offCanvas.removeOffCanvasEvents($element);
  44
  45       Drupal.offCanvas.$mainCanvasWrapper.css('padding-' + Drupal.offCanvas.getEdge(), 0);
  46     },
  47     afterCreate: function afterCreate(_ref3) {
  48       var $element = _ref3.$element,
  49           settings = _ref3.settings;
  50
  51       var eventData = { settings: settings, $element: $element, offCanvasDialog: this };
  52
  53       $element.on('dialogContentResize.off-canvas', eventData, Drupal.offCanvas.handleDialogResize).on('dialogContentResize.off-canvas', eventData, Drupal.offCanvas.bodyPadding);
  54
  55       Drupal.offCanvas.getContainer($element).attr('data-offset-' + Drupal.offCanvas.getEdge(), '');
  56
  57       $(window).on('resize.off-canvas', eventData, debounce(Drupal.offCanvas.resetSize, 100)).trigger('resize.off-canvas');
  58     },
  59     render: function render(_ref4) {
  60       var settings = _ref4.settings;
  61
  62       $('.ui-dialog-off-canvas, .ui-dialog-off-canvas .ui-dialog-titlebar').toggleClass('ui-dialog-empty-title', !settings.title);
  63     },
  64     handleDialogResize: function handleDialogResize(event) {
  65       var $element = event.data.$element;
  66       var $container = Drupal.offCanvas.getContainer($element);
  67
  68       var $offsets = $container.find('> :not(#drupal-off-canvas, .ui-resizable-handle)');
  69       var offset = 0;
  70
  71       $element.css({ height: 'auto' });
  72       var modalHeight = $container.height();
  73
  74       $offsets.each(function (i, e) {
  75         offset += $(e).outerHeight();
  76       });
  77
  78       var scrollOffset = $element.outerHeight() - $element.height();
  79       $element.height(modalHeight - offset - scrollOffset);
  80     },
  81     resetSize: function resetSize(event) {
  82       var offsets = displace.offsets;
  83       var $element = event.data.$element;
  84       var container = Drupal.offCanvas.getContainer($element);
  85
  86       var topPosition = offsets.top !== 0 ? '+' + offsets.top : '';
  87       var adjustedOptions = {
  88         position: {
  89           my: Drupal.offCanvas.getEdge() + ' top',
  90           at: Drupal.offCanvas.getEdge() + ' top' + topPosition,
  91           of: window
  92         }
  93       };
  94
  95       container.css({
  96         position: 'fixed',
  97         height: $(window).height() - (offsets.top + offsets.bottom) + 'px'
  98       });
  99
 100       $element.dialog('option', adjustedOptions).trigger('dialogContentResize.off-canvas');
 101     },
 102     bodyPadding: function bodyPadding(event) {
 103       if ($('body').outerWidth() < Drupal.offCanvas.minDisplaceWidth) {
 104         return;
 105       }
 106       var $element = event.data.$element;
 107       var $container = Drupal.offCanvas.getContainer($element);
 108       var $mainCanvasWrapper = Drupal.offCanvas.$mainCanvasWrapper;
 109
 110       var width = $container.outerWidth();
 111       var mainCanvasPadding = $mainCanvasWrapper.css('padding-' + Drupal.offCanvas.getEdge());
 112       if (width !== mainCanvasPadding) {
 113         $mainCanvasWrapper.css('padding-' + Drupal.offCanvas.getEdge(), width + 'px');
 114         $container.attr('data-offset-' + Drupal.offCanvas.getEdge(), width);
 115         displace();
 116       }
 117     },
 118     getContainer: function getContainer($element) {
 119       return $element.dialog('widget');
 120     },
 121     getEdge: function getEdge() {
 122       return document.documentElement.dir === 'rtl' ? 'left' : 'right';
 123     }
 124   };
 125
 126   Drupal.behaviors.offCanvasEvents = {
 127     attach: function attach() {
 128       $(window).once('off-canvas').on({
 129         'dialog:beforecreate': function dialogBeforecreate(event, dialog, $element, settings) {
 130           if (Drupal.offCanvas.isOffCanvas($element)) {
 131             Drupal.offCanvas.beforeCreate({ dialog: dialog, $element: $element, settings: settings });
 132           }
 133         },
 134         'dialog:aftercreate': function dialogAftercreate(event, dialog, $element, settings) {
 135           if (Drupal.offCanvas.isOffCanvas($element)) {
 136             Drupal.offCanvas.render({ dialog: dialog, $element: $element, settings: settings });
 137             Drupal.offCanvas.afterCreate({ $element: $element, settings: settings });
 138           }
 139         },
 140         'dialog:beforeclose': function dialogBeforeclose(event, dialog, $element) {
 141           if (Drupal.offCanvas.isOffCanvas($element)) {
 142             Drupal.offCanvas.beforeClose({ dialog: dialog, $element: $element });
 143           }
 144         }
 145       });
 146     }
 147   };
 148 })(jQuery, Drupal, Drupal.debounce, Drupal.displace);