Index: sky/examples/color/color-picker.sky |
diff --git a/sky/examples/color/color-picker.sky b/sky/examples/color/color-picker.sky |
deleted file mode 100644 |
index a91be76d1c9ef400f4a7fe01c1b929a6fbbb34d2..0000000000000000000000000000000000000000 |
--- a/sky/examples/color/color-picker.sky |
+++ /dev/null |
@@ -1,46 +0,0 @@ |
-<!-- |
-// 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. |
---> |
-<sky> |
-<import src="/sky/framework/sky-box.sky"/> |
-<import src="/sky/framework/sky-element/sky-element.sky" as="SkyElement" /> |
-<import src="color-wheel.sky" /> |
-<import src="color-samples.sky" /> |
- |
-<sky-element name="color-picker" on-color-change="updateColorSamples"> |
-<template> |
- <style> |
- color-samples { |
- height: 80px; |
- margin-top: 10px; |
- } |
- </style> |
- <sky-box title='Choose a Color'> |
- <color-wheel id="color-wheel-element" color="{{ inputColor }}"/> |
- <color-samples id="color-samples-element"/> |
- </sky-box> |
-</template> |
-<script> |
-module.exports = class extends SkyElement { |
- created() { |
- this.inputColor = "#FFFFFF"; |
- this.colorSamplesElt = null; |
- // Show the 6 most recently selected colors |
- var colorSample = {cssColor: this.inputColor}; |
- this.colorSamples = new Array(6); |
- this.colorSamples.fill({cssColor: this.inputColor}); |
- } |
- shadowRootReady() { |
- this.colorSamplesElt = this.shadowRoot.getElementById('color-samples-element'); |
- } |
- updateColorSamples(e) { |
- this.colorSamples.push({cssColor: e.detail}); |
- this.colorSamples.shift(); |
- this.colorSamplesElt.colors = this.colorSamples; |
- } |
-}.register(); |
-</script> |
-</sky-element> |
-</sky> |