RubyGems - closure - Versions diffs - 1.1.692 - Mend

closure 1.1.692

Files changed (1494) hide show

data/closure-library/closure/goog/demos/datepicker.html ADDED Viewed

@@ -0,0 +1,183 @@
+<!DOCTYPE html>
+<html>
+<!--
+Copyright 2010 The Closure Library Authors. All Rights Reserved.
+Use of this source code is governed by the Apache License, Version 2.0.
+See the COPYING file for details.
+-->
+<head>
+  <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
+  <title>goog.ui.DatePicker</title>
+  <script src="../base.js"></script>
+  <script>
+    goog.require('goog.dom');
+    goog.require('goog.date');
+    goog.require('goog.i18n.DateTimeSymbols');
+    goog.require('goog.i18n.DateTimeSymbols_en_ISO');
+    goog.require('goog.i18n.DateTimeSymbols_en_US');
+    goog.require('goog.i18n.DateTimeSymbols_de');
+    goog.require('goog.i18n.DateTimeSymbols_ml');
+    goog.require('goog.i18n.DateTimeSymbols_ar_YE');
+    goog.require('goog.ui.DatePicker');
+  </script>
+  <link rel="stylesheet" href="css/demo.css">
+  <link rel="stylesheet" href="../css/datepicker.css">
+</head>
+<body>
+  <h1>goog.ui.DatePicker</h1>
+  <table width="100%" summary="for laying out datepickers"><tr><td valign="top">
+  <h2>Default: ISO 8601</h2>
+  <div id="widget_iso_8601"></div>
+  <div style="clear: both;">&nbsp;</div>
+  <span id="label_iso_8601"></span>
+  <br><br>
+  <h2>Custom</h2>
+  <input type="checkbox" id="ck-0"
+      onclick="dp_custom.setShowFixedNumWeeks(this.checked);" checked><label
+      for="ck-0">ShowFixedNumWeeks</label><br>
+  <input type="checkbox" id="ck-1"
+      onclick="dp_custom.setShowOtherMonths(this.checked);" checked><label
+      for="ck-1">ShowOtherMonths</label><br>
+  <input type="checkbox" id="ck-2"
+      onclick="dp_custom.setExtraWeekAtEnd(this.checked);" checked><label
+      for="ck-2">ExtraWeekAtEnd</label><br>
+  <input type="checkbox" id="ck-3"
+      onclick="dp_custom.setShowWeekNum(this.checked);" checked><label
+      for="ck-3">ShowWeekNum</label><br>
+  <input type="checkbox" id="ck-4"
+      onclick="dp_custom.setShowWeekdayNames(this.checked);" checked><label
+      for="ck-4">ShowWeekdays</label><br>
+  <input type="checkbox" id="ck-5"
+      onclick="dp_custom.setAllowNone(this.checked);" checked><label
+      for="ck-5">AllowNone</label><br>
+  <input type="checkbox" id="ck-6"
+      onclick="dp_custom.setShowToday(this.checked);" checked><label
+      for="ck-6">ShowToday</label><br>
+  <input type="checkbox" id="ck-7"
+      onclick="dp_custom.setUseNarrowWeekdayNames(this.checked);"><label
+      for="ck-7">UseNarrowWeekdayNames</label><br>
+  <input type="checkbox" id="ck-8"
+      onclick="dp_custom.setUseSimpleNavigationMenu(this.checked);"><label
+      for="ck-8">UseSimpleNavigationMenu</label><br>
+  <br>
+  <div id="widget_custom"></div>
+  <div style="clear: both;">&nbsp;</div>
+  <span id="label_custom"></span>
+  </td>
+  <td valign="top">
+  <h2>English (US)</h2>
+  <div id="widget_en_US"></div>
+  <div style="clear: both;">&nbsp;</div>
+  <span id="label_en_US"></span>
+  <br><br>
+  <h2>German</h2>
+  <div id="widget_de"></div>
+  <div style="clear: both;">&nbsp;</div>
+  <span id="label_de"></span>
+  <br><br>
+  <h2>Malayalam</h2>
+  <div id="widget_ml"></div>
+  <div style="clear: both;">&nbsp;</div>
+  <span id="label_ml"></span>
+  <br><br>
+  <h2>Arabic (Yemen)</h2>
+  <div dir=rtl id="widget_ar_YE"></div>
+  <div style="clear: both;">&nbsp;</div>
+  <span id="label_ar_YE"></span>
+  <br><br>
+  </td></tr></table>
+  <script type="text/javascript">
+    // Standard: ISO 8601
+    goog.i18n.DateTimeSymbols = goog.i18n.DateTimeSymbols_en_ISO;
+    var dp_iso_8601 = new goog.ui.DatePicker();
+    dp_iso_8601.render(document.getElementById('widget_iso_8601'));
+    goog.events.listen(dp_iso_8601,
+        goog.ui.DatePicker.Events.CHANGE, function(event) {
+      goog.dom.setTextContent(document.getElementById('label_iso_8601'),
+          event.date ?
+          event.date.toIsoString(true) : 'none');
+    });
+    goog.dom.setTextContent(document.getElementById('label_iso_8601'),
+                            dp_iso_8601.getDate().toIsoString(true));
+    // Custom
+    var dp_custom = new goog.ui.DatePicker(new goog.date.Date(2006, 0, 1));
+    dp_custom.render(document.getElementById('widget_custom'));
+    goog.events.listen(dp_custom, goog.ui.DatePicker.Events.CHANGE,
+                       function(event) {
+      goog.dom.setTextContent(document.getElementById('label_custom'),
+          event.date ?
+          event.date.toIsoString(true) : 'none');
+    });
+    goog.dom.setTextContent(document.getElementById('label_custom'),
+                            dp_custom.getDate().toIsoString(true));
+    // English (US)
+    goog.i18n.DateTimeSymbols = goog.i18n.DateTimeSymbols_en_US;
+    var dp_en_US = new goog.ui.DatePicker();
+    dp_en_US.render(document.getElementById('widget_en_US'));
+    goog.events.listen(dp_en_US, goog.ui.DatePicker.Events.CHANGE,
+        function(event) {
+      goog.dom.setTextContent(document.getElementById('label_en_US'), event.date ?
+          event.date.toIsoString(true) : 'none');
+    });
+    goog.dom.setTextContent(document.getElementById('label_en_US'),
+                            dp_en_US.getDate().toIsoString(true));
+    // German
+    goog.i18n.DateTimeSymbols = goog.i18n.DateTimeSymbols_de;
+    dp_de = new goog.ui.DatePicker();
+    dp_de.render(document.getElementById('widget_de'));
+    goog.events.listen(dp_de, goog.ui.DatePicker.Events.CHANGE, function(event) {
+      goog.dom.setTextContent(document.getElementById('label_de'), event.date ?
+          event.date.toIsoString(true) : 'none');
+    });
+    goog.dom.setTextContent(document.getElementById('label_de'),
+                            dp_de.getDate().toIsoString(true));
+    // Malayalam
+    goog.i18n.DateTimeSymbols = goog.i18n.DateTimeSymbols_ml;
+    var dp_ml = new goog.ui.DatePicker();
+    dp_ml.render(document.getElementById('widget_ml'));
+    goog.events.listen(dp_ml, goog.ui.DatePicker.Events.CHANGE, function(event) {
+      goog.dom.setTextContent(document.getElementById('label_ml'), event.date ?
+          event.date.toIsoString(true) : 'none');
+    });
+    goog.dom.setTextContent(document.getElementById('label_ml'),
+                            dp_ml.getDate().toIsoString(true));
+    // Arabic (Yemen)
+    var dp_ar_YE = new goog.ui.DatePicker(null, goog.i18n.DateTimeSymbols_ar_YE);
+    dp_ar_YE.render(document.getElementById('widget_ar_YE'));
+    goog.events.listen(dp_ar_YE, goog.ui.DatePicker.Events.CHANGE,
+        function(event) {
+      goog.dom.setTextContent(document.getElementById('label_ar_YE'), event.date ?
+          event.date.toIsoString(true) : 'none');
+    });
+    goog.dom.setTextContent(document.getElementById('label_ar_YE'),
+                            dp_ar_YE.getDate().toIsoString(true));
+  </script>
+</body>
+</html>

