Add media size select element and ticket item. Do not expose in the UI yet.

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.
 
 // TODO(rltoscano): Move data/* into print_preview.data namespace
 
 var localStrings = new LocalStrings(templateData);
 
 <include src="component.js"/>
 
@@ skipping 98 matching lines @@
     /**
      * Component that renders the copies settings.
      * @type {!print_preview.CopiesSettings}
      * @private
      */
     this.copiesSettings_ = new print_preview.CopiesSettings(
         this.printTicketStore_.copies, this.printTicketStore_.collate);
     this.addChild(this.copiesSettings_);
 
     /**
+     * Component that renders the media size settings.
+     * @type {!print_preview.MediaSizeSettings}
+     * @private
+     */
+    this.mediaSizeSettings_ =
+        new print_preview.MediaSizeSettings(this.printTicketStore_.mediaSize);
+    this.addChild(this.mediaSizeSettings_);
+
+    /**
      * Component that renders the layout settings.
      * @type {!print_preview.LayoutSettings}
      * @private
      */
     this.layoutSettings_ =
         new print_preview.LayoutSettings(this.printTicketStore_.landscape);
     this.addChild(this.layoutSettings_);
 
     /**
      * Component that renders the color options.
@@ skipping 246 matching lines @@
           this.onNoDestinationsPromoClick_.bind(this));
     },
 
     /** @override */
     decorateInternal: function() {
       this.printHeader_.decorate($('print-header'));
       this.destinationSearch_.decorate($('destination-search'));
       this.destinationSettings_.decorate($('destination-settings'));
       this.pageSettings_.decorate($('page-settings'));
       this.copiesSettings_.decorate($('copies-settings'));
+      this.mediaSizeSettings_.decorate($('media-size-settings'));
       this.layoutSettings_.decorate($('layout-settings'));
       this.colorSettings_.decorate($('color-settings'));
       this.marginSettings_.decorate($('margin-settings'));
       this.otherOptionsSettings_.decorate($('other-options-settings'));
       this.previewArea_.decorate($('preview-area'));
 
       setIsVisible($('open-pdf-in-preview-link'), cr.isMac);
     },
 
     /**
      * Sets whether the controls in the print preview are enabled.
      * @param {boolean} isEnabled Whether the controls in the print preview are
      *     enabled.
      * @private
      */
     setIsEnabled_: function(isEnabled) {
       $('system-dialog-link').disabled = !isEnabled;
       $('cloud-print-dialog-link').disabled = !isEnabled;
       $('open-pdf-in-preview-link').disabled = !isEnabled;
       this.printHeader_.isEnabled = isEnabled;
       this.destinationSettings_.isEnabled = isEnabled;
       this.pageSettings_.isEnabled = isEnabled;
       this.copiesSettings_.isEnabled = isEnabled;
+      this.mediaSizeSettings_.isEnabled = isEnabled;
       this.layoutSettings_.isEnabled = isEnabled;
       this.colorSettings_.isEnabled = isEnabled;
       this.marginSettings_.isEnabled = isEnabled;
       this.otherOptionsSettings_.isEnabled = isEnabled;
     },
 
     /**
      * Prints the document or launches a pdf preview on the local system.
      * @param {boolean} isPdfPreview Whether to launch the pdf preview.
      * @private
@@ skipping 563 matching lines @@
 <include src="data/app_state.js"/>
 
 <include src="data/ticket_items/ticket_item.js"/>
 
 <include src="data/ticket_items/custom_margins.js"/>
 <include src="data/ticket_items/collate.js"/>
 <include src="data/ticket_items/color.js"/>
 <include src="data/ticket_items/copies.js"/>
 <include src="data/ticket_items/duplex.js"/>
 <include src="data/ticket_items/header_footer.js"/>
+<include src="data/ticket_items/media_size.js"/>
 <include src="data/ticket_items/landscape.js"/>
 <include src="data/ticket_items/margins_type.js"/>
 <include src="data/ticket_items/page_range.js"/>
 <include src="data/ticket_items/fit_to_page.js"/>
 <include src="data/ticket_items/css_background.js"/>
 <include src="data/ticket_items/selection_only.js"/>
 
 <include src="native_layer.js"/>
 <include src="print_preview_animations.js"/>
 <include src="cloud_print_interface.js"/>
 <include src="print_preview_utils.js"/>
 <include src="print_header.js"/>
 <include src="metrics.js"/>
 
 <include src="settings/page_settings.js"/>
 <include src="settings/copies_settings.js"/>
+<include src="settings/media_size_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="settings/other_options_settings.js"/>
 
 <include src="previewarea/margin_control.js"/>
 <include src="previewarea/margin_control_container.js"/>
 <include src="../pdf/pdf_scripting_api.js" />
 <include src="previewarea/preview_area.js"/>
 <include src="preview_generator.js"/>
 
 <include src="search/destination_list.js"/>
 <include src="search/cloud_destination_list.js"/>
 <include src="search/recent_destination_list.js"/>
 <include src="search/destination_list_item.js"/>
 <include src="search/destination_search.js"/>
 <include src="search/search_box.js"/>
 <include src="search/fedex_tos.js"/>
 
 window.addEventListener('DOMContentLoaded', function() {
   printPreview = new print_preview.PrintPreview();
   printPreview.initialize();
 });