Refactor print preview web ui

chrome/browser/resources/print_preview/print_preview.js

 // Copyright (c) 2012 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
-// require: cr/ui/print_preview_cloud.js
+// TODO Might be a problem where might be in fetching destinations state, then
+// to file selection state, then cancel, which results in the fetching
+// destinations state being lost.
+
+// TODO Move data/* into print_preview.data namespace
+
+// TODO Handle case where cloud print is initial destination, but cloud print is
+// not enabled.
 
 var localStrings = new LocalStrings();
 
-// If useCloudPrint is true we attempt to connect to cloud print
-// and populate the list of printers with cloud print printers.
-var useCloudPrint = false;
-
-// Store the last selected printer index.
-var lastSelectedPrinterIndex = 0;
-
-// Used to disable some printing options when the preview is not modifiable.
-var previewModifiable = false;
-
-// Used to identify whether the printing frame has specific page size style.
-var hasPageSizeStyle = false;
-
 // Destination list special value constants.
-
-/** @const */ var MANAGE_CLOUD_PRINTERS = 'manageCloudPrinters';
-/** @const */ var MANAGE_LOCAL_PRINTERS = 'manageLocalPrinters';
-/** @const */ var SIGN_IN = 'signIn';
-/** @const */ var PRINT_TO_PDF = 'Save as PDF';
-/** @const */ var PRINT_WITH_CLOUD_PRINT = 'printWithCloudPrint';
-
-// State of the print preview settings.
-var printSettings = new PrintSettings();
-
-// Print ready data index.
-/** @const */ var PRINT_READY_DATA_INDEX = -1;
-
-// The name of the default or last used printer.
-var defaultOrLastUsedPrinterName = '';
-
-// True when a pending print preview request exists.
-var hasPendingPreviewRequest = false;
-
-// True when the first page is loaded in the plugin.
-var isFirstPageLoaded = false;
-
-// The ID of the last preview request.
-var lastPreviewRequestID = -1;
-
-// The ID of the initial preview request.
-var initialPreviewRequestID = -1;
-
-// True when a pending print file request exists.
-var hasPendingPrintDocumentRequest = false;
-
-// True when the complete metafile for the previewed doc is ready.
-var isPrintReadyMetafileReady = false;
-
-// True when preview tab is hidden.
-var isTabHidden = false;
-
-// True in kiosk mode where print preview can print automatically without
-// user intervention. See http://crbug.com/31395.
-var printAutomaticallyInKioskMode = false;
-
-// @type {print_preview.PrintHeader} Holds the print and cancel buttons.
-var printHeader;
-
-// @type {print_preview.PageSettings} Holds all the pages related settings.
-var pageSettings;
-
-// @type {print_preview.CopiesSettings} Holds all the copies related settings.
-var copiesSettings;
-
-// @type {print_preview.LayoutSettings} Holds all the layout related settings.
-var layoutSettings;
-
-// @type {print_preview.MarginSettings} Holds all the margin related settings.
-var marginSettings;
-
-// @type {print_preview.HeaderFooterSettings} Holds all the header footer
-//     related settings.
-var headerFooterSettings;
-
-// @type {print_preview.ColorSettings} Holds all the color related settings.
-var colorSettings;
-
-// @type {print_preview.PreviewArea} Holds information related to the preview
-//     area (on the right).
-var previewArea;
-
-// True if the user has click 'Advanced...' in order to open the system print
-// dialog.
-var showingSystemDialog = false;
-
-// True if the user has clicked 'Open PDF in Preview' option.
-var previewAppRequested = false;
-
-// The range of options in the printer dropdown controlled by cloud print.
-var firstCloudPrintOptionPos = 0;
-var lastCloudPrintOptionPos = firstCloudPrintOptionPos;
-
-// Store the current previewUid.
-var currentPreviewUid = '';
-
-// True if we need to generate draft preview data.
-var generateDraftData = true;
+/** @const **/ var PRINT_TO_PDF = 'Save as PDF';
 
 // The last element clicked with the mouse.
 var lastClickedElement = null;
 
-// A dictionary of cloud printers that have been added to the printer
-// dropdown.
-var addedCloudPrinters = {};
-
-// The maximum number of cloud printers to allow in the dropdown.
-/** @const */ var maxCloudPrinters = 10;
-
-/** @const */ var MIN_REQUEST_ID = 0;
-/** @const */ var MAX_REQUEST_ID = 32000;
-
-// Names of all the custom events used.
-var customEvents = {
-  // Fired when the mouse moves while a margin line is being dragged.
-  MARGIN_LINE_DRAG: 'marginLineDrag',
-  // Fired when a mousedown event occurs on a margin line.
-  MARGIN_LINE_MOUSE_DOWN: 'marginLineMouseDown',
-  // Fired when a margin textbox gains focus.
-  MARGIN_TEXTBOX_FOCUSED: 'marginTextboxFocused',
-  // Fired when a new preview might be needed because of margin changes.
-  MARGINS_MAY_HAVE_CHANGED: 'marginsMayHaveChanged',
-  // Fired when a pdf generation related error occurs.
-  PDF_GENERATION_ERROR: 'PDFGenerationError',
-  // Fired once the first page of the pdf document is loaded in the plugin.
-  PDF_LOADED: 'PDFLoaded',
-  // Fired when the selected printer capabilities change.
-  PRINTER_CAPABILITIES_UPDATED: 'printerCapabilitiesUpdated',
-  // Fired when the print button needs to be updated.
-  UPDATE_PRINT_BUTTON: 'updatePrintButton',
-  // Fired when the print summary needs to be updated.
-  UPDATE_SUMMARY: 'updateSummary'
-};
-
-/**
- * Window onload handler, sets up the page and starts print preview by getting
- * the printer list.
- */
-function onLoad() {
-  initialPreviewRequestID = randomInteger(MIN_REQUEST_ID, MAX_REQUEST_ID);
-  lastPreviewRequestID = initialPreviewRequestID;
-
-  previewArea = print_preview.PreviewArea.getInstance();
-  printHeader = print_preview.PrintHeader.getInstance();
-  document.addEventListener(customEvents.PDF_GENERATION_ERROR,
-                            cancelPendingPrintRequest);
-  document.addEventListener('click', setLastClickedElement);
-
-  if (!checkCompatiblePluginExists()) {
-    disableInputElementsInSidebar();
-    $('cancel-button').focus();
-    previewArea.displayErrorMessageWithButtonAndNotify(
-        localStrings.getString('noPlugin'),
-        localStrings.getString('launchNativeDialog'),
-        launchNativePrintDialog);
-    $('mainview').parentElement.removeChild($('dummy-viewer'));
-    return;
-  }
-
-  $('system-dialog-link').addEventListener('click', onSystemDialogLinkClicked);
-  if (cr.isMac) {
-    $('open-pdf-in-preview-link').addEventListener(
-        'click', onOpenPdfInPreviewLinkClicked);
-  }
-  $('mainview').parentElement.removeChild($('dummy-viewer'));
-
-  $('printer-list').disabled = true;
-
-  pageSettings = print_preview.PageSettings.getInstance();
-  copiesSettings = print_preview.CopiesSettings.getInstance();
-  layoutSettings = print_preview.LayoutSettings.getInstance();
-  marginSettings = print_preview.MarginSettings.getInstance();
-  headerFooterSettings = print_preview.HeaderFooterSettings.getInstance();
-  colorSettings = print_preview.ColorSettings.getInstance();
-  $('printer-list').onchange = updateControlsWithSelectedPrinterCapabilities;
-
-  previewArea.showLoadingAnimation();
-  chrome.send('getInitialSettings');
-}
-
-/**
- * @param {object} initialSettings An object containing all the initial
- *     settings.
- */
-function setInitialSettings(initialSettings) {
-  setInitiatorTabTitle(initialSettings['initiatorTabTitle']);
-  previewModifiable = initialSettings['previewModifiable'];
-  if (previewModifiable) {
-    print_preview.MarginSettings.setNumberFormatAndMeasurementSystem(
-        initialSettings['numberFormat'],
-        initialSettings['measurementSystem']);
-    marginSettings.setLastUsedMargins(initialSettings);
-  }
-  printAutomaticallyInKioskMode =
-      initialSettings['printAutomaticallyInKioskMode'];
-  headerFooterSettings.setChecked(initialSettings['headerFooterEnabled']);
-  copiesSettings.previousDuplexMode = initialSettings['duplex'];
-  setDefaultPrinter(initialSettings['printerName'],
-                    initialSettings['cloudPrintData']);
-}
-
-/**
- * Disables the input elements in the sidebar.
- */
-function disableInputElementsInSidebar() {
-  var els = $('navbar-container').querySelectorAll('input, button, select');
-  for (var i = 0; i < els.length; i++) {
-    if (els[i] == printHeader.cancelButton)
-      continue;
-    els[i].disabled = true;
-  }
-}
-
-/**
- * Enables the input elements in the sidebar.
- */
-function enableInputElementsInSidebar() {
-  var els = $('navbar-container').querySelectorAll('input, button, select');
-  for (var i = 0; i < els.length; i++)
-    els[i].disabled = false;
-}
+cr.define('print_preview', function() {
+  'use strict';
+
+  /**
+   * Container class for Chromium's print preview.
+   * @constructor
+   */
+  function PrintPreview() {
+    // TODO Inherit from print_preview.Component
+
+    /**
+     * Data store which holds print destinations.
+     * @type {print_preview.DestinationStore!}
+     * @private
+     */
+    this.destinationStore_ = new print_preview.DestinationStore();
+
+    /**
+     * Storage of the print ticket used to create the print job.
+     * @type {print_preview.PrintTicketStore!}
+     * @private
+     */
+    this.printTicketStore_ = new print_preview.PrintTicketStore(
+        this.destinationStore_);
+
+    /**
+     * Widget used to search for print destinations.
+     * @type {print_preview.DestinationSearch!}
+     * @private
+     */
+    this.destinationSearch_ = new print_preview.DestinationSearch(
+        this.destinationStore_);
+
+    /**
+     * Holds the print and cancel buttons and renders some document statistics.
+     * @type {print_preview.PrintHeader!}
+     * @private
+     */
+    this.printHeader_ = new print_preview.PrintHeader(
+        this.printTicketStore_, this.destinationStore_);
+
+    /**
+     * Component that renders the print destination.
+     * @type {print_preview.DestinationSettings!}
+     * @private
+     */
+    this.destinationSettings_ = new print_preview.DestinationSettings(
+        this.destinationStore_);
+
+    /**
+     * Component that renders UI for entering in page range.
+     * @type {print_preview.PageSettings!}
+     * @private
+     */
+    this.pageSettings_ = new print_preview.PageSettings(this.printTicketStore_);
+
+    /**
+     * Component that renders the copies settings.
+     * @type {print_preview.CopiesSettings!}
+     * @private
+     */
+    this.copiesSettings_ = new print_preview.CopiesSettings(
+        this.printTicketStore_);
+
+    /**
+     * Component that renders the layout settings.
+     * @type {print_preview.LayoutSettings!}
+     * @private
+     */
+    this.layoutSettings_ = new print_preview.LayoutSettings(
+          this.printTicketStore_);
+
+    /**
+     * Component that renders the color options.
+     * @type {print_preview.ColorSettings!}
+     * @private
+     */
+    this.colorSettings_ = new print_preview.ColorSettings(
+        this.printTicketStore_);
+
+    /**
+     * Component that renders a select box for choosing margin settings.
+     * @type {print_preview.MarginSettings!}
+     * @private
+     */
+    this.marginSettings_ = new print_preview.MarginSettings(
+        this.printTicketStore_);
+
+    /**
+     * Holds all the header footer related settings.
+     * @type {print_preview.HeaderFooterSettings!}
+     * @private
+     */
+    this.headerFooterSettings_ = new print_preview.HeaderFooterSettings(
+        this.printTicketStore_);
+
+    /**
+     * Area of the UI that holds the print preview.
+     * @type {print_preview.PreviewArea!}
+     * @private
+     */
+    this.previewArea_ = new print_preview.PreviewArea(
+        this.printTicketStore_, this.previewGenerator_);
+
+    /**
+     * Interface to the Google Cloud Print API. Null if Google Cloud Print
+     * integration is disabled.
+     * @type {cloudprint.CloudPrintInterface?}
+     * @private
+     */
+    this.cloudPrintInterface_ = null;
+
+    /**
+     * Event tracker for the print preview.
+     * TODO Remove this when using print_preview.Component
+     * @type {EventTracker!}
+     * @private
+     */
+    this.tracker_ = new EventTracker();
+
+    /**
+     * Whether in kiosk mode where print preview can print automatically without
+     * user intervention. See http://crbug.com/31395.
+     * TODO Use this variable.
+     * @type {boolean}
+     * @private
+     */
+    this.isInKioskAutoPrintMode_ = false;
+
+    /**
+     * State of the print preview UI.
+     * @type {PrintPreview.UiState}
+     * @private
+     */
+    this.uiState_ = PrintPreview.UiState.INITIALIZING;
+
+    /**
+     * Current state of fetching destinations.
+     * @type {PrintPreview.FetchPrintersState}
+     * @private
+     */
+    this.fetchState_ = PrintPreview.FetchState.READY;
+
+    window.addEventListener('DOMContentLoaded', this.onWindowLoad_.bind(this));
+  };
+
+  /**
+   * States of the print preview.
+   * @enum {string}
+   */
+  PrintPreview.UiState = {
+    INITIALIZING: 'initializing',
+    FETCHING_DESTINATIONS: 'fetching-destinations',
+    READY: 'ready',
+    OPENING_PDF_PREVIEW: 'opening-pdf-preview',
+    OPENING_NATIVE_PRINT_DIALOG: 'opening-native-print-dialog',
+    PRINTING: 'printing',
+    FILE_SELECTION: 'file-selection',
+    CLOSING: 'closing'
+  };
+
+  /**
+   * Bitfield of the states of fetching destinations.
+   * @enum {number}
+   * @private
+   */
+  PrintPreview.FetchState = {
+    READY: 1,
+    LOCAL_DESTINATIONS: 2,
+    RECENT_CLOUD_DESTINATIONS: 4,
+    ALL_CLOUD_DESTINATIONS: 8
+  };
+
+  PrintPreview.prototype = {
+    /**
+     * Renders the UI of the print preview.
+     * @private
+     */
+    render_: function() {
+      this.destinationSearch_.decorate($('destination-search'));
+      this.printHeader_.decorate($('print-header'));
+      this.destinationSettings_.decorate($('destination-settings'));
+      this.pageSettings_.decorate($('page-settings'));
+      this.copiesSettings_.decorate($('copies-settings'));
+      this.layoutSettings_.decorate($('layout-settings'));
+      this.colorSettings_.decorate($('color-settings'));
+      this.marginSettings_.decorate($('margin-settings'));
+      this.headerFooterSettings_.decorate($('header-footer-settings'));
+      this.previewArea_.decorate($('preview-area'));
+      this.addEventListeners_();
+    },
+
+    disable_: function() {
+      $('system-dialog-link').disabled = true;
+      if (cr.isMac) {
+        $('open-pdf-in-preview-link').disabled = true;
+      }
+      this.printHeader_.isEnabled = false;
+      this.destinationSettings_.isEnabled = false;
+      this.pageSettings_.isEnabled = false;
+      this.copiesSettings_.isEnabled = false;
+      this.layoutSettings_.isEnabled = false;
+      this.colorSettings_.isEnabled = false;
+      this.marginSettings_.isEnabled = false;
+      this.headerFooterSettings_.isEnabled = false;
+    },
+
+    /**
+     * Creates a local PDF print destination.
+     * @return {print_preview.Destination} A new local PDF print destination.
+     * @private
+     */
+    createLocalPdfPrintDestination_: function() {
+      var pdfDestination = new print_preview.Destination(
+          PRINT_TO_PDF,
+          localStrings.getString('printToPDF'),
+          PRINT_TO_PDF == this.initialDestinationId_,
+          true);
+      var caps = new print_preview.CapabilityList();
+      pdfDestination.capabilities = caps;
+      return pdfDestination;
+    },
+
+    printDocumentOrOpenPdfPreview_: function(isPdfPreview) {
+      if (this.uiState_ != PrintPreview.UiState.READY &&
+          this.uiState_ != PrintPreview.UiState.FETCHING_DESTINATIONS) {
+        throw Error(
+            'Print document request received when not in ready nor ' +
+            'fetching-destinations state: ' + this.uiState_);
+      }
+      if (!this.printTicketStore_.isTicketValid()) {
+        throw Error('Trying to print with an invalid print ticket');
+      }
+      nativeLayer.startSaveDestinationAndTicket(
+          this.destinationStore_.selectedDestination.id,
+          this.printTicketStore_.serializeTicket());
+      nativeLayer.startPrint(
+          this.printTicketStore_.createTicketForChromium(),
+          this.printTicketStore_.createTicketForCloudPrint());
+      // TODO handle case when need to pop open file selection dialog.
+      // if (isPdfPreview) {
+      //   settings.OpenPDFInPreview = isPdfPreview;
+      // }
+      this.uiState_ = isPdfPreview ?
+          PrintPreview.UiState.OPENING_PDF_PREVIEW :
+          PrintPreview.UiState.PRINTING;
+    },
+
+    /**
+     * Closes the print preview.
+     * @private
+     */
+    close_: function() {
+      this.removeEventListeners_();
+      this.uiState_ = PrintPreview.UiState.CLOSING;
+      nativeLayer.startCloseDialog();
+    },
+
+    openSystemPrintDialog_: function() {
+      if (this.uiState_ != PrintPreview.UiState.READY &&
+          this.uiState_ != PrintPreview.UiState.FETCHING_DESTINATIONS) {
+        throw Error(
+            'Request to open system dialog received when not in ready nor ' +
+            'fetching-destinations state: ' + this.uiState_);
+      }
+      this.disable_();
+      this.uiState_ = PrintPreview.UiState.OPENING_NATIVE_PRINT_DIALOG;
+      nativeLayer.startShowSystemDialog();
+    },
+
+    /**
+     * Adds event listeners used by this component.
+     * @private
+     */
+    addEventListeners_: function() {
+      // Native layer events.
+      this.tracker_.add(
+          nativeLayer,
+          print_preview.NativeLayer.Event.INITIAL_SETTINGS_SET,
+          this.onInitialSettingsSet_.bind(this));
+      this.tracker_.add(
+          nativeLayer,
+          print_preview.NativeLayer.Event.CLOUD_PRINT_ENABLE,
+          this.onCloudPrintEnable_.bind(this));
+      this.tracker_.add(
+          nativeLayer,
+          print_preview.NativeLayer.Event.LOCAL_DESTINATIONS_SET,
+          this.onLocalDestinationsSet_.bind(this));
+      this.tracker_.add(
+          nativeLayer,
+          print_preview.NativeLayer.Event.CAPABILITIES_SET,
+          this.onLocalDestinationCapabilitiesSet_.bind(this));
+      this.tracker_.add(
+          nativeLayer,
+          print_preview.NativeLayer.Event.DESTINATIONS_RELOAD,
+          this.onDestinationsReload_.bind(this));
+      this.tracker_.add(
+          nativeLayer,
+          print_preview.NativeLayer.Event.PRINT_TO_CLOUD,
+          this.onPrintToCloud_.bind(this));
+      this.tracker_.add(
+          nativeLayer,
+          print_preview.NativeLayer.Event.FILE_SELECTION_CANCEL,
+          this.onFileSelectionCancel_.bind(this));
+      this.tracker_.add(
+          nativeLayer,
+          print_preview.NativeLayer.Event.FILE_SELECTION_COMPLETE,
+          this.onFileSelectionComplete_.bind(this));
+      this.tracker_.add(
+          nativeLayer,
+          print_preview.NativeLayer.Event.SETTINGS_INVALID,
+          this.onSettingsInvalid_.bind(this));
+
+      this.tracker_.add(
+          this.destinationSettings_,
+          print_preview.DestinationSettings.Event.CHANGE_BUTTON_ACTIVATE,
+          this.onDestinationChangeButtonActivate_.bind(this));
+
+      this.tracker_.add(
+          $('system-dialog-link'),
+          'click',
+          this.onSystemDialogLinkClicked_.bind(this));
+
+      if (cr.isMac) {
+        this.tracker_.add(
+            $('open-pdf-in-preview-link'),
+            'click',
+            this.onOpenPdfInPreviewLinkClick_.bind(this));
+      }
+
+      // TODO Do we still need this?
+      this.tracker_.add(document, 'click', setLastClickedElement);
+
+      this.tracker_.add(
+          this.previewArea_,
+          print_preview.PreviewArea.Event.PREVIEW_GENERATION_FAIL,
+          this.onPreviewGenerationFail_.bind(this));
+      this.tracker_.add(
+          this.previewArea_,
+          print_preview.PreviewArea.Event.OPEN_SYSTEM_DIALOG_CLICK,
+          this.openSystemPrintDialog_.bind(this));
+
+      this.tracker_.add(
+          this.destinationStore_,
+          print_preview.DestinationStore.Event.DESTINATION_SELECT,
+          this.onDestinationSelect_.bind(this));
+
+      this.tracker_.add(
+          this.printHeader_,
+          print_preview.PrintHeader.Event.PRINT_BUTTON_CLICK,
+          this.onPrintButtonClick_.bind(this));
+      this.tracker_.add(
+          this.printHeader_,
+          print_preview.PrintHeader.Event.CANCEL_BUTTON_CLICK,
+          this.onCancelButtonClick_.bind(this));
+
+      this.tracker_.add(
+          this.destinationSearch_,
+          print_preview.DestinationSearch.Event.SIGN_IN,
+          this.onCloudPrintSignInRequested_.bind(this));
+
+      this.tracker_.add(window, 'keydown', this.onKeyDown_.bind(this));
+    },
+
+    /**
+     * Removes all event listeners used by this component.
+     * @private
+     */
+    removeEventListeners_: function() {
+      this.tracker_.removeAll();
+    },
+
+    /**
+     * Window onload handler, sets up the page and starts print preview by
+     * getting the printer list.
+     * @private
+     */
+    onWindowLoad_: function() {
+      this.render_();
+      i18nTemplate.process(document, templateData);
+      if (!this.previewArea_.hasCompatiblePlugin) {
+        this.disable_();
+      }
+      nativeLayer.startGetInitialSettings();
+      $('clear-log-button').onclick = function() {
+        $('log').innerHTML = '';
+      };
+    },
+
+    /**
+     * Called when the native layer has initial settings to set. Sets the
+     * initial settings of the print preview and begins fetching print
+     * destinations.
+     * @param {cr.Event} evt Contains the initial print preview
+     *     settings persisted through the session.
+     * @private
+     */
+    onInitialSettingsSet_: function(evt) {
+      if (this.uiState_ != PrintPreview.UiState.INITIALIZING) {
+        throw Error(
+            'Updating initial settings when not in initializing state: ' +
+            this.uiState_);
+      }
+
+      var initialSettings = evt.initialSettings;
+
+      // Not using initialSettings['initiatorTabTitle'] since the print preview
+      // no longer opens in a new tab. And because of this,
+      // localStrings.getStringF('printPreviewTitleFormat', initiatorTabTitle)
+      // is also not used.
+
+      // TODO use this boolean
+      this.isInKioskAutoPrintMode_ =
+          initialSettings['printAutomaticallyInKioskMode'];
+
+      var customMargins = null;
+      if (initialSettings.hasOwnProperty('marginTop') &&
+          initialSettings.hasOwnProperty('marginRight') &&
+          initialSettings.hasOwnProperty('marginBottom') &&
+          initialSettings.hasOwnProperty('marginLeft')) {
+        customMargins = [
+            initialSettings['marginTop'],
+            initialSettings['marginRight'],
+            initialSettings['marginBottom'],
+            initialSettings['marginLeft']
+        ];
+      }
+
+      // TODO Use initialSettings['cloudPrintData'] somehow. Btw,
+      // initialSettings['cloudPrintData'] is the JSON form of the cloud
+      // printer's capabilities.
+
+      this.printTicketStore_.initialize(
+          initialSettings['previewModifiable'],
+          initialSettings['duplex'],
+          initialSettings['headerFooterEnabled'],
+          initialSettings['marginsType'],
+          customMargins,
+          initialSettings['numberFormat'],
+          initialSettings['measurementSystem']);
+
+      this.destinationStore_.initialDestinationId =
+          initialSettings['printerName'];
+
+      nativeLayer.startGetLocalDestinations();
+      this.uiState_ = PrintPreview.UiState.FETCHING_DESTINATIONS;
+    },
+
+    /**
+     * Calls when the native layer enables Google Cloud Print integration.
+     * Fetches the user's cloud printers.
+     * @param {cr.Event} evt Contains the base URL of the Google Cloud Print
+     *     service.
+     * @private
+     */
+    onCloudPrintEnable_: function(evt) {
+      if (this.uiState_ != PrintPreview.UiState.FETCHING_DESTINATIONS) {
+        throw Error(
+            'Enabling Google Cloud Print when not in fetching-destinations ' +
+            'state: ' + this.uiState_);
+      }
+      this.cloudPrintInterface_ = new cloudprint.CloudPrintInterface(
+          evt.baseCloudPrintUrl);
+      this.tracker_.add(
+          this.cloudPrintInterface_,
+          cloudprint.CloudPrintInterface.Event.SEARCH_DONE,
+          this.onCloudPrintSearchDone_.bind(this));
+      this.tracker_.add(
+          this.cloudPrintInterface_,
+          cloudprint.CloudPrintInterface.Event.PRINTER_DONE,
+          this.onCloudPrintPrinterDone_.bind(this));
+      this.tracker_.add(
+          this.cloudPrintInterface_,
+          cloudprint.CloudPrintInterface.Event.SUBMIT_DONE,
+          this.onCloudPrintSubmitDone_.bind(this));
+      this.tracker_.add(
+          this.cloudPrintInterface_,
+          cloudprint.CloudPrintInterface.Event.ERROR,
+          this.onCloudPrintError_.bind(this));
+
+      // Fetch recent printers.
+      this.cloudPrintInterface_.search(true /*isRecent*/);
+      // Fetch the full printer list.
+      this.cloudPrintInterface_.search(false /*isRecent*/);
+
+      this.fetchState_ |=
+          PrintPreview.FetchState.RECENT_CLOUD_DESTINATIONS |
+          PrintPreview.FetchState.ALL_CLOUD_DESTINATIONS;
+    },
+
+    /**
+     * Called when the native layer gets local destinations. Adds local
+     * destination objects received from the operating system to the destination
+     * store.
+     * @param {cr.Event} Contains the local destinations to set.
+     * @private
+     */
+    onLocalDestinationsSet_: function(evt) {
+      if (this.uiState_ != PrintPreview.UiState.FETCHING_DESTINATIONS) {
+        throw Error(
+            'Received local destinations when not in fetching-destinations ' +
+            'state: ' + this.uiState_);
+      }
+
+      var localDestinations = [];
+
+      // Add local destinations.
+      for (var destInfo, i = 0; destInfo = evt.destinationInfos[i]; i++) {
+        localDestinations.push(
+            print_preview.LocalDestinationParser.parse(destInfo));
+      }
+
+      // Add print-to-pdf destination.
+      localDestinations.push(this.createLocalPdfPrintDestination_());
+
+      this.destinationStore_.insertDestinations(localDestinations);
+
+      this.fetchState_ &= ~PrintPreview.FetchState.LOCAL_DESTINATIONS;
+      if (this.fetchState_ == PrintPreview.FetchState.READY) {
+        this.uiState_ = PrintPreview.UiState.READY;
+      }
+    },
+
+    /**
+     * Called when the native layer retrieves the capabilities for the selected
+     * local destination.
+     * @param {cr.Event} evt Contains the capabilities of the local print
+     *     destination.
+     * @private
+     */
+    onLocalDestinationCapabilitiesSet_: function(evt) {
+      // TODO There may be a race condition here. This method is assumed to
+      // return capabilities for the currently selected printer. But between the
+      // time the local printer was selected and the capabilities were
+      // retrieved, the selected printer can change. One way to address this is
+      // to include the destination ID in the settingsInfo parameter.
+      // TODO Change data type of Destination.capabilities to
+      // ChromiumCapabilities.
+      var capabilities = print_preview.LocalCapabilitiesParser.parse(
+          evt.settingsInfo);
+      this.destinationStore_.selectedDestination.capabilities = capabilities;
+      this.printTicketStore_.updateDestinationCapabilities(capabilities);
+    },
+
+    /**
+     * Called from native layer after the user was requested to sign in, and did
+     * so successfully.
+     * @private
+     */
+    onDestinationsReload_: function() {
+      if (this.uiState_ != PrintPreview.UiState.READY) {
+        throw Error(
+            'Reload request received but not in ready state: ' + this.uiState_);
+      }
+      this.destinationStore_.clear();
+      nativeLayer.startGetLocalDestinations();
+      if (this.cloudPrintInterface_) {
+        // Fetch recent printers.
+        this.cloudPrintInterface_.search(true /*isRecent*/);
+        // Fetch the full printer list.
+        this.cloudPrintInterface_.search(false /*isRecent*/);
+      }
+      this.uiState_ = PrintPreview.UiState.FETCHING_DESTINATIONS;
+      this.fetchState_ =
+          PrintPreview.FetchState.LOCAL_DESTINATIONS |
+          PrintPreview.FetchState.ALL_CLOUD_DESTINATIONS |
+          PrintPreview.FetchState.RECENT_CLOUD_DESTINATIONS;
+    },
+
+    /**
+     * Called from the native layer when ready to print to Google Cloud Print.
+     * @param {cr.Event} evt Contains the body to send in the HTTP request.
+     * @private
+     */
+    onPrintToCloud_: function(evt) {
+      if (this.uiState_ != PrintPreview.UiState.PRINTING) {
+        throw Error(
+            'Document ready to be sent to the cloud when not in printing ' +
+            'state: ' + this.uiState_);
+      }
+      if (this.cloudPrintInterface_) {
+        this.cloudPrintInterface_.submit(evt.data);
+      } else {
+        throw Error('Google Cloud Print is not enabled');
+      }
+    },
+
+    /**
+     * Called from the native layer when the user cancels the save-to-pdf file
+     * selection dialog.
+     * @private
+     */
+    onFileSelectionCancel_: function() {
+      if (this.uiState_ != PrintPreview.UiState.FILE_SELECTION) {
+        throw Error(
+            'File selection cancelled when not in file-selection state: ' +
+            this.uiState_);
+      }
+      // TODO Reenable controls.
+      this.uiState_ = PrintPreview.UiState.READY;
+    },
+
+    /**
+     * Called from the native layer when save-to-pdf file selection is complete.
+     * @private
+     */
+    onFileSelectionComplete_: function() {
+      this.disable_();
+      this.previewArea_.showCustomMessage(
+          localStrings.getString('printingToPDFInProgress'));
+      // TODO
+    },
+
+    /**
+     * Called when the print destination 'Change' button is activated.
+     * @private
+     */
+    onDestinationChangeButtonActivate_: function() {
+      this.destinationSearch_.isVisible = true;
+    },
+
+    /**
+     * Called when the Google Cloud Print search API call completes. Adds
+     * destinations to the printer store and selects one if it matches the
+     * initial destination.
+     * @param {cr.Event} evt Contains the new cloud destinations.
+     * @private
+     */
+    onCloudPrintSearchDone_: function(evt) {
+      this.destinationSearch_.cloudPrintEmail = evt.email;
+      this.destinationStore_.insertDestinations(evt.printers);
+
+      if (evt.isRecent) {
+        this.fetchState_ &= ~PrintPreview.FetchState.RECENT_CLOUD_DESTINATIONS;
+      } else {
+        this.fetchState_ &= ~PrintPreview.FetchState.ALL_CLOUD_DESTINATIONS;
+      }
+      if (this.fetchState_ == PrintPreview.FetchState.READY) {
+        this.uiState_ = PrintPreview.UiState.READY;
+      }
+    },
+
+    /**
+     * Called when the Google Cloud Print printer API call completes. Updates
+     * the UI with the newly received capabilities.
+     * @param {cr.Event} evt Contains the destination returned in the printer
+     *     API call.
+     */
+    onCloudPrintPrinterDone_: function(evt) {
+      var dest = this.destinationStore_.updateDestination(evt.printer);
+      if (this.destinationStore_.selectedDestination == dest) {
+        this.printTicketStore_.updateDestinationCapabilities(dest.capabilities);
+      }
+    },
+
+    onCloudPrintSubmitDone_: function(evt) {
+      this.close_();
+    },
+
+    /**
+     * Called when there was an error communicating with Google Cloud print.
+     * Displays an error message in the print header.
+     * @param {cr.Event} evt Contains the error message.
+     * @private
+     */
+    onCloudPrintError_: function(evt) {
+      if (evt.message == '403') {
+        this.destinationSearch_.showCloudPrintPromo();
+      } else {
+        this.printHeader_.setErrorMessage(evt.message);
+      }
+      this.fetchState_ &=
+          (~PrintPreview.FetchState.RECENT_CLOUD_DESTINATIONS &
+           ~PrintPreview.FetchState.ALL_CLOUD_DESTINATIONS);
+      if (this.fetchState_ == PrintPreview.FetchState.READY) {
+        this.uiState_ = PrintPreview.UiState.READY;
+      }
+    },
+
+    onCloudPrintSignInRequested_: function() {
+      nativeLayer.startCloudPrintSignIn();
+    },
+
+    /**
+     * Called when a new destination has been selected. Fetches the
+     * destination's capability list.
+     * @private
+     */
+    onDestinationSelect_: function() {
+      var destination = this.destinationStore_.selectedDestination;
+
+      // Fetch destination capabilities if necessary.
+      if (!destination.capabilities) {
+        if (destination.isLocal) {
+          nativeLayer.startGetLocalDestinationCapabilities(destination.id);
+        } else if (this.cloudPrintInterface_) {
+          this.cloudPrintInterface_.printer(destination.id);
+        } else {
+          // TODO Probably a cloud printer was initially selected, but cloud
+          // print is no longer available. Maybe default to the system's local
+          // default? What about Chrome OS?
+          throw Error(
+              'Selected destination is a cloud destination, but Google Cloud ' +
+              'Print is not enabled');
+        }
+      } else {
+        this.printTicketStore_.updateDestinationCapabilities(
+            destination.capabilities);
+      }
+    },
+
+    /**
+     * Called when the preview area's preview failed to load.
+     * @private
+     */
+    onPreviewGenerationFail_: function() {
+      if (this.uiState_ == PrintPreview.UiState.PRINTING) {
+        nativeLayer.startCancelPendingPrint();
+      }
+    },
+
+    onSystemDialogLinkClicked_: function() {
+      $('system-dialog-throbber').hidden = false;
+      this.openSystemPrintDialog_();
+    },
+
+    /**
+     * Called when the 'Open pdf in preview' link is clicked. Launches the pdf
+     * preview app.
+     * @private
+     */
+    onOpenPdfInPreviewLinkClick_: function() {
+      if (this.uiState_ != PrintPreview.UiState.READY &&
+          this.uiState_ != PrintPreview.UiState.FETCHING_DESTINATIONS) {
+        throw Error(
+            'Trying to open pdf in preview when not in ready nor ' +
+            'fetching-destinations state: ' + this.uiState_);
+      }
+      $('open-preview-app-throbber').hidden = false;
+      this.disable_();
+      previewArea.showCustomMessage(
+          localStrings.getString('openingPDFInPreview'));
+      this.uiState_ = PrintPreview.UiState.OPENING_PDF_PREVIEW;
+      this.printDocumentOrOpenPdfPreview_(true /*isPdfPreview*/);
+    },
+
+    /**
+     * Called when the print header's print button is clicked. Prints the
+     * document.
+     * @private
+     */
+    onPrintButtonClick_: function() {
+      if (this.uiState_ != PrintPreview.UiState.READY &&
+          this.uiState_ != PrintPreview.UiState.FETCHING_DESTINATIONS) {
+        throw Error(
+            'Trying to print when not in ready nor fetching-destinations ' +
+            'state: ' + this.uiState_);
+      }
+      this.printDocumentOrOpenPdfPreview_(false /*isPdfPreview*/);
+    },
+
+    /**
+     * Called when the print header's cancel button is clicked. Closes the
+     * print dialog.
+     * @private
+     */
+    onCancelButtonClick_: function() {
+      this.close_();
+    },
+
+    /**
+     * Consume escape key presses and ctrl + shift + p. Delegate everything else
+     * to the preview area.
+     * @param {KeyboardEvent} e The keyboard event.
+     * @private
+     */
+    onKeyDown_: function(e) {
+      // Escape key closes the dialog.
+      if (e.keyCode == 27 && !e.shiftKey && !e.ctrlKey && !e.altKey &&
+          !e.metaKey) {
+        if (this.destinationSearch_.isVisible) {
+          this.destinationSearch_.isVisible = false;
+        } else {
+          this.close_();
+        }
+        e.preventDefault();
+        return;
+      }
+
+      // Ctrl + Shift + p / Mac equivalent.
+      if (e.keyCode == 80) {
+        if ((cr.isMac && e.metaKey && e.altKey && !e.shiftKey && !e.ctrlKey) ||
+            (!cr.isMac && e.shiftKey && e.ctrlKey && !e.altKey && !e.metaKey)) {
+          this.openSystemPrintDialog_();
+          e.preventDefault();
+          return;
+        }
+      }
+
+      // Pass certain directional keyboard events to the PDF viewer.
+      this.previewArea_.handleDirectionalKeyEvent(e);
+    },
+
+    /**
+     * Called when native layer receives invalid settings for a print request.
+     * @private
+     */
+    onSettingsInvalid_: function() {
+      // TODO UI state change
+      if (cr.isMac) {
+        if (previewAppRequested) {
+          $('open-preview-app-throbber').hidden = true;
+          this.previewArea_.clearCustomMessageWithDots();
+          previewAppRequested = false;
+          hasPendingPrintDocumentRequest = false;
+          enableInputElementsInSidebar();
+        }
+        $('open-pdf-in-preview-link').disabled = true;
+      }
+      this.previewArea_.displayErrorMessageAndNotify(
+          localStrings.getString('invalidPrinterSettings'));
+    }
+  };
+
+  return {
+    PrintPreview: PrintPreview
+  };
+});
 
 /**
  * Keep track of the last element to receive a click.
  * @param {Event} e The click event.
  */
 function setLastClickedElement(e) {
   lastClickedElement = e.target;
 }
 
