spade 0.0.1 → 0.0.2

data/sproutcore/frameworks/designer/css/css_style_sheet.js

@@ -1,201 +0,0 @@
-// ==========================================================================
-// Project:   SproutCore - JavaScript Application Framework
-// Copyright: ©2006-2011 Strobe Inc. and contributors.
-//            Portions ©2008-2010 Apple Inc. All rights reserved.
-// License:   Licensed under MIT license (see license.js)
-// ==========================================================================
-
-sc_require('css/css_rule') ;
-
-/**
-  @class SC.CSSStyleSheet
-
-  A style sheet object wraps a document style sheet object. SC.CSSStyleSheet will
-  re-use stylesheet objects as needed.
-  
-  @extends SC.Object
-*/
-SC.CSSStyleSheet = SC.Object.extend(
-/** @scope SC.CSSStyleSheet.prototype */ {
-  
-  init: function() {
-    sc_super() ;
-    
-    var ss = this.styleSheet ;
-    if (!ss) {
-      // create the stylesheet object the hard way (works everywhere)
-      ss = this.styleSheet = document.createElement('style') ;
-      ss.type = 'text/css' ;
-      var head = document.getElementsByTagName('head')[0] ;
-      if (!head) head = document.documentElement ; // fix for Opera
-      head.appendChild(ss) ;
-    }
-    
-    // cache this object for later
-    var ssObjects = this.constructor.styleSheets ;
-    if (!ssObjects) ssObjects = this.constructor.styleSheets = {} ;
-    ssObjects[SC.guidFor(ss)] ;
-    
-    // create rules array
-    var rules = ss.rules || SC.EMPTY_ARRAY ;
-    var array = SC.SparseArray.create(rules.length) ;
-    array.delegate = this ;
-    this.rules = array ;
-    
-    return this ;
-  },
-  
-  /**
-    @property {Boolean} YES if the stylsheet is enabled.
-  */
-  isEnabled: function(key, val) {
-    if (val !== undefined) {
-      this.styleSheet.disabled = !val ;
-    }
-    return !this.styleSheet.disabled ;
-  }.property(),
-  isEnabledBindingDefault: SC.Binding.bool(),
-  
-  /**
-    DO NOT MODIFY THIS OBJECT DIRECTLY!!!! Use the methods defined on this
-    object to update properties of the style sheet; otherwise, your changes 
-    will not be reflected.
-    
-    @property {CSSStyleSheet} RO
-  */
-  styleSheet: null,
-  
-  /**
-    @property {String}
-  */
-  href: function(key, val) {
-    if (val !== undefined) {
-      this.styleSheet.href = val ;
-    }
-    else return this.styleSheet.href ;
-  }.property(),
-  
-  /**
-    @property {String}
-  */
-  title: function(key, val) {
-    if (val !== undefined) {
-      this.styleSheet.title = val ;
-    }
-    else return this.styleSheet.title ;
-  }.property(),
-  
-  /**
-    @property {SC.Array} contains SC.CSSRule objects
-  */
-  rules: null,
-  
-  /**
-    You can also insert and remove rules on the rules property array.
-  */
-  insertRule: function(rule) {
-    var rules = this.get('rules') ;
-  },
-  
-  /**
-    You can also insert and remove rules on the rules property array.
-  */
-  deleteRule: function(rule) {
-    var rules = this.get('rules') ;
-    rules.removeObject(rule) ;
-  },
-  
-  // TODO: implement a destroy method
-  
-  /**
-    @private
-    
-    Invoked by the sparse array whenever it needs a particular index 
-    provided.  Provide the content for the index.
-  */
-  sparseArrayDidRequestIndex: function(array, idx) {
-    // sc_assert(this.rules === array) ;
-    var rules = this.styleSheet.rules || SC.EMPTY_ARRAY ;
-    var rule = rules[idx] ;
-    if (rule) {
-      array.provideContentAtIndex(idx, SC.CSSRule.create({ 
-        rule: rule,
-        styleSheet: this
-      })); 
-    }
-  },
-  
-  /** @private synchronize the browser's rules array with our own */
-  sparseArrayDidReplace: function(array, idx, amt, objects) {
-    var cssRules = objects.collect(function(obj) { return obj.rule; }) ;
-    this.styleSheet.rules.replace(idx, amt, cssRules) ;
-  }
-  
-});
-
-SC.mixin(SC.CSSStyleSheet,
-/** SC.CSSStyleSheet */{
-  
-  /**
-    Find a stylesheet object by name or href. If by name, .css will be 
-    appended automatically.
-    
-    {{{
-      var ss = SC.CSSStyleSheet.find('style.css') ;
-      var ss2 = SC.CSSStyleSheet.find('style') ; // same thing
-      sc_assert(ss === ss2) ; // SC.CSSStyleSheet objects are stable
-    }}}
-    
-    @param {String} nameOrUrl a stylsheet name or href to find
-    @returns {SC.CSSStyleSheet} null if not found
-  */
-  find: function(nameOrUrl) {
-    var isUrl = nameOrUrl ? nameOrUrl.indexOf('/') >= 0 : NO ;
-    
-    if (!nameOrUrl) return null ; // no name or url? fail!
-    
-    if (!isUrl && nameOrUrl.indexOf('.css') == -1) {
-      nameOrUrl = nameOrUrl + '.css' ;
-    }
-    
-    // initialize styleSheet cache
-    var ssObjects = this.styleSheets ;
-    if (!ssObjects) ssObjects = this.styleSheets = {} ;
-    
-    var styleSheets = document.styleSheets ;
-    var ss, ssName, ssObject, guid ;
-    for (var idx=0, len=styleSheets.length; idx < len; ++idx) {
-      ss = styleSheets[idx] ;
-      if (isUrl) {
-        if (ss.href === nameOrUrl) {
-          guid = SC.guidFor(ss) ;
-          ssObject = ssObjects[guid] ;
-          if (!ssObject) {
-            // cache for later
-            ssObject = ssObjects[guid] = this.create({ styleSheet: ss }) ;
-          }
-          return ssObject ;
-        }
-      }
-      else {
-        if (ssName = ss.href) {
-          ssName = ssName.split('/') ; // break up URL
-          ssName = ssName[ssName.length-1] ; // get last component
-          if (ssName == nameOrUrl) {
-            guid = SC.guidFor(ss) ;
-            ssObject = ssObjects[guid] ;
-            if (!ssObject) {
-              // cache for later
-              ssObject = ssObjects[guid] = this.create({ styleSheet: ss }) ;
-            }
-            return ssObject ;
-          }
-        }
-      }
-    }
-    return null ; // stylesheet not found
-  },
-  
-  styleSheets: null
-  
-});

