SOURCE CODE: Uize.Widget.Dialog.Picker.Palette

VIEW REFERENCE

/*______________
|       ______  |   U I Z E    J A V A S C R I P T    F R A M E W O R K
|     /      /  |   ---------------------------------------------------
|    /    O /   |    MODULE : Uize.Widget.Dialog.Picker.Palette
|   /    / /    |
|  /    / /  /| |    ONLINE : http://www.uize.com
| /____/ /__/_| | COPYRIGHT : (c)2011-2012 UIZE
|          /___ |   LICENSE : Available under MIT License or GNU General Public License
|_______________|             http://www.uize.com/license.html
*/

/* Module Meta Data
  type: Class
  importance: 4
  codeCompleteness: 50
  testCompleteness: 0
  docCompleteness: 0
*/

/*?
  Introduction
    The =Uize.Widget.Dialog.Picker.Palette= widget is a thin base class for picker dialog widgets that act as a droplist palette.

    *DEVELOPERS:* `Ben Ilegbodu`
*/

Uize.module ({
  name:'Uize.Widget.Dialog.Picker.Palette',
  required:'Uize.Util.Coupler',
  builder:function (_superclass) {
    /*** Class Constructor ***/
      var _class = _superclass.subclass (
        null,
        function() {
          var _this = this;

          // Sync tentativeValue & tentativeValueDetails back and forth with value widget
          Uize.Util.Coupler({
            instances:[_this, _this.children.value],
            properties:['tentativeValue', 'tentativeValueDetails']
          });

          _this.wire(
            'After Show',
            function() {
              _this.children.value.updateUi();
              if (_this._minWidth) {
                _this.setNodeStyle (
                  '',
                  {minWidth:_this._minWidth}
                );
                Uize.Node.ieMajorVersion <= 7
                  && _this.setNodeStyle (
                    'valueShell',
                    {minWidth:_this._minWidth}
                  );
              }
            }
          );
        }
      );

    /*** Register Properties ***/
      _class.registerProperties ({
        _minWidth:'minWidth',
        _tentativeValue:{
          name:'tentativeValue',
          onChange:function() {
            var _this = this;

            // Changed.tentativeValue could be fired prior to Changed.tentativeValueDetails, so break flow so that the tentativeValueDetails can be synced before the 'Submission Complete' event is fired
            setTimeout(
              function() {
                _this.fireSubmissionComplete (
                  true,
                  {
                    tentativeValue:_this._tentativeValue,
                    tentativeValueDetails:_this._tentativeValueDetails
                  }
                )
              },
              0
            );
          },
          value:null
        },
        _tentativeValueDetails:'tentativeValueDetails'
      });

    /*** Override Initial Values for Inherited State Properties ***/
      _class.set ({
        dismissOnShieldClick:true
      });

    return _class;
  }
});