| 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>
|
|
|