data/closure-library/closure/goog/demos/debug.html ADDED Viewed

@@ -0,0 +1,119 @@
+<!DOCTYPE html>
+<html>
+<!--
+Copyright 2007 The Closure Library Authors. All Rights Reserved.
+Use of this source code is governed by the Apache License, Version 2.0.
+See the COPYING file for details.
+-->
+<head>
+<title>Debug</title>
+<script type="text/javascript" src="../base.js"></script>
+<script type="text/javascript">
+  goog.require('goog.debug');
+  goog.require('goog.debug.FancyWindow');
+  goog.require('goog.debug.Logger');
+  /**
+   * Person - a sample person object.
+   * @param {string} name The name
+   * @param {number} age The age
+   */
+  var Person = function(name, age) {
+    this.name_ = name;
+    this.age_ = age;
+    this.address_ = null;
+    this.kids_ = [];
+    /**
+     * Set the address.
+     * @param {string} address The address to set
+     */
+    this.setAddress = function(address) {
+      this.address_ = address;
+    }
+    /**
+     * Add a child.
+     * @param {Object} child The child to add
+     */
+    this.addChild = function(child) {
+      this.kids_.push(child);
+    }
+    /**
+     * Create a string representation of the object.
+     * @return {string} The object as a string
+     */
+    this.toString = function() {
+      return 'Person name: ' + this.name_ + ' Age: ' + this.age_;
+    }
+  }
+  /**
+   * Demonstrate the debug options.
+   */
+  var demoDebug = function() {
+    // Create the debug window.
+    var debugWindow = new goog.debug.FancyWindow('main');
+    debugWindow.setEnabled(true);
+    debugWindow.init();
+    // Create a logger.
+    var theLogger = goog.debug.Logger.getLogger('demo');
+    theLogger.info('Logging examples');
+    // Create a simple object.
+    var someone = {'name': 'joe',
+        'age': 33,
+        'gender': 'm',
+        'kids': ['jen', 'sam', 'oliver'],
+        'address': '233 Great Road, Axtonhammer, MD'};
+    // Show the object, note that it will output '[object Object]'.
+    theLogger.info(someone);
+    // Use expose to walk through the object and show all data.
+    theLogger.info('Person: '+ goog.debug.expose(someone));
+    // Now create a Person object to demonstrate expose w/functions.
+    var pObj = new Person('fred', 2);
+    // Add a child, and an address.
+    pObj.addChild(someone);
+    pObj.setAddress('1 broadway, ny, ny');
+    // The toString will be called.
+    theLogger.info('toString: '+ pObj);
+    // Does not show the functions by default.
+    theLogger.info('expose (no functions): ' + goog.debug.expose(pObj));
+    // You can specify false if you really want to.
+    theLogger.info('expose (no functions): ' + goog.debug.expose(pObj, false));
+    // Shows the functions as well.
+    theLogger.info('expose (w/functions): ' + goog.debug.expose(pObj, true));
+    // Show deepExpose, which walks recursively through data.
+    theLogger.info('deepExpose (no functions): '+ goog.debug.deepExpose(pObj));
+    // You can specify false if you really want to.
+    theLogger.info('deepExpose (no functions): '+
+        goog.debug.deepExpose(pObj, false));
+    theLogger.info('deepExpose (w/functions): '+
+        goog.debug.deepExpose(pObj, true));
+    theLogger.shout('shout');
+    theLogger.severe('severe');
+    theLogger.warning('warning');
+    theLogger.info('info');
+    theLogger.fine('fine');
+  }
+</script>
+<body>
+Look in the log window for debugging examples.
+</body>
+<script>
+  // Call the demo method.
+  demoDebug();
+</script>
+</html>

