OLD | NEW |
1 | 1 |
2 /** | 2 /** |
3 `IronResizableBehavior` is a behavior that can be used in Polymer elements to | 3 * `IronResizableBehavior` is a behavior that can be used in Polymer elements
to |
4 coordinate the flow of resize events between "resizers" (elements that control
the | 4 * coordinate the flow of resize events between "resizers" (elements that cont
rol the |
5 size or hidden state of their children) and "resizables" (elements that need t
o be | 5 * size or hidden state of their children) and "resizables" (elements that nee
d to be |
6 notified when they are resized or un-hidden by their parents in order to take | 6 * notified when they are resized or un-hidden by their parents in order to ta
ke |
7 action on their new measurements). | 7 * action on their new measurements). |
8 Elements that perform measurement should add the `IronResizableBehavior` behav
ior to | 8 * Elements that perform measurement should add the `IronResizableBehavior` be
havior to |
9 their element definition and listen for the `iron-resize` event on themselves. | 9 * their element definition and listen for the `iron-resize` event on themselv
es. |
10 This event will be fired when they become showing after having been hidden, | 10 * This event will be fired when they become showing after having been hidden, |
11 when they are resized explicitly by another resizable, or when the window has
been | 11 * when they are resized explicitly by another resizable, or when the window h
as been |
12 resized. | 12 * resized. |
13 Note, the `iron-resize` event is non-bubbling. | 13 * Note, the `iron-resize` event is non-bubbling. |
14 @group Polymer Behaviors | 14 * |
15 @element iron-resizable-behavior | 15 * @polymerBehavior Polymer.IronResizableBehavior |
16 @homepage github.io | 16 * @demo demo/index.html |
17 */ | 17 **/ |
18 Polymer.IronResizableBehavior = { | 18 Polymer.IronResizableBehavior = { |
19 properties: { | 19 properties: { |
20 _parentResizable: { | 20 _parentResizable: { |
21 type: Object, | 21 type: Object, |
22 observer: '_parentResizableChanged' | 22 observer: '_parentResizableChanged' |
23 } | 23 } |
24 }, | 24 }, |
25 | 25 |
26 listeners: { | 26 listeners: { |
27 'iron-request-resize-notifications': '_onIronRequestResizeNotifications' | 27 'iron-request-resize-notifications': '_onIronRequestResizeNotifications' |
(...skipping 88 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
116 | 116 |
117 if (this._interestedResizables.indexOf(target) === -1) { | 117 if (this._interestedResizables.indexOf(target) === -1) { |
118 this._interestedResizables.push(target); | 118 this._interestedResizables.push(target); |
119 } | 119 } |
120 | 120 |
121 target.assignParentResizable(this); | 121 target.assignParentResizable(this); |
122 | 122 |
123 event.stopPropagation(); | 123 event.stopPropagation(); |
124 } | 124 } |
125 }; | 125 }; |
OLD | NEW |