Chris@14: /**
Chris@14: * DO NOT EDIT THIS FILE.
Chris@14: * See the following change record for more information,
Chris@14: * https://www.drupal.org/node/2815083
Chris@14: * @preserve
Chris@14: **/
Chris@14: 
Chris@14: (function ($, Drupal, debounce, displace) {
Chris@14:   Drupal.offCanvas = {
Chris@17:     position: null,
Chris@17: 
Chris@17:     minimumHeight: 30,
Chris@17: 
Chris@14:     minDisplaceWidth: 768,
Chris@14: 
Chris@14:     $mainCanvasWrapper: $('[data-off-canvas-main-canvas]'),
Chris@14: 
Chris@14:     isOffCanvas: function isOffCanvas($element) {
Chris@14:       return $element.is('#drupal-off-canvas');
Chris@14:     },
Chris@14:     removeOffCanvasEvents: function removeOffCanvasEvents($element) {
Chris@14:       $element.off('.off-canvas');
Chris@14:       $(document).off('.off-canvas');
Chris@14:       $(window).off('.off-canvas');
Chris@14:     },
Chris@14:     beforeCreate: function beforeCreate(_ref) {
Chris@14:       var settings = _ref.settings,
Chris@14:           $element = _ref.$element;
Chris@14: 
Chris@14:       Drupal.offCanvas.removeOffCanvasEvents($element);
Chris@14: 
Chris@14:       $('body').addClass('js-off-canvas-dialog-open');
Chris@14: 
Chris@14:       settings.position = {
Chris@14:         my: 'left top',
Chris@14:         at: Drupal.offCanvas.getEdge() + ' top',
Chris@14:         of: window
Chris@14:       };
Chris@14: 
Chris@17:       var position = settings.drupalOffCanvasPosition;
Chris@17:       var height = position === 'side' ? $(window).height() : settings.height;
Chris@17:       var width = position === 'side' ? settings.width : '100%';
Chris@17:       settings.height = height;
Chris@17:       settings.width = width;
Chris@14:     },
Chris@14:     beforeClose: function beforeClose(_ref2) {
Chris@14:       var $element = _ref2.$element;
Chris@14: 
Chris@14:       $('body').removeClass('js-off-canvas-dialog-open');
Chris@14: 
Chris@14:       Drupal.offCanvas.removeOffCanvasEvents($element);
Chris@17:       Drupal.offCanvas.resetPadding();
Chris@14:     },
Chris@14:     afterCreate: function afterCreate(_ref3) {
Chris@14:       var $element = _ref3.$element,
Chris@14:           settings = _ref3.settings;
Chris@14: 
Chris@14:       var eventData = { settings: settings, $element: $element, offCanvasDialog: this };
Chris@14: 
Chris@14:       $element.on('dialogContentResize.off-canvas', eventData, Drupal.offCanvas.handleDialogResize).on('dialogContentResize.off-canvas', eventData, Drupal.offCanvas.bodyPadding);
Chris@14: 
Chris@14:       Drupal.offCanvas.getContainer($element).attr('data-offset-' + Drupal.offCanvas.getEdge(), '');
Chris@14: 
Chris@14:       $(window).on('resize.off-canvas', eventData, debounce(Drupal.offCanvas.resetSize, 100)).trigger('resize.off-canvas');
Chris@14:     },
Chris@14:     render: function render(_ref4) {
Chris@14:       var settings = _ref4.settings;
Chris@14: 
Chris@14:       $('.ui-dialog-off-canvas, .ui-dialog-off-canvas .ui-dialog-titlebar').toggleClass('ui-dialog-empty-title', !settings.title);
Chris@14:     },
Chris@14:     handleDialogResize: function handleDialogResize(event) {
Chris@14:       var $element = event.data.$element;
Chris@14:       var $container = Drupal.offCanvas.getContainer($element);
Chris@14: 
Chris@14:       var $offsets = $container.find('> :not(#drupal-off-canvas, .ui-resizable-handle)');
Chris@14:       var offset = 0;
Chris@14: 
Chris@14:       $element.css({ height: 'auto' });
Chris@14:       var modalHeight = $container.height();
Chris@14: 
Chris@14:       $offsets.each(function (i, e) {
Chris@14:         offset += $(e).outerHeight();
Chris@14:       });
Chris@14: 
Chris@14:       var scrollOffset = $element.outerHeight() - $element.height();
Chris@14:       $element.height(modalHeight - offset - scrollOffset);
Chris@14:     },
Chris@14:     resetSize: function resetSize(event) {
Chris@14:       var $element = event.data.$element;
Chris@14:       var container = Drupal.offCanvas.getContainer($element);
Chris@17:       var position = event.data.settings.drupalOffCanvasPosition;
Chris@14: 
Chris@17:       if (Drupal.offCanvas.position && Drupal.offCanvas.position !== position) {
Chris@17:         container.removeAttr('data-offset-' + Drupal.offCanvas.position);
Chris@17:       }
Chris@17: 
Chris@17:       if (position === 'top') {
Chris@17:         $element.css('min-height', Drupal.offCanvas.minimumHeight + 'px');
Chris@17:       }
Chris@17: 
Chris@17:       displace();
Chris@17: 
Chris@17:       var offsets = displace.offsets;
Chris@17: 
Chris@17:       var topPosition = position === 'side' && offsets.top !== 0 ? '+' + offsets.top : '';
Chris@14:       var adjustedOptions = {
Chris@14:         position: {
Chris@14:           my: Drupal.offCanvas.getEdge() + ' top',
Chris@14:           at: Drupal.offCanvas.getEdge() + ' top' + topPosition,
Chris@14:           of: window
Chris@14:         }
Chris@14:       };
Chris@14: 
Chris@17:       var height = position === 'side' ? $(window).height() - (offsets.top + offsets.bottom) + 'px' : event.data.settings.height;
Chris@14:       container.css({
Chris@14:         position: 'fixed',
Chris@17:         height: height
Chris@14:       });
Chris@14: 
Chris@14:       $element.dialog('option', adjustedOptions).trigger('dialogContentResize.off-canvas');
Chris@17: 
Chris@17:       Drupal.offCanvas.position = position;
Chris@14:     },
Chris@14:     bodyPadding: function bodyPadding(event) {
Chris@17:       var position = event.data.settings.drupalOffCanvasPosition;
Chris@17:       if (position === 'side' && $('body').outerWidth() < Drupal.offCanvas.minDisplaceWidth) {
Chris@14:         return;
Chris@14:       }
Chris@17:       Drupal.offCanvas.resetPadding();
Chris@14:       var $element = event.data.$element;
Chris@14:       var $container = Drupal.offCanvas.getContainer($element);
Chris@14:       var $mainCanvasWrapper = Drupal.offCanvas.$mainCanvasWrapper;
Chris@14: 
Chris@14:       var width = $container.outerWidth();
Chris@14:       var mainCanvasPadding = $mainCanvasWrapper.css('padding-' + Drupal.offCanvas.getEdge());
Chris@17:       if (position === 'side' && width !== mainCanvasPadding) {
Chris@14:         $mainCanvasWrapper.css('padding-' + Drupal.offCanvas.getEdge(), width + 'px');
Chris@14:         $container.attr('data-offset-' + Drupal.offCanvas.getEdge(), width);
Chris@14:         displace();
Chris@14:       }
Chris@17: 
Chris@17:       var height = $container.outerHeight();
Chris@17:       if (position === 'top') {
Chris@17:         $mainCanvasWrapper.css('padding-top', height + 'px');
Chris@17:         $container.attr('data-offset-top', height);
Chris@17:         displace();
Chris@17:       }
Chris@14:     },
Chris@14:     getContainer: function getContainer($element) {
Chris@14:       return $element.dialog('widget');
Chris@14:     },
Chris@14:     getEdge: function getEdge() {
Chris@14:       return document.documentElement.dir === 'rtl' ? 'left' : 'right';
Chris@17:     },
Chris@17:     resetPadding: function resetPadding() {
Chris@17:       Drupal.offCanvas.$mainCanvasWrapper.css('padding-' + Drupal.offCanvas.getEdge(), 0);
Chris@17:       Drupal.offCanvas.$mainCanvasWrapper.css('padding-top', 0);
Chris@17:       displace();
Chris@14:     }
Chris@14:   };
Chris@14: 
Chris@14:   Drupal.behaviors.offCanvasEvents = {
Chris@14:     attach: function attach() {
Chris@14:       $(window).once('off-canvas').on({
Chris@14:         'dialog:beforecreate': function dialogBeforecreate(event, dialog, $element, settings) {
Chris@14:           if (Drupal.offCanvas.isOffCanvas($element)) {
Chris@14:             Drupal.offCanvas.beforeCreate({ dialog: dialog, $element: $element, settings: settings });
Chris@14:           }
Chris@14:         },
Chris@14:         'dialog:aftercreate': function dialogAftercreate(event, dialog, $element, settings) {
Chris@14:           if (Drupal.offCanvas.isOffCanvas($element)) {
Chris@14:             Drupal.offCanvas.render({ dialog: dialog, $element: $element, settings: settings });
Chris@14:             Drupal.offCanvas.afterCreate({ $element: $element, settings: settings });
Chris@14:           }
Chris@14:         },
Chris@14:         'dialog:beforeclose': function dialogBeforeclose(event, dialog, $element) {
Chris@14:           if (Drupal.offCanvas.isOffCanvas($element)) {
Chris@14:             Drupal.offCanvas.beforeClose({ dialog: dialog, $element: $element });
Chris@14:           }
Chris@14:         }
Chris@14:       });
Chris@14:     }
Chris@14:   };
Chris@14: })(jQuery, Drupal, Drupal.debounce, Drupal.displace);