data/closure-library/closure/goog/demos/depsgraph.html ADDED Viewed

@@ -0,0 +1,221 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
+    "http://www.w3.org/TR/html4/loose.dtd">
+<html>
+<!--
+Copyright 2010 The Closure Library Authors. All Rights Reserved.
+Use of this source code is governed by the Apache License, Version 2.0.
+See the COPYING file for details.
+-->
+<head>
+<title>Deps Tree</title>
+<script type="text/javascript" src="../base.js"></script>
+<script type="text/javascript">
+  goog.require('goog.object');
+  goog.require('goog.array');
+  goog.require('goog.debug');
+  goog.require('goog.events');
+</script>
+<style type="text/css">
+h1 {
+  font: bold 24px verdana,sans-serif;
+  margin: 0px;
+  margin-bottom: 14px;
+}
+div {
+  position: relative;
+  font: normal 9px verdana,sans-serif;
+  padding: 3px;
+  margin: 5px;
+  background-color: #EEE;
+  border: 1px solid #999;
+  cursor: pointer;
+  color: #333;
+}
+div.hover {
+  background-color: #EE6;
+  border: 1px solid #990;
+  color: #000;
+}
+div.hilite {
+  background-color: #AFA;
+  border: 1px solid #090;
+}
+div.infile {
+  background-color: #FFA;
+  border: 1px solid #990;
+}
+div.required {
+  background-color: #FAA;
+  border: 1px solid #900;
+}
+</style>
+</head>
+<body>
+<h1>Closure Dependency Graph</h1>
+<script type="text/javascript">
+// HackHack
+// Author: Dan Pupius (pupius@google.com)
+// Hacked together quickly to provide a quick visible analysis.  Not meant to be
+// a complete or long lived tool.
+var levels = [];
+var visited = [];
+var change = true;
+var i = 0;
+while (change) {
+  change = false;
+  levels[i] = [];
+  var newVisited = goog.array.clone(visited);
+  goog.object.forEach(goog.dependencies_.nameToPath, function(path, ns) {
+    var deps = goog.object.clone(goog.dependencies_.requires[path]);
+    goog.array.forEach(newVisited, function(value) {
+      goog.object.remove(deps, value);
+    });
+    if (goog.object.getCount(deps) == 0 && !goog.object.contains(visited, ns)) {
+      change = true;
+      levels[i].push(ns);
+      visited.push(ns);
+    }
+  });
+  i++;
+}
+var errors = [];
+goog.object.forEach(goog.dependencies_.nameToPath, function(path, ns) {
+  if (!goog.array.contains(visited, ns)) {
+    errors.push(ns);
+  }
+});
+if (errors.length > 0) {
+  alert('The following files were not added to dependency graph: \n' +
+        errors.join('\n'));
+}
+document.write('<table><tr>')
+goog.array.forEach(levels, function(level) {
+  document.write('<td>');
+  goog.array.forEach(level, function(ns) {
+    document.write(
+        goog.getMsg('<div id="{$ns}" class="dep">{$ns}</div>', {ns:ns}));
+  });
+});
+document.write('</tr></table>')
+var currentTarget = null;
+var hilited = [];
+var required = [];
+var infile = [];
+goog.events.listen(document, 'mouseover', handleMouse);
+goog.events.listen(document, 'keydown', handleKeys);
+function handleMouse(e) {
+  highlightElement(e.target);
+}
+function handleKeys(e) {
+  if (currentTarget) {
+    switch (e.keyCode) {
+      case 40:
+        highlightElement(currentTarget.nextSibling);
+        break;
+      case 38:
+        highlightElement(currentTarget.previousSibling);
+        break;
+      case 39:
+        // right
+        break;
+      case 37:
+        // left
+        break;
+      default:
+        return;
+    }
+    e.preventDefault();
+  }
+}
+function highlightElement(el) {
+  if (el && el.id) {
+    goog.array.forEach(hilited.concat(required).concat(infile), function(ns) {
+      document.getElementById(ns).className = 'dep';
+    });
+    hilited.length = 0;
+    required.length = 0;
+    infile.length = 0;
+    if (currentTarget) {
+      currentTarget.className = 'dep';
+    }
+    highlightDeps(el.id);
+    highlightRequired(el.id);
+    highlightFile(el.id);
+    el.className = 'dep hover';
+    currentTarget = el;
+  }
+}
+function highlightFile(ns) {
+  var names = goog.dependencies_.pathToNames[goog.dependencies_.nameToPath[ns]];
+  goog.object.forEach(names, function(value, name) {
+    document.getElementById(name).className = 'dep infile';
+    infile.push(name);
+  });
+}
+function highlightRequired(ns) {
+  goog.object.forEach(goog.dependencies_.requires, function(value, key) {
+    if (goog.object.containsKey(value, ns)) {
+      var names = goog.dependencies_.pathToNames[key];
+      goog.object.forEach(names, function(val, id) {
+        if (!goog.array.contains(required, id)) {
+          document.getElementById(id).className = 'dep required';
+          required.push(id);
+          highlightRequired(id);
+        }
+      });
+    }
+  });
+}
+function highlightDeps(ns) {
+  var deps = goog.dependencies_.requires[goog.dependencies_.nameToPath[ns]];
+  goog.object.forEach(deps, function(value, key) {
+    if (!goog.array.contains(hilited, key)) {
+      document.getElementById(key).className = 'dep hilite';
+      hilited.push(key);
+      highlightDeps(key);
+    }
+  });
+}
+</script>
+<div class="hover">selected item</div>
+<div class="infile">...is in same file as the selected item</div>
+<div class="hilite">...is a dependency of the selected item</div>
+<div class="required">the selected item is a dependency of...</div>
+</body>
+</html>

