chrome/browser/resources/print_preview/ui/margin_control_container.html

<link rel="import" href="chrome://resources/html/polymer.html">

<link rel="import" href="chrome://resources/html/event_tracker.html">
<link rel="import" href="margin_control.html">
<link rel="import" href="settings_behavior.html">
<link rel="import" href="../data/coordinate2d.html">
<link rel="import" href="../data/margins.html">
<link rel="import" href="../data/measurement_system.html">
<link rel="import" href="../data/size.html">
<link rel="import" href="../data/state.html">

<dom-module id="print-preview-margin-control-container">
  <template>
    <style>
      :host {
        display: block;
      }

      :host([dragging_=dragging-vertical]) {
        cursor: ns-resize;
      }

      :host([dragging_=dragging-horizontal]) {
        cursor: ew-resize;
      }
    </style>
    <template is="dom-repeat" items="[[marginSides_]]">
      <print-preview-margin-control side="[[item]]" invisible="[[invisible_]]"
          disabled="[[controlsDisabled_(state, invisible_)]]"
          translate-transform="[[translateTransform_]]"
          clip-size="[[clipSize_]]"
          measurement-system="[[measurementSystem]]"
          scale-transform="[[scaleTransform_]]"
          page-size="[[pageSize]]"
          on-pointerdown="onPointerDown_"
          on-text-change="onTextChange_" on-text-blur="onTextBlur_"
          on-text-focus="onTextFocus_" on-transition-end="onTransitionEnd_">
      </print-preview-margin-control>
    </template>
  </template>
  <script src="margin_control_container.js"></script>
</dom-module>