data/sproutcore/frameworks/designer/designers/button.js

@@ -1,21 +0,0 @@
-// ========================================================================
-// SproutCore -- JavaScript Application Framework
-// Copyright ©2006-2011, Strobe Inc. and contributors.
-// Portions copyright ©2008 Apple Inc.  All rights reserved.
-// ========================================================================
-
-sc_require('designers/view_designer');
-sc_require('mixins/button');
-
-SC.ButtonView.Designer = SC.ViewDesigner.extend( SC.Button.Designer,
-/** @scope SC.ButtonView.Designer.prototype */ {
-  
-  encodeChildViews: NO,
-  
-  designProperties: 'theme buttonBehavior href isDefault'.w(),
-  
-  canResizeVertical: NO,
-  
-  canResizeHorizontal: YES
-  
-});

data/sproutcore/frameworks/designer/designers/label.js

@@ -1,16 +0,0 @@
-// ========================================================================
-// SproutCore -- JavaScript Application Framework
-// Copyright ©2006-2011, Strobe Inc. and contributors.
-// Portions copyright ©2008 Apple Inc.  All rights reserved.
-// ========================================================================
-
-sc_require('designers/view_designer');
-
-SC.LabelView.Designer = SC.ViewDesigner.extend(
-/** @scope SC.LabelView.Designer.prototype */ {
-  
-  encodeChildViews: NO,
-  
-  designProperties: 'value escapeHTML'.w()
-  
-});

data/sproutcore/frameworks/designer/designers/object_designer.js

