update components
This commit is contained in:
parent
ff79304dee
commit
2ff0f16136
11 changed files with 99 additions and 68 deletions
|
@ -16,12 +16,12 @@
|
|||
},
|
||||
"devDependencies": {},
|
||||
"ignore": [],
|
||||
"version": "1.2.47",
|
||||
"_release": "1.2.47",
|
||||
"version": "1.2.48",
|
||||
"_release": "1.2.48",
|
||||
"_resolution": {
|
||||
"type": "version",
|
||||
"tag": "1.2.47",
|
||||
"commit": "52f3790ed3d535fa00811d7922c899f85273b25c"
|
||||
"tag": "1.2.48",
|
||||
"commit": "342107db8bbaa343a4c61be6fd2591121a83ffff"
|
||||
},
|
||||
"_source": "https://github.com/MediaBrowser/emby-webcomponents.git",
|
||||
"_target": "^1.2.0",
|
||||
|
|
|
@ -25,12 +25,17 @@
|
|||
transition: transform .3s cubic-bezier(.4,0,.2,1),opacity .2s cubic-bezier(.4,0,.2,1);
|
||||
transition: transform .3s cubic-bezier(.4,0,.2,1),opacity .2s cubic-bezier(.4,0,.2,1),-webkit-transform .3s cubic-bezier(.4,0,.2,1);
|
||||
z-index: -1;*/
|
||||
max-height: 84%;
|
||||
}
|
||||
|
||||
.actionSheet.centered .actionSheetContent {
|
||||
.layout-tv .actionSheet {
|
||||
max-height: none;
|
||||
}
|
||||
|
||||
.actionSheet.centered .actionSheetContent {
|
||||
text-align: center;
|
||||
align-items: center;
|
||||
}
|
||||
}
|
||||
|
||||
.actionSheetContent {
|
||||
margin: 0 !important;
|
||||
|
|
|
@ -32,14 +32,14 @@
|
|||
"web-component-tester": "^4.0.0",
|
||||
"webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0"
|
||||
},
|
||||
"homepage": "https://github.com/polymerelements/iron-icon",
|
||||
"homepage": "https://github.com/PolymerElements/iron-icon",
|
||||
"_release": "1.0.8",
|
||||
"_resolution": {
|
||||
"type": "version",
|
||||
"tag": "v1.0.8",
|
||||
"commit": "f36b38928849ef3853db727faa8c9ef104d611eb"
|
||||
},
|
||||
"_source": "git://github.com/polymerelements/iron-icon.git",
|
||||
"_source": "git://github.com/PolymerElements/iron-icon.git",
|
||||
"_target": "^1.0.0",
|
||||
"_originalSource": "polymerelements/iron-icon"
|
||||
"_originalSource": "PolymerElements/iron-icon"
|
||||
}
|
|
@ -26,14 +26,14 @@
|
|||
"webcomponentsjs": "webcomponents/webcomponentsjs#^0.7.0"
|
||||
},
|
||||
"main": "iron-meta.html",
|
||||
"homepage": "https://github.com/polymerelements/iron-meta",
|
||||
"homepage": "https://github.com/PolymerElements/iron-meta",
|
||||
"_release": "1.1.1",
|
||||
"_resolution": {
|
||||
"type": "version",
|
||||
"tag": "v1.1.1",
|
||||
"commit": "e171ee234b482219c9514e6f9551df48ef48bd9f"
|
||||
},
|
||||
"_source": "git://github.com/polymerelements/iron-meta.git",
|
||||
"_source": "git://github.com/PolymerElements/iron-meta.git",
|
||||
"_target": "^1.0.0",
|
||||
"_originalSource": "polymerelements/iron-meta"
|
||||
"_originalSource": "PolymerElements/iron-meta"
|
||||
}
|
|
@ -1,6 +1,6 @@
|
|||
{
|
||||
"name": "iron-overlay-behavior",
|
||||
"version": "1.6.3",
|
||||
"version": "1.6.4",
|
||||
"license": "http://polymer.github.io/LICENSE.txt",
|
||||
"description": "Provides a behavior for making an element an overlay",
|
||||
"private": true,
|
||||
|
@ -35,11 +35,11 @@
|
|||
},
|
||||
"ignore": [],
|
||||
"homepage": "https://github.com/polymerelements/iron-overlay-behavior",
|
||||
"_release": "1.6.3",
|
||||
"_release": "1.6.4",
|
||||
"_resolution": {
|
||||
"type": "version",
|
||||
"tag": "v1.6.3",
|
||||
"commit": "5b331ebaefe3214937b94ba19769154efee46244"
|
||||
"tag": "v1.6.4",
|
||||
"commit": "983654132fd8281c3da07d79eea8a0f5b28e7a4f"
|
||||
},
|
||||
"_source": "git://github.com/polymerelements/iron-overlay-behavior.git",
|
||||
"_target": "^1.0.0",
|
||||
|
|
|
@ -1,6 +1,6 @@
|
|||
{
|
||||
"name": "iron-overlay-behavior",
|
||||
"version": "1.6.3",
|
||||
"version": "1.6.4",
|
||||
"license": "http://polymer.github.io/LICENSE.txt",
|
||||
"description": "Provides a behavior for making an element an overlay",
|
||||
"private": true,
|
||||
|
|
|
@ -113,7 +113,9 @@ context. You should place this element as a child of `<body>` whenever possible.
|
|||
},
|
||||
|
||||
/**
|
||||
* Returns the reason this dialog was last closed.
|
||||
* Contains the reason(s) this overlay was last closed (see `iron-overlay-closed`).
|
||||
* `IronOverlayBehavior` provides the `canceled` reason; implementers of the
|
||||
* behavior can provide other reasons in addition to `canceled`.
|
||||
*/
|
||||
closingReason: {
|
||||
// was a getter before, but needs to be a property so other
|
||||
|
@ -322,16 +324,23 @@ context. You should place this element as a child of `<body>` whenever possible.
|
|||
|
||||
this._manager.addOrRemoveOverlay(this);
|
||||
|
||||
this.__isAnimating = true;
|
||||
|
||||
// requestAnimationFrame for non-blocking rendering
|
||||
if (this.__openChangedAsync) {
|
||||
window.cancelAnimationFrame(this.__openChangedAsync);
|
||||
}
|
||||
|
||||
// Defer any animation-related code on attached
|
||||
// (_openedChanged gets called again on attached).
|
||||
if (!this.isAttached) {
|
||||
return;
|
||||
}
|
||||
|
||||
this.__isAnimating = true;
|
||||
|
||||
if (this.opened) {
|
||||
if (this.withBackdrop) {
|
||||
this.backdropElement.prepare();
|
||||
}
|
||||
// requestAnimationFrame for non-blocking rendering
|
||||
this.__openChangedAsync = window.requestAnimationFrame(function() {
|
||||
this.__openChangedAsync = null;
|
||||
this._prepareRenderOpened();
|
||||
|
@ -574,23 +583,25 @@ context. You should place this element as a child of `<body>` whenever possible.
|
|||
Polymer.IronOverlayBehavior = [Polymer.IronFitBehavior, Polymer.IronResizableBehavior, Polymer.IronOverlayBehaviorImpl];
|
||||
|
||||
/**
|
||||
* Fired after the `iron-overlay` opens.
|
||||
* Fired after the overlay opens.
|
||||
* @event iron-overlay-opened
|
||||
*/
|
||||
|
||||
/**
|
||||
* Fired when the `iron-overlay` is canceled, but before it is closed.
|
||||
* Cancel the event to prevent the `iron-overlay` from closing.
|
||||
* Fired when the overlay is canceled, but before it is closed.
|
||||
* @event iron-overlay-canceled
|
||||
* @param {Event} event The closing of the `iron-overlay` can be prevented
|
||||
* by calling `event.preventDefault()`. The `event.detail` is the original event that originated
|
||||
* the canceling (e.g. ESC keyboard event or click event outside the `iron-overlay`).
|
||||
* @param {Event} event The closing of the overlay can be prevented
|
||||
* by calling `event.preventDefault()`.
|
||||
* @param {Event} event.detail It is the original event that originated
|
||||
* the canceling (e.g. ESC keyboard event or click event outside the overlay).
|
||||
*/
|
||||
|
||||
/**
|
||||
* Fired after the `iron-overlay` closes.
|
||||
* Fired after the overlay closes.
|
||||
* @event iron-overlay-closed
|
||||
* @param {{canceled: (boolean|undefined)}} closingReason Contains `canceled` (whether the overlay was canceled).
|
||||
* @param {Event} event The event
|
||||
* @param {Object} event.detail It is the `closingReason` property (contains
|
||||
* `canceled`, whether the overlay was canceled).
|
||||
*/
|
||||
|
||||
})();
|
||||
|
|
|
@ -339,6 +339,12 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
|
|||
var overlay = /** @type {?} */ (this.currentOverlay());
|
||||
// Check if clicked outside of top overlay.
|
||||
if (overlay && this._overlayInPath(Polymer.dom(event).path) !== overlay) {
|
||||
if (overlay.withBackdrop) {
|
||||
// There's no need to stop the propagation as the backdrop element
|
||||
// already got this mousedown/touchstart event. Calling preventDefault
|
||||
// on this event ensures that click/tap won't be triggered at all.
|
||||
event.preventDefault();
|
||||
}
|
||||
overlay._onCaptureClick(event);
|
||||
}
|
||||
},
|
||||
|
|
|
@ -155,6 +155,21 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
|
|||
assert.equal(getComputedStyle(overlay).display, 'none', 'overlay starts hidden');
|
||||
});
|
||||
|
||||
test('_renderOpened called only after is attached', function(done) {
|
||||
var overlay = document.createElement('test-overlay');
|
||||
// The overlay is ready at this point, but not yet attached.
|
||||
var spy = sinon.spy(overlay, '_renderOpened');
|
||||
// This triggers _openedChanged.
|
||||
overlay.opened = true;
|
||||
// Even if not attached yet, overlay should be the current overlay!
|
||||
assert.equal(overlay, overlay._manager.currentOverlay(), 'currentOverlay ok');
|
||||
// Wait long enough for requestAnimationFrame callback.
|
||||
overlay.async(function() {
|
||||
assert.isFalse(spy.called, '_renderOpened not called');
|
||||
done();
|
||||
}, 100);
|
||||
});
|
||||
|
||||
test('overlay open/close events', function(done) {
|
||||
var nevents = 0;
|
||||
|
||||
|
@ -751,6 +766,27 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
|
|||
done();
|
||||
});
|
||||
});
|
||||
|
||||
test('withBackdrop = true prevents click outside event', function(done) {
|
||||
runAfterOpen(overlay, function() {
|
||||
overlay.addEventListener('iron-overlay-canceled', function(event) {
|
||||
assert.isTrue(event.detail.defaultPrevented, 'click event prevented');
|
||||
done();
|
||||
});
|
||||
MockInteractions.tap(document.body);
|
||||
});
|
||||
});
|
||||
|
||||
test('withBackdrop = false does not prevent click outside event', function(done) {
|
||||
overlay.withBackdrop = false;
|
||||
runAfterOpen(overlay, function() {
|
||||
overlay.addEventListener('iron-overlay-canceled', function(event) {
|
||||
assert.isFalse(event.detail.defaultPrevented, 'click event not prevented');
|
||||
done();
|
||||
});
|
||||
MockInteractions.tap(document.body);
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
suite('multiple overlays', function() {
|
||||
|
|
|
@ -54,7 +54,7 @@
|
|||
"tag": "v1.1.11",
|
||||
"commit": "8cfe5c5bf8c2e40d243443d046a94b6fe371983c"
|
||||
},
|
||||
"_source": "git://github.com/PolymerElements/paper-input.git",
|
||||
"_target": "^1.0.0",
|
||||
"_originalSource": "PolymerElements/paper-input"
|
||||
"_source": "git://github.com/polymerelements/paper-input.git",
|
||||
"_target": "^1.0.9",
|
||||
"_originalSource": "polymerelements/paper-input"
|
||||
}
|
|
@ -1,28 +1,4 @@
|
|||
define(['tvguide', 'events'], function (tvguide, events) {
|
||||
|
||||
function onGuideLoaded() {
|
||||
|
||||
var context = this.options.element;
|
||||
|
||||
require(["headroom"], function () {
|
||||
|
||||
// construct an instance of Headroom, passing the element
|
||||
var headroom = new Headroom(context.querySelector('.tvGuideHeader'), {
|
||||
// or scroll tolerance per direction
|
||||
scroller: context.querySelector('.guideVerticalScroller'),
|
||||
|
||||
onPin: function () {
|
||||
context.classList.remove('headroomUnpinned');
|
||||
},
|
||||
// callback when unpinned, `this` is headroom object
|
||||
onUnpin: function () {
|
||||
context.classList.add('headroomUnpinned');
|
||||
}
|
||||
});
|
||||
// initialise
|
||||
headroom.init();
|
||||
});
|
||||
}
|
||||
define(['tvguide'], function (tvguide) {
|
||||
|
||||
window.LiveTvPage.initGuideTab = function (page, tabContent) {
|
||||
|
||||
|
@ -35,9 +11,6 @@
|
|||
page.guideInstance = new tvguide({
|
||||
element: tabContent
|
||||
});
|
||||
|
||||
events.on(page.guideInstance, 'load', onGuideLoaded);
|
||||
|
||||
}
|
||||
};
|
||||
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue