flutter_flutter/sdk/lib/framework/elements/material-element.sky
John McCutchan b017dfd995 Rationalize Dart mojo and sky package structure.
NOTE: This CL appears far larger than it actually is for two reasons:

1) Many files were moved around to use the Dart package directory structure.
2) Many .dart files had to have import paths updated.

- Organize mojo/public/dart so that it uses standard Dart package layout
- Organize mojo/dart/apptest so that it uses a standard Dart package layout
- Organize sky/sdk so that it uses a standard Dart package layout
- Create a mojo/testing package (used by unittests)
- Introduce the 'dart_pkg' gn rule which populates gen/Config/dart-pkg
- All internally vended Dart packages must have a corresponding dart_pkg rule
- It is now possible to use dependency_overrides: in pubspec.yaml to mix internal and external package dependencies (enables analyzer, editor, webstorm usage for internal developers).
- Package root for dart content handler ends with "packages/"
- Imports of mojo package uris no longer need the "public/dart"
- mojo/public/tools/dart_package.py is a clone of mojo/public/tools/gn/zip.py
- Sky tests no longer run 'deploy_sdk' script.

R=eseidel@chromium.org

Review URL: https://codereview.chromium.org/1132063007
2015-05-18 14:41:39 -07:00

63 lines
1.7 KiB
Plaintext

<!--
// Copyright 2015 The Chromium Authors. All rights reserved.
// Use of this source code is governed by a BSD-style license that can be
// found in the LICENSE file.
-->
<import src="sky-element.sky" />
<import src="sky-ink-splash.sky" />
<script>
import "dart:sky";
HTMLStyleElement _kStyleElement;
class MaterialElement extends SkyElement {
Set<SkyInkSplash> _activeSplashes = new Set();
bool _didAddTransformHack = false;
MaterialElement() {
addEventListener('pointerdown', _handlePointerDown);
addEventListener('gesturescrollstart', _handleScrollStart);
}
void addTransformHack() {
if (_didAddTransformHack)
return;
if (style['transform'] != null)
return;
_didAddTransformHack = true;
// We set the transform here to become a container for absolutely positioned
// elements. We should either have a better way of becoming such a container
// or we should make every RenderBlock be such a container.
style['transform'] = 'translateX(0)';
}
void removeTransformHack() {
if (!_didAddTransformHack)
return;
style.removeProperty('transform');
_didAddTransformHack = false;
}
void _handlePointerDown(PointerEvent event) {
addTransformHack();
ClientRect rect = getBoundingClientRect();
SkyInkSplash splash = new SkyInkSplash();
shadowRoot.prependChild(splash);
splash.start(event.x, event.y, rect).then(_handleSplashComplete);
_activeSplashes.add(splash);
}
void _handleSplashComplete(SkyInkSplash splash) {
_activeSplashes.remove(splash);
if (_activeSplashes.isEmpty)
removeTransformHack();
}
void _handleScrollStart(GestureEvent event) {
for (SkyInkSplash splash in _activeSplashes) {
splash.cancel();
}
}
}
</script>