data/closure-library/closure/goog/demos/dialog.html ADDED Viewed

@@ -0,0 +1,156 @@
+<!DOCTYPE html>
+<html>
+<!--
+Copyright 2010 The Closure Library Authors. All Rights Reserved.
+Use of this source code is governed by the Apache License, Version 2.0.
+See the COPYING file for details.
+-->
+<head>
+  <title>goog.ui.Dialog</title>
+  <script src="../base.js"></script>
+  <script>
+    goog.require('goog.events');
+    goog.require('goog.events.EventType');
+    goog.require('goog.ui.Dialog');
+  </script>
+  <link rel="stylesheet" href="css/demo.css">
+  <link rel="stylesheet" href="../css/dialog.css">
+  <style>
+  .modal-dialog {
+    width: 430px;
+  }
+  </style>
+</head>
+<body>
+  <h1>goog.ui.Dialog</h1>
+  <div><input id="openOnKeyDown" type="checkbox">
+  <label>Enable open on keydown</label>
+  <span>(use "Space" to open dialog with no Iframe, "Enter" to open with Iframe
+  mask</span>
+  </div>
+  <div><input id="swapModalOnShift" type="checkbox">
+  <label>Enable modal change with shift when the dialog is open</label>
+  </div>
+  <button onclick="showDialog(dialog1);">
+    Open Dialog (no Iframe)</button>
+  <br>
+  <button onclick="showDialog(dialog2);">
+    Open Dialog (w/ Iframe mask)
+  </button>
+  <fieldset style="margin-top: 2em;">
+    <legend>A sample web page</legend>
+    <h2>
+      A World Beyond AJAX: Accessing Google's APIs from Flash and
+      Non-JavaScript Environments
+    </h2>
+    <cite>Vadim Spivak (Google)</cite>
+    <p>
+      AJAX isn't the only way to access Google APIs. Learn how to use Google's
+      services from Flash and other non-JavaScript programming environments.
+      We'll show you how easy it is to augment your site with dynamic search
+      and feed data from non-JavaScript environments.
+    </p>
+    <p>
+      Participants should be familiar with general web application
+      development.
+    </p>
+    <p>Select Element:
+      <select>
+        <option>Option 1</option>
+        <option>Option 2</option>
+        <option>Option 3</option>
+      </select>
+    </p>
+    <p>
+      <object width="425" height="344">
+        <param name="movie"
+          value="http://www.youtube.com/v/7fbz8WOec1g&hl=en&fs=1&"></param>
+        <param name="allowFullScreen" value="true"></param>
+        <param name="allowscriptaccess" value="always"></param>
+        <embed
+          src="http://www.youtube.com/v/7fbz8WOec1g&hl=en&fs=1&"
+          type="application/x-shockwave-flash" allowscriptaccess="always"
+          allowfullscreen="true" width="425" height="344"></embed>
+      </object>
+    </p>
+  </fieldset>
+  <script>
+    goog.events.listen(document, goog.events.EventType.KEYDOWN, function(e) {
+      var code = e.keyCode;
+      if (goog.dom.getElement('openOnKeyDown').checked) {
+        switch (code) {
+          case goog.events.KeyCodes.MAC_ENTER:
+          case goog.events.KeyCodes.ENTER:
+            showDialog(dialog1);
+            break;
+          case goog.events.KeyCodes.SPACE:
+            showDialog(dialog2);
+            break;
+          default:
+            // no-op
+        }
+      }
+      if (goog.dom.getElement('swapModalOnShift').checked) {
+        switch (code) {
+          case goog.events.KeyCodes.SHIFT:
+            if (currDialog && currDialog.isVisible()) {
+              currDialog.setModal(!currDialog.getModal());
+            }
+            break;
+          default:
+            // no-op
+        }
+      }
+    });
+    var dialog1 = new goog.ui.Dialog();
+    dialog1.setContent('<img src="http://images.icanhascheezburger.com/' +
+        'completestore/2009/3/25/128825075025577352.jpg" ' +
+        'width="400" height="255"><br>' +
+        'Lorem ipsum dolor sit amet, consectetuer' +
+        'adipiscing elit. Aenean sollicitudin ultrices urna. Proin vehicula ' +
+        'mauris ac est. Ut scelerisque, risus ut facilisis dictum, est massa ' +
+        'lacinia lorem, in fermentum purus ligula quis nunc. Duis porttitor ' +
+        'euismod risus. Nam hendrerit lacus vehicula augue. Duis ante.');
+    dialog1.setTitle('My favorite LOLCat');
+    dialog1.setButtonSet(goog.ui.Dialog.ButtonSet.CONTINUE_SAVE_CANCEL);
+    goog.events.listen(dialog1, goog.ui.Dialog.EventType.SELECT, function(e) {
+      alert('You chose: ' + e.key);
+    });
+    var dialog2 = new goog.ui.Dialog(null, true);
+    dialog2.setContent('Some windowed elements leak through standard divs so ' +
+        'we add an iframe to mask the nasties.');
+    dialog2.setTitle('I have an Iframe mask :)');
+    dialog2.setButtonSet(goog.ui.Dialog.ButtonSet.YES_NO_CANCEL);
+    goog.events.listen(dialog2, goog.ui.Dialog.EventType.SELECT, function(e) {
+      alert('You chose: ' + e.key);
+    });
+    goog.events.listen(window, 'unload', function() {
+      goog.events.removeAll();
+    });
+    var currDialog;
+    function showDialog(dialog) {
+      currDialog = dialog;
+      dialog.setVisible(true);
+    }
+  </script>
+</body>
+</html>