-/**
- * Disables the controls in the sidebar, shows the throbber and instructs the
- * backend to open the native print dialog.
- */
-function onSystemDialogLinkClicked() {
-  if (showingSystemDialog)
-    return;
-  showingSystemDialog = true;
-  disableInputElementsInSidebar();
-  printHeader.disableCancelButton();
-  $('system-dialog-throbber').hidden = false;
-  chrome.send('showSystemDialog');
+function log(message) {
+  $('log').appendChild(document.createTextNode(message));
+  $('log').appendChild(document.createElement('br'));
 }
 
-/**
- * Disables the controls in the sidebar, shows the throbber and instructs the
- * backend to open the pdf in native preview app. This is only for Mac.
- */
-function onOpenPdfInPreviewLinkClicked() {
-  if (previewAppRequested)
-    return;
-  previewAppRequested = true;
-  disableInputElementsInSidebar();
-  $('open-preview-app-throbber').hidden = false;
-  printHeader.disableCancelButton();
-  requestToPrintDocument();
-}
-
-/**
- * Similar to onSystemDialogLinkClicked(), but specific to the
- * 'Launch native print dialog' UI.
- */
-function launchNativePrintDialog() {
-  if (showingSystemDialog)
-    return;
-  showingSystemDialog = true;
-  previewArea.errorButton.disabled = true;
-  printHeader.disableCancelButton();
-  $('native-print-dialog-throbber').hidden = false;
-  chrome.send('showSystemDialog');
-}
-
-/**
- * Gets the selected printer capabilities and updates the controls accordingly.
- */
-function updateControlsWithSelectedPrinterCapabilities() {
-  var printerList = $('printer-list');
-  var selectedIndex = printerList.selectedIndex;
-  if (selectedIndex < 0)
-    return;
-  if (cr.isMac)
-    $('open-pdf-in-preview-link').disabled = false;
-
-  var skip_refresh = false;
-  var selectedValue = printerList.options[selectedIndex].value;
-  if (cloudprint.isCloudPrint(printerList.options[selectedIndex])) {
-    cloudprint.updatePrinterCaps(printerList.options[selectedIndex],
-                                 doUpdateCloudPrinterCapabilities);
-    skip_refresh = true;
-  } else if (selectedValue == SIGN_IN ||
-             selectedValue == MANAGE_CLOUD_PRINTERS ||
-             selectedValue == MANAGE_LOCAL_PRINTERS) {
-    printerList.selectedIndex = lastSelectedPrinterIndex;
-    chrome.send(selectedValue);
-    skip_refresh = true;
-  } else if (selectedValue == PRINT_TO_PDF ||
-             selectedValue == PRINT_WITH_CLOUD_PRINT) {
-    updateWithPrinterCapabilities({
-        'disableColorOption': true,
-        'setColorAsDefault': true,
-        'setDuplexAsDefault': false,
-        'printerColorModelForColor': print_preview.ColorSettings.COLOR,
-        'printerDefaultDuplexValue': copiesSettings.UNKNOWN_DUPLEX_MODE,
-        'disableCopiesOption': true});
-    if (cr.isChromeOS && selectedValue == PRINT_WITH_CLOUD_PRINT)
-      requestToPrintDocument();
-  } else {
-    // This message will call back to 'updateWithPrinterCapabilities'
-    // function.
-    chrome.send('getPrinterCapabilities', [selectedValue]);
-  }
-  if (!skip_refresh) {
-    lastSelectedPrinterIndex = selectedIndex;
-
-    // Regenerate the preview data based on selected printer settings.
-    // Do not reset the margins if no preview request has been made.
-    var resetMargins = lastPreviewRequestID != initialPreviewRequestID;
-    setDefaultValuesAndRegeneratePreview(resetMargins);
-  }
-}
-
-/**
- * Helper function to do the actual work of updating cloud printer
- * capabilities.
- * @param {Object} printer The printer object to set capabilities for.
- */
-function doUpdateCloudPrinterCapabilities(printer) {
-  var settings = {'disableColorOption': !cloudprint.supportsColor(printer),
-                  'setColorAsDefault': cloudprint.colorIsDefault(printer),
-                  'disableCopiesOption': true,
-                  'disableLandscapeOption': true};
-  updateWithPrinterCapabilities(settings);
-  var printerList = $('printer-list');
-  var selectedIndex = printerList.selectedIndex;
-  lastSelectedPrinterIndex = selectedIndex;
-
-  // Regenerate the preview data based on selected printer settings.
-  // Do not reset the margins if no preview request has been made.
-  var resetMargins = lastPreviewRequestID != initialPreviewRequestID;
-  setDefaultValuesAndRegeneratePreview(resetMargins);
-}
-
-/**
- * Notifies listeners of |customEvents.PRINTER_CAPABILITIES_UPDATED| about the
- * capabilities of the currently selected printer. It is called from C++ too.
- * @param {Object} settingInfo printer setting information.
- */
-function updateWithPrinterCapabilities(settingInfo) {
-  var customEvent = new cr.Event(customEvents.PRINTER_CAPABILITIES_UPDATED);
-  customEvent.printerCapabilities = settingInfo;
-  document.dispatchEvent(customEvent);
-}
-
-/**
- * Reloads the printer list.
- */
-function reloadPrintersList() {
-  $('printer-list').length = 0;
-  firstCloudPrintOptionPos = 0;
-  lastCloudPrintOptionPos = 0;
-  chrome.send('getPrinters');
-}
-
-/**
- * Turn on the integration of Cloud Print.
- * @param {string} cloudPrintURL The URL to use for cloud print servers.
- */
-function setUseCloudPrint(cloudPrintURL) {
-  useCloudPrint = true;
-  cloudprint.setBaseURL(cloudPrintURL);
-}
-
-/**
- * Take the PDF data handed to us and submit it to the cloud, closing the print
- * preview tab once the upload is successful.
- * @param {string} data Data to send as the print job.
- */
-function printToCloud(data) {
-  cloudprint.printToCloud(data, finishedCloudPrinting);
-}
-
-/**
- * Cloud print upload of the PDF file is finished, time to close the dialog.
- */
-function finishedCloudPrinting() {
-  closePrintPreviewTab();
-}
-
-/**
- * Checks whether the specified settings are valid.
- *
- * @return {boolean} true if settings are valid, false if not.
- */
-function areSettingsValid() {
-  var selectedPrinter = getSelectedPrinterName();
-  return pageSettings.isPageSelectionValid() &&
-      marginSettings.areMarginSettingsValid() &&
-      (copiesSettings.isValid() || selectedPrinter == PRINT_TO_PDF ||
-       selectedPrinter == PRINT_WITH_CLOUD_PRINT);
-}
-
-/**
- * Creates an object based on the values in the printer settings.
- *
- * @return {Object} Object containing print job settings.
- */
-function getSettings() {
-  var deviceName = getSelectedPrinterName();
-  var printToPDF = deviceName == PRINT_TO_PDF;
-  var printWithCloudPrint = deviceName == PRINT_WITH_CLOUD_PRINT;
-
-  var settings =
-      {'deviceName': deviceName,
-       'pageRange': pageSettings.selectedPageRanges,
-       'duplex': copiesSettings.duplexMode,
-       'copies': copiesSettings.numberOfCopies,
-       'collate': copiesSettings.isCollated(),
-       'landscape': layoutSettings.isLandscape(),
-       'color': colorSettings.colorMode,
-       'printToPDF': printToPDF,
-       'printWithCloudPrint': printWithCloudPrint,
-       'isFirstRequest' : false,
-       'headerFooterEnabled': headerFooterSettings.hasHeaderFooter(),
-       'marginsType': marginSettings.selectedMarginsValue,
-       'requestID': -1,
-       'generateDraftData': generateDraftData,
-       'previewModifiable': previewModifiable};
-
-  if (marginSettings.isCustomMarginsSelected())
-    settings['marginsCustom'] = marginSettings.customMargins;
-
-  var printerList = $('printer-list');
-  var selectedPrinter = printerList.selectedIndex;
-  if (cloudprint.isCloudPrint(printerList.options[selectedPrinter])) {
-    settings['cloudPrintID'] =
-        printerList.options[selectedPrinter].value;
-  }
-  return settings;
-}
-
-/**
- * Creates an object based on the values in the printer settings.
- * Note: |lastPreviewRequestID| is being modified every time this function is
- * called. Only call this function when a preview request is actually sent,
- * otherwise (for example when debugging) call getSettings().
- *
- * @return {Object} Object containing print job settings.
- */
-function getSettingsWithRequestID() {
-  var settings = getSettings();
-  settings.requestID = generatePreviewRequestID();
-  settings.isFirstRequest = isFirstPreviewRequest();
-  return settings;
-}
-
-/**
- * @return {number} The next unused preview request id.
- */
-function generatePreviewRequestID() {
-  return ++lastPreviewRequestID;
-}
-
-/**
- * @return {boolean} True iff a preview has been requested.
- */
-function hasRequestedPreview() {
-  return lastPreviewRequestID != initialPreviewRequestID;
-}
-
-/**
- * @return {boolean} True if |lastPreviewRequestID| corresponds to the initial
- *     preview request.
- */
-function isFirstPreviewRequest() {
-  return lastPreviewRequestID == initialPreviewRequestID + 1;
-}
-
-/**
- * Checks if |previewResponseId| matches |lastPreviewRequestId|. Used to ignore
- * obsolete preview data responses.
- * @param {number} previewResponseId The id to check.
- * @return {boolean} True if previewResponseId reffers to the expected response.
- */
-function isExpectedPreviewResponse(previewResponseId) {
-  return lastPreviewRequestID == previewResponseId;
-}
-
-/**
- * Returns the name of the selected printer or the empty string if no
- * printer is selected.
- * @return {string} The name of the currently selected printer.
- */
-function getSelectedPrinterName() {
-  var printerList = $('printer-list');
-  var selectedPrinter = printerList.selectedIndex;
-  if (selectedPrinter < 0)
-    return '';
-  return printerList.options[selectedPrinter].value;
-}
-
-/**
- * Asks the browser to print the preview PDF based on current print
- * settings. If the preview is still loading, printPendingFile() will get
- * called once the preview loads.
- */
-function requestToPrintDocument() {
-  hasPendingPrintDocumentRequest = !isPrintReadyMetafileReady;
-  var selectedPrinterName = getSelectedPrinterName();
-  var printToPDF = selectedPrinterName == PRINT_TO_PDF;
-  var printWithCloudPrint = selectedPrinterName == PRINT_WITH_CLOUD_PRINT;
-  if (hasPendingPrintDocumentRequest) {
-    if (previewAppRequested) {
-      previewArea.showCustomMessage(
-          localStrings.getString('openingPDFInPreview'));
-    } else if (printToPDF) {
-      sendPrintDocumentRequest();
-    } else if (printWithCloudPrint) {
-      previewArea.showCustomMessage(
-          localStrings.getString('printWithCloudPrintWait'));
-      disableInputElementsInSidebar();
-    } else {
-      isTabHidden = true;
-      chrome.send('hidePreview');
-    }
-    return;
-  }
-
-  if (printToPDF || previewAppRequested) {
-    sendPrintDocumentRequest();
-  } else {
-    window.setTimeout(function() { sendPrintDocumentRequest(); }, 1000);
-  }
-}
-
-/**
- * Sends a message to cancel the pending print request.
- */
-function cancelPendingPrintRequest() {
-  if (isTabHidden)
-    chrome.send('cancelPendingPrintRequest');
-}
-
-/**
- * Sends a message to initiate print workflow.
- */
-function sendPrintDocumentRequest() {
-  var printerList = $('printer-list');
-  var printer = printerList[printerList.selectedIndex];
-  chrome.send('saveLastPrinter', [printer.value, cloudprint.getData(printer)]);
-
-  var settings = getSettings();
-  if (cr.isMac && previewAppRequested)
-    settings.OpenPDFInPreview = true;
-
-  chrome.send('print', [JSON.stringify(settings),
-                        cloudprint.getPrintTicketJSON(printer)]);
-}
-
-/**
- * Loads the selected preview pages.
- */
-function loadSelectedPages() {
-  pageSettings.updatePageSelection();
-  var pageSet = pageSettings.previouslySelectedPages;
-  var pageCount = pageSet.length;
-  if (pageCount == 0 || currentPreviewUid == '')
-    return;
-
-  cr.dispatchSimpleEvent(document, customEvents.UPDATE_SUMMARY);
-  for (var i = 0; i < pageCount; i++)
-    onDidPreviewPage(pageSet[i] - 1, currentPreviewUid, lastPreviewRequestID);
-}
-
-/**
- * Asks the browser to generate a preview PDF based on current print settings.
- */
-function requestPrintPreview() {
-  if (!isTabHidden)
-    previewArea.showLoadingAnimation();
-
-  if (!hasPendingPreviewRequest && previewModifiable &&
-      hasOnlyPageSettingsChanged()) {
-    loadSelectedPages();
-    generateDraftData = false;
-  } else {
-    hasPendingPreviewRequest = true;
-    generateDraftData = true;
-    pageSettings.updatePageSelection();
-  }
-
-  printSettings.save();
-  layoutSettings.updateState();
-  previewArea.resetState();
-  isPrintReadyMetafileReady = false;
-  isFirstPageLoaded = false;
-
-  var totalPageCount = pageSettings.totalPageCount;
-  if (!previewModifiable && totalPageCount > 0)
-    generateDraftData = false;
-
-  var pageCount = totalPageCount != undefined ? totalPageCount : -1;
-  chrome.send('getPreview', [JSON.stringify(getSettingsWithRequestID()),
-                             pageCount,
-                             previewModifiable]);
-}
-
-/**
- * Called from PrintPreviewUI::OnFileSelectionCancelled to notify the print
- * preview tab regarding the file selection cancel event.
- */
-function fileSelectionCancelled() {
-  printHeader.enableCancelButton();
-}
-
-/**
- * Called from PrintPreviewUI::OnFileSelectionCompleted to notify the print
- * preview tab regarding the file selection completed event.
- */
-function fileSelectionCompleted() {
-  // If the file selection is completed and the tab is not already closed it
-  // means that a pending print to pdf request exists.
-  disableInputElementsInSidebar();
-  previewArea.showCustomMessage(
-      localStrings.getString('printingToPDFInProgress'));
-}
-
-/**
- * Set the default printer. If there is one, generate a print preview.
- * @param {string} printerName Name of the default printer. Empty if none.
- * @param {string} cloudPrintData Cloud print related data to restore if
- *     the default printer is a cloud printer.
- */
-function setDefaultPrinter(printerName, cloudPrintData) {
-  // Add a placeholder value so the printer list looks valid.
-  addDestinationListOption('', '', true, true, true);
-  if (printerName) {
-    defaultOrLastUsedPrinterName = printerName;
-    if (cloudPrintData) {
-      cloudprint.setDefaultPrinter(printerName,
-                                   cloudPrintData,
-                                   addDestinationListOptionAtPosition,
-                                   doUpdateCloudPrinterCapabilities);
-    } else {
-      $('printer-list')[0].value = defaultOrLastUsedPrinterName;
-      updateControlsWithSelectedPrinterCapabilities();
-    }
-  }
-  chrome.send('getPrinters');
-}
-
-/**
- * Fill the printer list drop down.
- * Called from PrintPreviewHandler::SetupPrinterList().
- * @param {Array} printers Array of printer info objects.
- */
-function setPrinters(printers) {
-  var printerList = $('printer-list');
-  // Remove empty entry added by setDefaultPrinter.
-  if (printerList[0] && printerList[0].textContent == '')
-    printerList.remove(0);
-  for (var i = 0; i < printers.length; ++i) {
-    var isDefault = (printers[i].deviceName == defaultOrLastUsedPrinterName);
-    addDestinationListOption(printers[i].printerName, printers[i].deviceName,
-                             isDefault, false, false);
-  }
-
-  if (printers.length != 0)
-    addDestinationListOption('', '', false, true, true);
-
-  // Adding option for saving PDF to disk.
-  addDestinationListOption(localStrings.getString('printToPDF'),
-                           PRINT_TO_PDF,
-                           defaultOrLastUsedPrinterName == PRINT_TO_PDF,
-                           false,
-                           false);
-  addDestinationListOption('', '', false, true, true);
-  if (useCloudPrint) {
-    addDestinationListOption(localStrings.getString('printWithCloudPrint'),
-                             PRINT_WITH_CLOUD_PRINT,
-                             false,
-                             false,
-                             false);
-    addDestinationListOption('', '', false, true, true);
-  }
-  // Add options to manage printers.
-  if (!cr.isChromeOS) {
-    addDestinationListOption(localStrings.getString('managePrinters'),
-        MANAGE_LOCAL_PRINTERS, false, false, false);
-  } else if (useCloudPrint) {
-    // Fetch recent printers.
-    cloudprint.fetchPrinters(addDestinationListOptionAtPosition, false);
-    // Fetch the full printer list.
-    cloudprint.fetchPrinters(addDestinationListOptionAtPosition, true);
-    addDestinationListOption(localStrings.getString('managePrinters'),
-        MANAGE_CLOUD_PRINTERS, false, false, false);
-  }
-
-  printerList.disabled = false;
-
-  if (!hasRequestedPreview())
-    updateControlsWithSelectedPrinterCapabilities();
-}
-
-/**
- * Creates an option that can be added to the printer destination list.
- * @param {string} optionText specifies the option text content.
- * @param {string} optionValue specifies the option value.
- * @param {boolean} isDefault is true if the option needs to be selected.
- * @param {boolean} isDisabled is true if the option needs to be disabled.
- * @param {boolean} isSeparator is true if the option is a visual separator and
- *     needs to be disabled.
- * @return {Object} The created option.
- */
-function createDestinationListOption(optionText, optionValue, isDefault,
-    isDisabled, isSeparator) {
-  var option = document.createElement('option');
-  option.textContent = optionText;
-  option.value = optionValue;
-  option.selected = isDefault;
-  option.disabled = isSeparator || isDisabled;
-  // Adding attribute for improved accessibility.
-  if (isSeparator)
-    option.setAttribute('role', 'separator');
-  return option;
-}
-
-/**
- * Adds an option to the printer destination list.
- * @param {string} optionText specifies the option text content.
- * @param {string} optionValue specifies the option value.
- * @param {boolean} isDefault is true if the option needs to be selected.
- * @param {boolean} isDisabled is true if the option needs to be disabled.
- * @param {boolean} isSeparator is true if the option serves just as a
- *     separator.
- * @return {Object} The created option.
- */
-function addDestinationListOption(optionText, optionValue, isDefault,
-    isDisabled, isSeparator) {
-  var option = createDestinationListOption(optionText,
-                                           optionValue,
-                                           isDefault,
-                                           isDisabled,
-                                           isSeparator);
-  $('printer-list').add(option);
-  return option;
-}
-
-/**
- * Adds an option to the printer destination list at a specified position.
- * @param {number} position The index in the printer-list wher the option
-       should be created.
- * @param {string} optionText specifies the option text content.
- * @param {string} optionValue specifies the option value.
- * @param {boolean} isDefault is true if the option needs to be selected.
- * @param {boolean} isDisabled is true if the option needs to be disabled.
- * @param {boolean} isSeparator is true if the option is a visual separator and
- *     needs to be disabled.
- * @return {Object} The created option.
- */
-function addDestinationListOptionAtPosition(position,
-                                            optionText,
-                                            optionValue,
-                                            isDefault,
-                                            isDisabled,
-                                            isSeparator) {
-  var option = createDestinationListOption(optionText,
-                                           optionValue,
-                                           isDefault,
-                                           isDisabled,
-                                           isSeparator);
-  var printerList = $('printer-list');
-  var before = printerList[position];
-  printerList.add(option, before);
-  return option;
-}
-/**
- * Sets the color mode for the PDF plugin.
- * Called from PrintPreviewHandler::ProcessColorSetting().
- * @param {boolean} color is true if the PDF plugin should display in color.
- */
-function setColor(color) {
-  if (!previewArea.pdfPlugin)
-    return;
-
-  previewArea.pdfPlugin.grayscale(!color);
-  var printerList = $('printer-list');
-  cloudprint.setColor(printerList[printerList.selectedIndex], color);
-}
-
-/**
- * Display an error message when print preview fails.
- * Called from PrintPreviewMessageHandler::OnPrintPreviewFailed().
- */
-function printPreviewFailed() {
-  previewArea.displayErrorMessageWithButtonAndNotify(
-      localStrings.getString('previewFailed'),
-      localStrings.getString('launchNativeDialog'),
-      launchNativePrintDialog);
-}
-
-/**
- * Display an error message when encountered invalid printer settings.
- * Called from PrintPreviewMessageHandler::OnInvalidPrinterSettings().
- */
-function invalidPrinterSettings() {
-  if (cr.isMac) {
-    if (previewAppRequested) {
-      $('open-preview-app-throbber').hidden = true;
-      previewArea.clearCustomMessageWithDots();
-      previewAppRequested = false;
-      hasPendingPrintDocumentRequest = false;
-      enableInputElementsInSidebar();
-    }
-    $('open-pdf-in-preview-link').disabled = true;
-  }
-  previewArea.displayErrorMessageAndNotify(
-      localStrings.getString('invalidPrinterSettings'));
-}
-
-/**
- * Called when the PDF plugin loads its document.
- */
-function onPDFLoad() {
-  if (previewModifiable) {
-    setPluginPreviewPageCount();
-  }
-  // Instruct the plugin which page numbers to display in the page number
-  // indicator.
-  previewArea.pdfPlugin.setPageNumbers(
-      JSON.stringify(pageSettings.selectedPagesSet));
-  cr.dispatchSimpleEvent(document, customEvents.PDF_LOADED);
-  isFirstPageLoaded = true;
-  checkAndHideOverlayLayerIfValid();
-  sendPrintDocumentRequestIfNeeded();
-  if (printAutomaticallyInKioskMode)
-    printHeader.printButton.click();
-}
-
-function setPluginPreviewPageCount() {
-  previewArea.pdfPlugin.printPreviewPageCount(
-      pageSettings.previouslySelectedPages.length);
-}
-
-/**
- * Update the page count and check the page range.
- * Called from PrintPreviewUI::OnDidGetPreviewPageCount().
- * @param {number} pageCount The number of pages.
- * @param {number} previewResponseId The preview request id that resulted in
- *      this response.
- */
-function onDidGetPreviewPageCount(pageCount, previewResponseId) {
-  if (!isExpectedPreviewResponse(previewResponseId))
-    return;
-  pageSettings.updateState(pageCount);
-  if (!previewModifiable && pageSettings.requestPrintPreviewIfNeeded())
-    return;
-
-  cr.dispatchSimpleEvent(document, customEvents.UPDATE_SUMMARY);
-}
-
-/**
- * @param {{contentWidth: number, contentHeight: number, marginLeft: number,
- *          marginRight: number, marginTop: number, marginBottom: number,
- *          printableAreaX: number, printableAreaY: number,
- *          printableAreaWidth: number, printableAreaHeight: number}} pageLayout
- *          Specifies default page layout details in points.
- * @param {boolean} hasCustomPageSizeStyle Indicates whether the previewed
- *     document has a custom page size style.
- */
-function onDidGetDefaultPageLayout(pageLayout, hasCustomPageSizeStyle) {
-  hasPageSizeStyle = hasCustomPageSizeStyle;
-  marginSettings.currentDefaultPageLayout = new print_preview.PageLayout(
-      pageLayout.contentWidth,
-      pageLayout.contentHeight,
-      pageLayout.marginLeft,
-      pageLayout.marginTop,
-      pageLayout.marginRight,
-      pageLayout.marginBottom);
-  headerFooterSettings.checkAndHideHeaderFooterOption(
-      pageLayout, marginSettings.selectedMarginsValue);
-}
-
-/**
- * This function sends a request to hide the overlay layer only if there is no
- * pending print document request and we are not waiting for the print ready
- * metafile.
- */
-function checkAndHideOverlayLayerIfValid() {
-  var selectedPrinter = getSelectedPrinterName();
-  var printToDialog = selectedPrinter == PRINT_TO_PDF ||
-      selectedPrinter == PRINT_WITH_CLOUD_PRINT;
-  if ((printToDialog || !previewModifiable) &&
-      !isPrintReadyMetafileReady && hasPendingPrintDocumentRequest) {
-    return;
-  }
-  previewArea.hideOverlayLayer();
-}
-
-/**
- * Called when no pipelining previewed pages.
- * @param {string} previewUid Preview unique identifier.
- * @param {number} previewResponseId The preview request id that resulted in
- *     this response.
- */
-function reloadPreviewPages(previewUid, previewResponseId) {
-  if (!isExpectedPreviewResponse(previewResponseId))
-    return;
-
-  cr.dispatchSimpleEvent(document, customEvents.UPDATE_PRINT_BUTTON);
-  checkAndHideOverlayLayerIfValid();
-  var pageSet = pageSettings.previouslySelectedPages;
-  for (var i = 0; i < pageSet.length; i++) {
-    previewArea.pdfPlugin.loadPreviewPage(
-        getPageSrcURL(previewUid, pageSet[i] - 1), i);
-  }
-
-  hasPendingPreviewRequest = false;
-  isPrintReadyMetafileReady = true;
-  previewArea.pdfLoaded = true;
-  sendPrintDocumentRequestIfNeeded();
-}
-
-/**
- * Notification that a print preview page has been rendered.
- * Check if the settings have changed and request a regeneration if needed.
- * Called from PrintPreviewUI::OnDidPreviewPage().
- * @param {number} pageNumber The page number, 0-based.
- * @param {string} previewUid Preview unique identifier.
- * @param {number} previewResponseId The preview request id that resulted in
- *     this response.
- */
-function onDidPreviewPage(pageNumber, previewUid, previewResponseId) {
-  if (!isExpectedPreviewResponse(previewResponseId))
-    return;
-
-  // Refactor
-  if (!previewModifiable)
-    return;
-
-  if (pageSettings.requestPrintPreviewIfNeeded())
-    return;
-
-  var pageIndex = pageSettings.previouslySelectedPages.indexOf(pageNumber + 1);
-  if (pageIndex == -1)
-    return;
-
-  currentPreviewUid = previewUid;
-  if (pageIndex == 0)
-    previewArea.createOrReloadPDFPlugin(pageNumber);
-
-  previewArea.pdfPlugin.loadPreviewPage(
-      getPageSrcURL(previewUid, pageNumber), pageIndex);
-
-  if (pageIndex + 1 == pageSettings.previouslySelectedPages.length) {
-    hasPendingPreviewRequest = false;
-    if (pageIndex != 0)
-      sendPrintDocumentRequestIfNeeded();
-  }
-}
-
-/**
- * Update the print preview when new preview data is available.
- * Create the PDF plugin as needed.
- * Called from PrintPreviewUI::PreviewDataIsAvailable().
- * @param {string} previewUid Preview unique identifier.
- * @param {number} previewResponseId The preview request id that resulted in
- *     this response.
- */
-function updatePrintPreview(previewUid, previewResponseId) {
-  if (!isExpectedPreviewResponse(previewResponseId))
-    return;
-  isPrintReadyMetafileReady = true;
-
-  if (!previewModifiable) {
-    // If the preview is not modifiable the plugin has not been created yet.
-    currentPreviewUid = previewUid;
-    hasPendingPreviewRequest = false;
-    previewArea.createOrReloadPDFPlugin(PRINT_READY_DATA_INDEX);
-  }
-
-  cr.dispatchSimpleEvent(document, customEvents.UPDATE_PRINT_BUTTON);
-  if (previewModifiable)
-    sendPrintDocumentRequestIfNeeded();
-}
-
-/**
- * Checks to see if the requested print data is available for printing and
- * sends a print document request if needed.
- */
-function sendPrintDocumentRequestIfNeeded() {
-  if (!hasPendingPrintDocumentRequest || !isFirstPageLoaded)
-    return;
-
-  // If the selected printer is PRINT_TO_PDF or PRINT_WITH_CLOUD_PRINT or
-  // the preview source is not modifiable, we need the print ready data for
-  // printing. If the preview source is modifiable, we need to wait till all
-  // the requested pages are loaded in the plugin for printing.
-  var selectedPrinter = getSelectedPrinterName();
-  var printToDialog = selectedPrinter == PRINT_TO_PDF ||
-      selectedPrinter == PRINT_WITH_CLOUD_PRINT;
-  if (((printToDialog || !previewModifiable) && !isPrintReadyMetafileReady) ||
-      (previewModifiable && hasPendingPreviewRequest)) {
-    return;
-  }
-
-  hasPendingPrintDocumentRequest = false;
-
-  if (!areSettingsValid()) {
-    cancelPendingPrintRequest();
-    return;
-  }
-  sendPrintDocumentRequest();
-}
-
-/**
- * Check if only page selection has been changed since the last preview request
- * and is valid.
- * @return {boolean} true if the new page selection is valid.
- */
-function hasOnlyPageSettingsChanged() {
-  var tempPrintSettings = new PrintSettings();
-  tempPrintSettings.save();
-
-  return !!(printSettings.deviceName == tempPrintSettings.deviceName &&
-            printSettings.isLandscape == tempPrintSettings.isLandscape &&
-            printSettings.hasHeaderFooter ==
-                tempPrintSettings.hasHeaderFooter &&
-            pageSettings.hasPageSelectionChangedAndIsValid());
-}
-
-/**
- * Called either when there is a scroll event or when the plugin size changes.
- */
-function onPreviewPositionChanged() {
-  marginSettings.onPreviewPositionChanged();
-}
-
-/**
- * @return {boolean} true if a compatible pdf plugin exists.
- */
-function checkCompatiblePluginExists() {
-  var dummyPlugin = $('dummy-viewer');
-  var pluginInterface = [dummyPlugin.onload,
-                         dummyPlugin.goToPage,
-                         dummyPlugin.removePrintButton,
-                         dummyPlugin.loadPreviewPage,
-                         dummyPlugin.printPreviewPageCount,
-                         dummyPlugin.resetPrintPreviewUrl,
-                         dummyPlugin.onPluginSizeChanged,
-                         dummyPlugin.onScroll,
-                         dummyPlugin.pageXOffset,
-                         dummyPlugin.pageYOffset,
-                         dummyPlugin.setZoomLevel,
-                         dummyPlugin.setPageNumbers,
-                         dummyPlugin.setPageXOffset,
-                         dummyPlugin.setPageYOffset,
-                         dummyPlugin.getHorizontalScrollbarThickness,
-                         dummyPlugin.getVerticalScrollbarThickness,
-                         dummyPlugin.getPageLocationNormalized,
-                         dummyPlugin.getHeight,
-                         dummyPlugin.getWidth];
-
-  for (var i = 0; i < pluginInterface.length; i++) {
-    if (!pluginInterface[i])
-      return false;
-  }
-  return true;
-}
-
-/**
- * Sets the default values and sends a request to regenerate preview data.
- * Resets the margin options only if |resetMargins| is true.
- * @param {boolean} resetMargins True if margin settings should be resetted.
- */
-function setDefaultValuesAndRegeneratePreview(resetMargins) {
-  if (resetMargins)
-    marginSettings.resetMarginsIfNeeded();
-  pageSettings.resetState();
-  requestPrintPreview();
-}
-
-/**
- * Class that represents the state of the print settings.
- * @constructor
- */
-function PrintSettings() {
-  this.deviceName = '';
-  this.isLandscape = '';
-  this.hasHeaderFooter = '';
-}
-
-/**
- *  Takes a snapshot of the print settings.
- */
-PrintSettings.prototype.save = function() {
-  this.deviceName = getSelectedPrinterName();
-  this.isLandscape = layoutSettings.isLandscape();
-  this.hasHeaderFooter = headerFooterSettings.hasHeaderFooter();
-};
-
-/**
- * Updates the title of the print preview tab according to |initiatorTabTitle|.
- * @param {string} initiatorTabTitle The title of the initiator tab.
- */
-function setInitiatorTabTitle(initiatorTabTitle) {
-  if (initiatorTabTitle == '')
-    return;
-  document.title = localStrings.getStringF(
-      'printPreviewTitleFormat', initiatorTabTitle);
-}
-
-/**
- * Closes this print preview tab.
- */
-function closePrintPreviewTab() {
-  window.removeEventListener('keydown', onKeyDown);
-  chrome.send('closePrintPreviewTab');
-  chrome.send('DialogClose');
-}
-
-/**
- * Pass certain directional keyboard events to the PDF viewer.
- * @param {Event} e The keydown event.
- */
-function tryToHandleDirectionKeyDown(e) {
-  // Make sure the PDF plugin is there.
-  if (!previewArea.pdfPlugin)
-    return;
-
-  // We only care about: PageUp, PageDown, Left, Up, Right, Down.
-  if (!(e.keyCode == 33 || e.keyCode == 34 ||
-        (e.keyCode >= 37 && e.keyCode <= 40))) {
-    return;
-  }
-
-  // If the user is holding a modifier key, ignore.
-  if (e.metaKey || e.altKey || e.shiftKey || e.ctrlKey)
-    return;
-
-  // Don't handle the key event for these elements.
-  var tagName = document.activeElement.tagName;
-  if (tagName == 'INPUT' || tagName == 'SELECT' || tagName == 'EMBED')
-    return;
-
-  // For the most part, if any div of header was the last clicked element,
-  // then the active element is the body. Starting with the last clicked
-  // element, and work up the DOM tree to see if any element has a scrollbar.
-  // If there exists a scrollbar, do not handle the key event here.
-  var element = document.activeElement;
-  if (element == document.body) {
-    if (lastClickedElement)
-      element = lastClickedElement;
-    while (element) {
-      if (element.scrollHeight > element.clientHeight)
-        return;
-      element = element.parentElement;
-    }
-  }
-
-  // No scroll bar anywhere, or the active element is something else, like a
-  // button. Note: buttons have a bigger scrollHeight than clientHeight.
-  previewArea.pdfPlugin.sendKeyEvent(e.keyCode);
-  e.preventDefault();
-}
-
-/**
-  * Handle keyboard events.
-  * @param {KeyboardEvent} e The keyboard event.
-  */
-function onKeyDown(e) {
-  // Escape key closes the dialog.
-  if (e.keyCode == 27 && !e.shiftKey && !e.ctrlKey && !e.altKey && !e.metaKey) {
-    printHeader.disableCancelButton();
-    closePrintPreviewTab();
-    e.preventDefault();
-  }
-  // Ctrl + Shift + p / Mac equivalent.
-  if (e.keyCode == 80) {
-    if ((cr.isMac && e.metaKey && e.altKey && !e.shiftKey && !e.ctrlKey) ||
-        (!cr.isMac && e.shiftKey && e.ctrlKey && !e.altKey && !e.metaKey)) {
-      window.removeEventListener('keydown', onKeyDown);
-      onSystemDialogLinkClicked();
-      e.preventDefault();
-    }
-  }
-
-  tryToHandleDirectionKeyDown(e);
-}
-
-window.addEventListener('DOMContentLoaded', onLoad);
-window.addEventListener('keydown', onKeyDown);
-
-/// Pull in all other scripts in a single shot.
+// Pull in all other scripts in a single shot.
+<include src="native_layer.js"/>
+<include src="component.js"/>
+<include src="data/page_number_set.js"/>
+<include src="data/capabilities.js"/>
+<include src="data/destination.js"/>
+<include src="data/local_parsers.js"/>
+<include src="data/cloud_parsers.js"/>
+<include src="data/chromium_capabilities.js"/>
+<include src="data/destination_store.js"/>
+<include src="data/margins.js"/>
+<include src="data/page_layout.js"/>
+<include src="data/measurement_system.js"/>
+<include src="data/print_ticket_store.js"/>
 <include src="print_preview_animations.js"/>
 <include src="print_preview_cloud.js"/>
 <include src="print_preview_utils.js"/>
 <include src="print_header.js"/>
-<include src="page_settings.js"/>
-<include src="copies_settings.js"/>
-<include src="header_footer_settings.js"/>
-<include src="layout_settings.js"/>
-<include src="color_settings.js"/>
-<include src="margin_settings.js"/>
-<include src="margin_textbox.js"/>
-<include src="margin_utils.js"/>
-<include src="margins_ui.js"/>
-<include src="margins_ui_pair.js"/>
-<include src="preview_area.js"/>
+<include src="settings/page_settings.js"/>
+<include src="settings/copies_settings.js"/>
+<include src="settings/header_footer_settings.js"/>
+<include src="settings/layout_settings.js"/>
+<include src="settings/color_settings.js"/>
+<include src="settings/margin_settings.js"/>
+<include src="settings/destination_settings.js"/>
+<include src="previewarea/margin_textbox.js"/>
+<include src="previewarea/margin_utils.js"/>
+<include src="previewarea/margins_ui.js"/>
+<include src="previewarea/margins_ui_pair.js"/>
+<include src="previewarea/preview_area.js"/>
+<include src="search/destination_list_item.js"/>
+<include src="search/destination_list.js"/>
+<include src="search/search_box.js"/>
+<include src="search/destination_search.js"/>
+<include src="preview_generator.js"/>
+
+var printPreview = new print_preview.PrintPreview();