@@ -1,296 +0,0 @@
-// ========================================================================
-// SproutCore -- JavaScript Application Framework
-// Copyright ©2006-2011, Strobe Inc. and contributors.
-// Portions copyright ©2008 Apple Inc.  All rights reserved.
-// ========================================================================
-/*global SC */
-
-/** @class
-  This is a basic designer used for all SC.Objects that are created in design
-  mode.
-  
-  FIXME: have SC.ViewDesigner subclass this designer.....
-
-  @extends SC.Object
-  @since SproutCore 1.0
-*/
-SC.ObjectDesigner = SC.Object.extend(
-/** @scope SC.ViewDesigner.prototype */ {
-
-  /** The object managed by this designer. */
-  object: null,
-  
-  /** The class for the design.  Set when the object is created. */
-  objectClass: null,
-  
-  /** Set to YES if the object is currently selected for editing. */
-  designIsSelected: NO,
-
-  /** Set to YES if this particular designer should not be enabled. */
-  designIsEnabled: YES,
-  
-  /**
-    The current page.  Comes from the object.
-    
-    @property {SC.Page}
-  */
-  page: function() {
-    var v = this.get('object');
-    return (v) ? v.get('page') : null;
-  }.property('object').cacheable(),
-  
-  /**
-    The design controller from the page.  Comes from page
-    
-    @property {SC.PageDesignController}
-  */
-  designController: function() {
-    var p = this.get('page');
-    return (p) ? p.get('designController') : null ;  
-  }.property('page').cacheable(),
-  
-  
-  concatenatedProperties: ['designProperties', 'localizedProperties', 'excludeProperties'],
-
-  // ..........................................................
-  // GENERIC PROPERTIES
-  // 
-  // Adds support for adding generic properties to a object.  These will
-  // overwrite whatever you write out using specifically supported props.
-    
-  // ..........................................................
-  // HANDLE ENCODING OF VIEW DESIGN
-  // 
-
-  /**
-    Encodes any simple properties that can just be copied from the object onto
-    the coder.  This is used by encodeDesignProperties() and 
-    encodeLocalizedProperties().
-  */
-  encodeSimpleProperties: function(props, coder) {
-    var object = this.get('object'), proto = this.get('objectClass').prototype ;
-    props.forEach(function(prop) {
-      var val = object[prop] ; // avoid get() since we don't want to exec props
-      if (val !== undefined && (val !== proto[prop])) {
-        coder.encode(prop, val) ;
-      }
-    }, this);
-  },
-  
-
-  /** 
-    Array of properties that can be encoded directly.  This is an easy way to
-    add support for simple properties that need to be written to the design
-    without added code.  These properties will be encoded by 
-    encodeDesignProperties().
-    
-    You can add to this array in your subclasses.
-  */
-  designProperties: [],
-  
-  /*
-    Array of properties specifically not displayed in the editable properties
-    list
-  */
-  
-  excludeProperties: [],
-  
-  
-  /*
-    Array of properties avaliaible to edit in greenhouse
-    
-  */
-  editableProperties: function(){
-
-    var con = this.get('designAttrs'), 
-        obj = this.get('object'),
-        ret = [],
-        designProperties = this.get('designProperties'),
-        excludeProperties = this.get('excludeProperties');
-    if(con) con = con[0];
-    for(var i in con){
-      if(con.hasOwnProperty(i) && excludeProperties.indexOf(i) < 0){
-        if(!SC.none(obj[i])) ret.pushObject(SC.Object.create({value: obj[i], key: i, view: obj}));
-      }
-    }
-    designProperties.forEach(function(k){
-      if(excludeProperties.indexOf(k) < 0){
-        ret.pushObject(SC.Object.create({value: obj[k], key: k, view: obj}));
-      }
-    });
-    
-    return ret; 
-  }.property('designProperties').cacheable(),
-  
-  /** 
-    Invoked by a design coder to encode design properties.  The default 
-    implementation invoked encodeDesignProperties() and 
-    encodeChildViewsDesign().  You can override this method with your own 
-    additional encoding if you like.
-  */
-  encodeDesign: function(coder) {
-    coder.set('className', SC._object_className(this.get('objectClass')));
-    this.encodeDesignProperties(coder);
-    return YES ;
-  },
-
-  /**
-    Encodes the design properties for the object.  These properties are simply
-    copied from the object onto the coder.  As an optimization, the value of 
-    each property will be checked against the default value in the class. If
-    they match, the property will not be emitted.
-  */
-  encodeDesignProperties: function(coder) {
-    return this.encodeSimpleProperties(this.get('designProperties'), coder);
-  },
-  
-  /** 
-    Array of localized that can be encoded directly.  This is an easy way to
-    add support for simple properties that need to be written to the 
-    localization without added code.  These properties will be encoded by 
-    encodeLocalizedProperties().
-    
-    You can add to this array in your subclasses.
-  */
-  localizedProperties: [],
-  
-  /** 
-    Invoked by a localization coder to encode design properties.  The default 
-    implementation invoked encodeLocalizedProperties() and 
-    encodeChildViewsLoc().  You can override this method with your own 
-    additional encoding if you like.
-  */
-  encodeLoc: function(coder) {
-    coder.set('className', SC._object_className(this.get('objectClass')));
-    this.encodeLocalizedProperties(coder);
-    return YES ;
-  },
-
-  /**
-    Encodes the localized properties for the object.  These properties are 
-    simply copied from the object onto the coder.  As an optimization, the value 
-    of  each property will be checked against the default value in the class. 
-    If they match, the property will not be emitted.
-  */
-  encodeLocalizedProperties: function(coder) {
-    return this.encodeSimpleProperties(this.get('localizedProperties'),coder);
-  },
-
-  /**
-    This method is invoked when the designer is instantiated.  You can use 
-    this method to reload any state saved in the object.  This method is called
-    before any observers or bindings are setup to give you a chance to 
-    configure the initial state of the designer.
-  */
-  awakeDesign: function() {},
-  
-  /**
-    The unknownProperty handler will pass through to the object by default. 
-    This will often provide you the support you need without needing to 
-    customize the Designer.  Just make sure you don't define a conflicting
-    property name on the designer itself!
-  */
-  unknownProperty: function(key, value) {
-    if (value !== undefined) {
-      this.object.set(key, value);
-      return value ;
-    } else return this.object.get(key);
-  },
-  
-  // ......................................
-  // PRIVATE METHODS
-  //
-  
-  init: function() {
-    
-    // setup design from object state...
-    this.awakeDesign();
-    
-    // setup bindings, etc
-    sc_super();
-        
-    // and register with designController, if defined...
-    var c= this.get('designController');
-    if (c) c.registerDesigner(this) ;
-    
-  },
-
-  destroy: function() {
-    sc_super();
-    this.set('object', null); // clears the object observer...  
-  },
-    
-  tryToPerform: function(methodName, arg1, arg2) {
-    // only handle event if we are in design mode
-    var page = this.object ? this.object.get('page') : null ;
-    var isDesignMode = page ? page.get('needsDesigner') || page.get('isDesignMode') : NO ;
-
-    // if we are in design mode, route event handling to the designer
-    // otherwise, invoke default method.
-    if (isDesignMode) {
-      return sc_super();
-    } else {
-      return SC.Object.prototype.tryToPerform.apply(this.object, arguments);
-    }
-  }
-}) ;
-
-// Set default Designer for object
-if (!SC.Object.Designer) SC.Object.Designer = SC.ObjectDesigner ;
-
-// ..........................................................
-// DESIGN NOTIFICATION METHODS
-//
-// These methods are invoked automatically on the designer class whenever it 
-// is loaded.
-
-SC.ObjectDesigner.mixin({
-  /**
-    Invoked whenever a designed object is loaded.  This will save the design
-    attributes for later use by a designer.
-  */
-  didLoadDesign: function(designedObject, sourceObject, attrs) {
-    designedObject.isDesign = YES ; // indicates that we need a designer.
-    designedObject.designAttrs = attrs;
-    //designedObject.sourceObject = sourceObject; TODO: don't need this..
-  },
-
-  /**
-    Invoked whenever a location is applied to a designed object.  Saves the 
-    attributes separately for use by the design object.
-  */
-  didLoadLocalization: function(designedObject, attrs) {
-    // nothing to do for now.
-  },
-  
-  /**
-    Invoked whenver a object is created.  This will create a peer designer if 
-    needed.
-  */
-  didCreateObject: function(object, attrs) {
-    // add designer if page is in design mode
-    var page = object.get('page'), design = object.constructor;
-    
-    if (design.isDesign && page && page.get('needsDesigner')) {
-      
-      // find the designer class
-      var cur = design, origDesign = design;
-      while(cur && !cur.Designer) cur = cur.superclass;
-      var DesignerClass = (cur) ? cur.Designer : SC.Object.Designer;
-      
-      // next find the first superclass object that is not a design (and a real
-      // class).  This is important to make sure that we can determine the 
-      // real name of a object's class.
-      while (design && design.isDesign) design = design.superclass;
-      if (!design) design = SC.Object;
-      
-      object.designer = DesignerClass.create({
-        object: object,
-        objectClass: design,
-        designAttrs: origDesign.designAttrs
-        //sourceObject: origDesign.sourceObject TODO: don't need this
-      });
-    }
-  }
-  
-});