@polymer/iron-resizable-behavior
Advanced tools
Comparing version 3.0.0-pre.4 to 3.0.0-pre.6
@@ -1,4 +0,2 @@ | ||
import { IronResizableBehavior } from '../../iron-resizable-behavior.js'; | ||
import { Polymer } from '../../../polymer/lib/legacy/polymer-fn.js'; | ||
import { html } from '../../../polymer/polymer.js'; | ||
import '../../iron-resizable-behavior.js'; | ||
@@ -15,3 +13,3 @@ /** | ||
Polymer({ | ||
_template: html` | ||
_template: Polymer.html` | ||
<style> | ||
@@ -30,3 +28,3 @@ :host { | ||
behaviors: [ | ||
IronResizableBehavior | ||
Polymer.IronResizableBehavior | ||
], | ||
@@ -71,3 +69,3 @@ | ||
Polymer({ | ||
_template: html` | ||
_template: Polymer.html` | ||
<style> | ||
@@ -89,4 +87,4 @@ :host { | ||
behaviors: [ | ||
IronResizableBehavior | ||
Polymer.IronResizableBehavior | ||
] | ||
}); |
import '../polymer/polymer.js'; | ||
import { useShadow } from '../polymer/lib/utils/settings.js'; | ||
import { dom } from '../polymer/lib/legacy/polymer.dom.js'; | ||
export const IronResizableBehavior = { | ||
/** | ||
* `IronResizableBehavior` is a behavior that can be used in Polymer elements to | ||
* coordinate the flow of resize events between "resizers" (elements that control the | ||
* size or hidden state of their children) and "resizables" (elements that need to be | ||
* notified when they are resized or un-hidden by their parents in order to take | ||
* action on their new measurements). | ||
* | ||
* Elements that perform measurement should add the `IronResizableBehavior` behavior to | ||
* their element definition and listen for the `iron-resize` event on themselves. | ||
* This event will be fired when they become showing after having been hidden, | ||
* when they are resized explicitly by another resizable, or when the window has been | ||
* resized. | ||
* | ||
* Note, the `iron-resize` event is non-bubbling. | ||
* | ||
* @polymerBehavior Polymer.IronResizableBehavior | ||
* @demo demo/index.html | ||
**/ | ||
/** | ||
@license | ||
Copyright (c) 2015 The Polymer Project Authors. All rights reserved. | ||
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt | ||
The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt | ||
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt | ||
Code distributed by Google as part of the polymer project is also | ||
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt | ||
*/ | ||
Polymer.IronResizableBehavior = { | ||
properties: { | ||
@@ -109,3 +133,3 @@ /** | ||
// the case where Polymer is not using shadow roots for whatever reason: | ||
if (!useShadow) { | ||
if (!undefined.useShadow) { | ||
this._fireResize(); | ||
@@ -123,3 +147,3 @@ } | ||
_onIronRequestResizeNotifications: function(event) { | ||
var target = /** @type {!EventTarget} */ (dom(event).rootTarget); | ||
var target = /** @type {!EventTarget} */ (Polymer.dom(event).rootTarget); | ||
if (target === this) { | ||
@@ -126,0 +150,0 @@ return; |
{ | ||
"name": "@polymer/iron-resizable-behavior", | ||
"flat": true, | ||
"version": "3.0.0-pre.4", | ||
"version": "3.0.0-pre.6", | ||
"description": "Coordinates the flow of resizeable elements", | ||
@@ -22,7 +22,7 @@ "contributors": [ | ||
"dependencies": { | ||
"@polymer/polymer": "^3.0.0-pre.4" | ||
"@polymer/polymer": "^3.0.0-pre.6" | ||
}, | ||
"devDependencies": { | ||
"@polymer/iron-component-page": "^3.0.0-pre.4", | ||
"wct-browser-legacy": "0.0.1-pre.10", | ||
"@polymer/iron-component-page": "^3.0.0-pre.6", | ||
"wct-browser-legacy": "0.0.1-pre.11", | ||
"@webcomponents/webcomponentsjs": "^1.0.0" | ||
@@ -29,0 +29,0 @@ }, |
@@ -1,6 +0,4 @@ | ||
import { IronResizableBehavior } from '../iron-resizable-behavior.js'; | ||
import '../iron-resizable-behavior.js'; | ||
import './x-resizer-parent.js'; | ||
import './x-resizable.js'; | ||
import { Polymer as Polymer$0 } from '../../polymer/lib/legacy/polymer-fn.js'; | ||
import { html } from '../../polymer/polymer.js'; | ||
@@ -16,3 +14,3 @@ /** | ||
*/ | ||
Polymer$0({ | ||
Polymer({ | ||
@@ -24,3 +22,3 @@ is: 'x-resizer-parent-filtered', | ||
behaviors: [ | ||
IronResizableBehavior | ||
Polymer.IronResizableBehavior | ||
], | ||
@@ -34,4 +32,4 @@ | ||
Polymer$0({ | ||
_template: html` | ||
Polymer({ | ||
_template: Polymer.html` | ||
<div> | ||
@@ -45,4 +43,4 @@ <x-resizable id="resizable"></x-resizable> | ||
Polymer$0({ | ||
_template: html` | ||
Polymer({ | ||
_template: Polymer.html` | ||
<!-- Normal resizable parent with child resizables --> | ||
@@ -76,3 +74,4 @@ <x-resizer-parent id="parent"> | ||
export const ObserveIronResizeBehavior = { | ||
/** @polymerBehavior */ | ||
Polymer.ObserveIronResizeBehavior = { | ||
properties: { | ||
@@ -93,5 +92,4 @@ ironResizeCount: { | ||
}; | ||
Polymer$0({ | ||
_template: html` | ||
Polymer({ | ||
_template: Polymer.html` | ||
<div></div> | ||
@@ -103,8 +101,8 @@ `, | ||
behaviors: [ | ||
IronResizableBehavior, | ||
ObserveIronResizeBehavior | ||
Polymer.IronResizableBehavior, | ||
Polymer.ObserveIronResizeBehavior | ||
] | ||
}); | ||
Polymer$0({ | ||
_template: html` | ||
Polymer({ | ||
_template: Polymer.html` | ||
<x-shadow-resizable id="childResizable1"></x-shadow-resizable> | ||
@@ -117,5 +115,5 @@ <x-shadow-resizable id="childResizable2"></x-shadow-resizable> | ||
behaviors: [ | ||
IronResizableBehavior, | ||
ObserveIronResizeBehavior | ||
Polymer.IronResizableBehavior, | ||
Polymer.ObserveIronResizeBehavior | ||
] | ||
}); |
@@ -1,3 +0,2 @@ | ||
import { IronResizableBehavior } from '../iron-resizable-behavior.js'; | ||
import { Polymer } from '../../polymer/lib/legacy/polymer-fn.js'; | ||
import '../iron-resizable-behavior.js'; | ||
@@ -18,5 +17,5 @@ /** | ||
behaviors: [ | ||
IronResizableBehavior | ||
Polymer.IronResizableBehavior | ||
] | ||
}); |
@@ -1,3 +0,2 @@ | ||
import { IronResizableBehavior } from '../iron-resizable-behavior.js'; | ||
import { Polymer } from '../../polymer/lib/legacy/polymer-fn.js'; | ||
import '../iron-resizable-behavior.js'; | ||
@@ -18,5 +17,5 @@ /** | ||
behaviors: [ | ||
IronResizableBehavior | ||
Polymer.IronResizableBehavior | ||
] | ||
}); |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
35065
428