ngx-color 7.0.1 → 7.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/alpha/alpha-picker.component.d.ts +8 -0
- package/alpha/esm2020/alpha-picker.component.mjs +116 -0
- package/alpha/{esm2015/ngx-color-alpha.js → esm2020/ngx-color-alpha.mjs} +2 -2
- package/alpha/esm2020/public_api.mjs +2 -0
- package/alpha/fesm2015/ngx-color-alpha.mjs +123 -0
- package/alpha/fesm2015/ngx-color-alpha.mjs.map +1 -0
- package/alpha/fesm2020/ngx-color-alpha.mjs +123 -0
- package/alpha/fesm2020/ngx-color-alpha.mjs.map +1 -0
- package/alpha/ngx-color-alpha.d.ts +2 -1
- package/alpha/package.json +19 -7
- package/alpha/public_api.d.ts +1 -0
- package/alpha.component.d.ts +9 -0
- package/block/block-swatches.component.d.ts +3 -0
- package/block/block.component.d.ts +9 -0
- package/block/esm2020/block-swatches.component.mjs +76 -0
- package/block/esm2020/block.component.mjs +199 -0
- package/block/esm2020/ngx-color-block.mjs +5 -0
- package/block/esm2020/public_api.mjs +3 -0
- package/block/fesm2015/ngx-color-block.mjs +277 -0
- package/block/fesm2015/ngx-color-block.mjs.map +1 -0
- package/block/fesm2020/ngx-color-block.mjs +277 -0
- package/block/fesm2020/ngx-color-block.mjs.map +1 -0
- package/block/ngx-color-block.d.ts +2 -2
- package/block/package.json +19 -7
- package/block/public_api.d.ts +2 -0
- package/checkboard.component.d.ts +7 -0
- package/chrome/chrome-fields.component.d.ts +3 -0
- package/chrome/chrome.component.d.ts +9 -0
- package/chrome/esm2020/chrome-fields.component.mjs +356 -0
- package/chrome/esm2020/chrome.component.mjs +249 -0
- package/chrome/esm2020/ngx-color-chrome.mjs +5 -0
- package/chrome/esm2020/public_api.mjs +3 -0
- package/chrome/fesm2015/ngx-color-chrome.mjs +606 -0
- package/chrome/fesm2015/ngx-color-chrome.mjs.map +1 -0
- package/chrome/fesm2020/ngx-color-chrome.mjs +606 -0
- package/chrome/fesm2020/ngx-color-chrome.mjs.map +1 -0
- package/chrome/ngx-color-chrome.d.ts +2 -2
- package/chrome/package.json +19 -7
- package/chrome/public_api.d.ts +2 -0
- package/circle/circle-swatch.component.d.ts +3 -0
- package/circle/circle.component.d.ts +9 -0
- package/circle/esm2020/circle-swatch.component.mjs +85 -0
- package/circle/esm2020/circle.component.mjs +148 -0
- package/circle/esm2020/ngx-color-circle.mjs +5 -0
- package/circle/esm2020/public_api.mjs +3 -0
- package/circle/fesm2015/ngx-color-circle.mjs +237 -0
- package/circle/fesm2015/ngx-color-circle.mjs.map +1 -0
- package/circle/fesm2020/ngx-color-circle.mjs +237 -0
- package/circle/fesm2020/ngx-color-circle.mjs.map +1 -0
- package/circle/ngx-color-circle.d.ts +2 -2
- package/circle/package.json +19 -7
- package/circle/public_api.d.ts +2 -0
- package/color-wrap.component.d.ts +27 -2
- package/compact/compact-color.component.d.ts +3 -0
- package/compact/compact-fields.component.d.ts +3 -0
- package/compact/compact.component.d.ts +10 -0
- package/compact/esm2020/compact-color.component.mjs +91 -0
- package/compact/esm2020/compact-fields.component.mjs +186 -0
- package/compact/esm2020/compact.component.mjs +177 -0
- package/compact/esm2020/ngx-color-compact.mjs +5 -0
- package/compact/esm2020/public_api.mjs +4 -0
- package/compact/fesm2015/ngx-color-compact.mjs +451 -0
- package/compact/fesm2015/ngx-color-compact.mjs.map +1 -0
- package/compact/fesm2020/ngx-color-compact.mjs +451 -0
- package/compact/fesm2020/ngx-color-compact.mjs.map +1 -0
- package/compact/ngx-color-compact.d.ts +2 -3
- package/compact/package.json +19 -7
- package/compact/public_api.d.ts +3 -0
- package/coordinates.directive.d.ts +6 -0
- package/editable-input.component.d.ts +8 -0
- package/esm2020/alpha.component.mjs +186 -0
- package/esm2020/checkboard.component.mjs +66 -0
- package/esm2020/color-wrap.component.mjs +163 -0
- package/esm2020/coordinates.directive.mjs +104 -0
- package/esm2020/editable-input.component.mjs +217 -0
- package/{esm2015/helpers/checkboard.js → esm2020/helpers/checkboard.mjs} +0 -0
- package/{esm2015/helpers/color.interfaces.js → esm2020/helpers/color.interfaces.mjs} +0 -0
- package/{esm2015/helpers/color.js → esm2020/helpers/color.mjs} +0 -0
- package/esm2020/hue.component.mjs +165 -0
- package/{esm2015/ngx-color.js → esm2020/ngx-color.mjs} +0 -0
- package/{esm2015/public_api.js → esm2020/public_api.mjs} +0 -0
- package/esm2020/raised.component.mjs +89 -0
- package/esm2020/saturation.component.mjs +136 -0
- package/esm2020/shade.component.mjs +165 -0
- package/esm2020/swatch.component.mjs +125 -0
- package/fesm2015/ngx-color.mjs +1461 -0
- package/fesm2015/ngx-color.mjs.map +1 -0
- package/fesm2020/ngx-color.mjs +1466 -0
- package/fesm2020/ngx-color.mjs.map +1 -0
- package/github/esm2020/github-swatch.component.mjs +67 -0
- package/github/esm2020/github.component.mjs +179 -0
- package/github/esm2020/ngx-color-github.mjs +5 -0
- package/github/esm2020/public_api.mjs +3 -0
- package/github/fesm2015/ngx-color-github.mjs +250 -0
- package/github/fesm2015/ngx-color-github.mjs.map +1 -0
- package/github/fesm2020/ngx-color-github.mjs +250 -0
- package/github/fesm2020/ngx-color-github.mjs.map +1 -0
- package/github/github-swatch.component.d.ts +3 -0
- package/github/github.component.d.ts +9 -0
- package/github/ngx-color-github.d.ts +2 -2
- package/github/package.json +19 -7
- package/github/public_api.d.ts +2 -0
- package/helpers/checkboard.d.ts +2 -2
- package/hue/esm2020/hue-picker.component.mjs +113 -0
- package/hue/{esm2015/ngx-color-hue.js → esm2020/ngx-color-hue.mjs} +2 -2
- package/hue/esm2020/public_api.mjs +2 -0
- package/hue/fesm2015/ngx-color-hue.mjs +120 -0
- package/hue/fesm2015/ngx-color-hue.mjs.map +1 -0
- package/hue/fesm2020/ngx-color-hue.mjs +120 -0
- package/hue/fesm2020/ngx-color-hue.mjs.map +1 -0
- package/hue/hue-picker.component.d.ts +8 -0
- package/hue/ngx-color-hue.d.ts +2 -1
- package/hue/package.json +19 -7
- package/hue/public_api.d.ts +1 -0
- package/hue.component.d.ts +8 -0
- package/material/esm2020/material.component.mjs +211 -0
- package/material/{esm2015/ngx-color-material.js → esm2020/ngx-color-material.mjs} +2 -2
- package/material/esm2020/public_api.mjs +2 -0
- package/material/fesm2015/ngx-color-material.mjs +218 -0
- package/material/fesm2015/ngx-color-material.mjs.map +1 -0
- package/material/fesm2020/ngx-color-material.mjs +218 -0
- package/material/fesm2020/ngx-color-material.mjs.map +1 -0
- package/material/material.component.d.ts +8 -0
- package/material/ngx-color-material.d.ts +2 -1
- package/material/package.json +19 -7
- package/material/public_api.d.ts +1 -0
- package/ngx-color.d.ts +1 -0
- package/package.json +20 -8
- package/photoshop/esm2020/ngx-color-photoshop.mjs +5 -0
- package/photoshop/esm2020/photoshop-button.component.mjs +63 -0
- package/photoshop/esm2020/photoshop-fields.component.mjs +241 -0
- package/photoshop/esm2020/photoshop-previews.component.mjs +68 -0
- package/photoshop/esm2020/photoshop.component.mjs +258 -0
- package/photoshop/esm2020/public_api.mjs +5 -0
- package/photoshop/fesm2015/ngx-color-photoshop.mjs +626 -0
- package/photoshop/fesm2015/ngx-color-photoshop.mjs.map +1 -0
- package/photoshop/fesm2020/ngx-color-photoshop.mjs +626 -0
- package/photoshop/fesm2020/ngx-color-photoshop.mjs.map +1 -0
- package/photoshop/ngx-color-photoshop.d.ts +2 -4
- package/photoshop/package.json +19 -7
- package/photoshop/photoshop-button.component.d.ts +3 -0
- package/photoshop/photoshop-fields.component.d.ts +3 -0
- package/photoshop/photoshop-previews.component.d.ts +3 -0
- package/photoshop/photoshop.component.d.ts +11 -0
- package/photoshop/public_api.d.ts +4 -0
- package/raised.component.d.ts +7 -0
- package/saturation.component.d.ts +8 -0
- package/shade/{esm2015/ngx-color-shade.js → esm2020/ngx-color-shade.mjs} +2 -2
- package/shade/esm2020/public_api.mjs +2 -0
- package/shade/esm2020/shade-picker.component.mjs +105 -0
- package/shade/fesm2015/ngx-color-shade.mjs +112 -0
- package/shade/fesm2015/ngx-color-shade.mjs.map +1 -0
- package/shade/fesm2020/ngx-color-shade.mjs +112 -0
- package/shade/fesm2020/ngx-color-shade.mjs.map +1 -0
- package/shade/ngx-color-shade.d.ts +2 -1
- package/shade/package.json +19 -7
- package/shade/public_api.d.ts +1 -0
- package/shade/shade-picker.component.d.ts +8 -0
- package/shade.component.d.ts +8 -0
- package/sketch/esm2020/ngx-color-sketch.mjs +5 -0
- package/sketch/esm2020/public_api.mjs +4 -0
- package/sketch/esm2020/sketch-fields.component.mjs +243 -0
- package/sketch/esm2020/sketch-preset-colors.component.mjs +98 -0
- package/sketch/esm2020/sketch.component.mjs +283 -0
- package/sketch/fesm2015/ngx-color-sketch.mjs +620 -0
- package/sketch/fesm2015/ngx-color-sketch.mjs.map +1 -0
- package/sketch/fesm2020/ngx-color-sketch.mjs +620 -0
- package/sketch/fesm2020/ngx-color-sketch.mjs.map +1 -0
- package/sketch/ngx-color-sketch.d.ts +2 -3
- package/sketch/package.json +19 -7
- package/sketch/public_api.d.ts +3 -0
- package/sketch/sketch-fields.component.d.ts +3 -0
- package/sketch/sketch-preset-colors.component.d.ts +3 -0
- package/sketch/sketch.component.d.ts +10 -0
- package/slider/esm2020/ngx-color-slider.mjs +5 -0
- package/slider/esm2020/public_api.mjs +4 -0
- package/slider/esm2020/slider-swatch.component.mjs +80 -0
- package/slider/esm2020/slider-swatches.component.mjs +135 -0
- package/slider/esm2020/slider.component.mjs +116 -0
- package/slider/fesm2015/ngx-color-slider.mjs +331 -0
- package/slider/fesm2015/ngx-color-slider.mjs.map +1 -0
- package/slider/fesm2020/ngx-color-slider.mjs +331 -0
- package/slider/fesm2020/ngx-color-slider.mjs.map +1 -0
- package/slider/ngx-color-slider.d.ts +2 -3
- package/slider/package.json +19 -7
- package/slider/public_api.d.ts +3 -0
- package/slider/slider-swatch.component.d.ts +3 -0
- package/slider/slider-swatches.component.d.ts +3 -0
- package/slider/slider.component.d.ts +10 -0
- package/swatch.component.d.ts +8 -0
- package/swatches/esm2020/ngx-color-swatches.mjs +5 -0
- package/swatches/esm2020/public_api.mjs +4 -0
- package/swatches/esm2020/swatches-color.component.mjs +123 -0
- package/swatches/esm2020/swatches-group.component.mjs +64 -0
- package/swatches/esm2020/swatches.component.mjs +258 -0
- package/swatches/fesm2015/ngx-color-swatches.mjs +441 -0
- package/swatches/fesm2015/ngx-color-swatches.mjs.map +1 -0
- package/swatches/fesm2020/ngx-color-swatches.mjs +441 -0
- package/swatches/fesm2020/ngx-color-swatches.mjs.map +1 -0
- package/swatches/ngx-color-swatches.d.ts +2 -3
- package/swatches/package.json +19 -7
- package/swatches/public_api.d.ts +3 -0
- package/swatches/swatches-color.component.d.ts +3 -0
- package/swatches/swatches-group.component.d.ts +3 -0
- package/swatches/swatches.component.d.ts +10 -0
- package/twitter/{esm2015/ngx-color-twitter.js → esm2020/ngx-color-twitter.mjs} +2 -2
- package/twitter/esm2020/public_api.mjs +2 -0
- package/twitter/esm2020/twitter.component.mjs +255 -0
- package/twitter/fesm2015/ngx-color-twitter.mjs +262 -0
- package/twitter/fesm2015/ngx-color-twitter.mjs.map +1 -0
- package/twitter/fesm2020/ngx-color-twitter.mjs +262 -0
- package/twitter/fesm2020/ngx-color-twitter.mjs.map +1 -0
- package/twitter/ngx-color-twitter.d.ts +2 -1
- package/twitter/package.json +19 -7
- package/twitter/public_api.d.ts +1 -0
- package/twitter/twitter.component.d.ts +8 -0
- package/alpha/bundles/ngx-color-alpha.umd.js +0 -387
- package/alpha/bundles/ngx-color-alpha.umd.js.map +0 -1
- package/alpha/esm2015/alpha-picker.component.js +0 -72
- package/alpha/fesm2015/ngx-color-alpha.js +0 -79
- package/alpha/fesm2015/ngx-color-alpha.js.map +0 -1
- package/alpha/ngx-color-alpha.metadata.json +0 -1
- package/block/bundles/ngx-color-block.umd.js +0 -455
- package/block/bundles/ngx-color-block.umd.js.map +0 -1
- package/block/esm2015/block-swatches.component.js +0 -58
- package/block/esm2015/block.component.js +0 -139
- package/block/esm2015/ngx-color-block.js +0 -6
- package/block/fesm2015/ngx-color-block.js +0 -202
- package/block/fesm2015/ngx-color-block.js.map +0 -1
- package/block/ngx-color-block.metadata.json +0 -1
- package/bundles/ngx-color.umd.js +0 -951
- package/bundles/ngx-color.umd.js.map +0 -1
- package/chrome/bundles/ngx-color-chrome.umd.js +0 -526
- package/chrome/bundles/ngx-color-chrome.umd.js.map +0 -1
- package/chrome/esm2015/chrome-fields.component.js +0 -255
- package/chrome/esm2015/chrome.component.js +0 -161
- package/chrome/esm2015/ngx-color-chrome.js +0 -6
- package/chrome/fesm2015/ngx-color-chrome.js +0 -420
- package/chrome/fesm2015/ngx-color-chrome.js.map +0 -1
- package/chrome/ngx-color-chrome.metadata.json +0 -1
- package/circle/bundles/ngx-color-circle.umd.js +0 -452
- package/circle/bundles/ngx-color-circle.umd.js.map +0 -1
- package/circle/esm2015/circle-swatch.component.js +0 -63
- package/circle/esm2015/circle.component.js +0 -97
- package/circle/esm2015/ngx-color-circle.js +0 -6
- package/circle/fesm2015/ngx-color-circle.js +0 -165
- package/circle/fesm2015/ngx-color-circle.js.map +0 -1
- package/circle/ngx-color-circle.metadata.json +0 -1
- package/compact/bundles/ngx-color-compact.umd.js +0 -562
- package/compact/bundles/ngx-color-compact.umd.js.map +0 -1
- package/compact/esm2015/compact-color.component.js +0 -70
- package/compact/esm2015/compact-fields.component.js +0 -142
- package/compact/esm2015/compact.component.js +0 -123
- package/compact/esm2015/ngx-color-compact.js +0 -7
- package/compact/fesm2015/ngx-color-compact.js +0 -336
- package/compact/fesm2015/ngx-color-compact.js.map +0 -1
- package/compact/ngx-color-compact.metadata.json +0 -1
- package/esm2015/alpha.component.js +0 -156
- package/esm2015/checkboard.component.js +0 -52
- package/esm2015/color-wrap.component.js +0 -82
- package/esm2015/coordinates.directive.js +0 -85
- package/esm2015/editable-input.component.js +0 -181
- package/esm2015/hue.component.js +0 -140
- package/esm2015/raised.component.js +0 -73
- package/esm2015/saturation.component.js +0 -111
- package/esm2015/shade.component.js +0 -127
- package/esm2015/swatch.component.js +0 -85
- package/fesm2015/ngx-color.js +0 -1164
- package/fesm2015/ngx-color.js.map +0 -1
- package/github/bundles/ngx-color-github.umd.js +0 -430
- package/github/bundles/ngx-color-github.umd.js.map +0 -1
- package/github/esm2015/github-swatch.component.js +0 -48
- package/github/esm2015/github.component.js +0 -134
- package/github/esm2015/ngx-color-github.js +0 -6
- package/github/fesm2015/ngx-color-github.js +0 -187
- package/github/fesm2015/ngx-color-github.js.map +0 -1
- package/github/ngx-color-github.metadata.json +0 -1
- package/hue/bundles/ngx-color-hue.umd.js +0 -390
- package/hue/bundles/ngx-color-hue.umd.js.map +0 -1
- package/hue/esm2015/hue-picker.component.js +0 -70
- package/hue/fesm2015/ngx-color-hue.js +0 -77
- package/hue/fesm2015/ngx-color-hue.js.map +0 -1
- package/hue/ngx-color-hue.metadata.json +0 -1
- package/material/bundles/ngx-color-material.umd.js +0 -438
- package/material/bundles/ngx-color-material.umd.js.map +0 -1
- package/material/esm2015/material.component.js +0 -149
- package/material/fesm2015/ngx-color-material.js +0 -156
- package/material/fesm2015/ngx-color-material.js.map +0 -1
- package/material/ngx-color-material.metadata.json +0 -1
- package/ngx-color.metadata.json +0 -1
- package/photoshop/bundles/ngx-color-photoshop.umd.js +0 -554
- package/photoshop/bundles/ngx-color-photoshop.umd.js.map +0 -1
- package/photoshop/esm2015/ngx-color-photoshop.js +0 -8
- package/photoshop/esm2015/photoshop-button.component.js +0 -50
- package/photoshop/esm2015/photoshop-fields.component.js +0 -180
- package/photoshop/esm2015/photoshop-previews.component.js +0 -53
- package/photoshop/esm2015/photoshop.component.js +0 -169
- package/photoshop/fesm2015/ngx-color-photoshop.js +0 -452
- package/photoshop/fesm2015/ngx-color-photoshop.js.map +0 -1
- package/photoshop/ngx-color-photoshop.metadata.json +0 -1
- package/shade/bundles/ngx-color-shade.umd.js +0 -382
- package/shade/bundles/ngx-color-shade.umd.js.map +0 -1
- package/shade/esm2015/shade-picker.component.js +0 -63
- package/shade/fesm2015/ngx-color-shade.js +0 -70
- package/shade/fesm2015/ngx-color-shade.js.map +0 -1
- package/shade/ngx-color-shade.metadata.json +0 -1
- package/sketch/bundles/ngx-color-sketch.umd.js +0 -568
- package/sketch/bundles/ngx-color-sketch.umd.js.map +0 -1
- package/sketch/esm2015/ngx-color-sketch.js +0 -7
- package/sketch/esm2015/sketch-fields.component.js +0 -181
- package/sketch/esm2015/sketch-preset-colors.component.js +0 -76
- package/sketch/esm2015/sketch.component.js +0 -191
- package/sketch/fesm2015/ngx-color-sketch.js +0 -450
- package/sketch/fesm2015/ngx-color-sketch.js.map +0 -1
- package/sketch/ngx-color-sketch.metadata.json +0 -1
- package/slider/bundles/ngx-color-slider.umd.js +0 -453
- package/slider/bundles/ngx-color-slider.umd.js.map +0 -1
- package/slider/esm2015/ngx-color-slider.js +0 -7
- package/slider/esm2015/slider-swatch.component.js +0 -65
- package/slider/esm2015/slider-swatches.component.js +0 -84
- package/slider/esm2015/slider.component.js +0 -69
- package/slider/fesm2015/ngx-color-slider.js +0 -221
- package/slider/fesm2015/ngx-color-slider.js.map +0 -1
- package/slider/ngx-color-slider.metadata.json +0 -1
- package/swatches/bundles/ngx-color-swatches.umd.js +0 -595
- package/swatches/bundles/ngx-color-swatches.umd.js.map +0 -1
- package/swatches/esm2015/ngx-color-swatches.js +0 -7
- package/swatches/esm2015/swatches-color.component.js +0 -90
- package/swatches/esm2015/swatches-group.component.js +0 -42
- package/swatches/esm2015/swatches.component.js +0 -205
- package/swatches/fesm2015/ngx-color-swatches.js +0 -339
- package/swatches/fesm2015/ngx-color-swatches.js.map +0 -1
- package/swatches/ngx-color-swatches.metadata.json +0 -1
- package/twitter/bundles/ngx-color-twitter.umd.js +0 -416
- package/twitter/bundles/ngx-color-twitter.umd.js.map +0 -1
- package/twitter/esm2015/twitter.component.js +0 -195
- package/twitter/fesm2015/ngx-color-twitter.js +0 -202
- package/twitter/fesm2015/ngx-color-twitter.js.map +0 -1
- package/twitter/ngx-color-twitter.metadata.json +0 -1
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"ngx-color-slider.mjs","sources":["../../../../src/lib/components/slider/slider-swatch.component.ts","../../../../src/lib/components/slider/slider-swatches.component.ts","../../../../src/lib/components/slider/slider.component.ts","../../../../src/lib/components/slider/ngx-color-slider.ts"],"sourcesContent":["import {\n ChangeDetectionStrategy,\n Component,\n EventEmitter,\n Input,\n OnChanges,\n Output,\n} from '@angular/core';\n\nimport { HSL } from 'ngx-color';\n\n@Component({\n selector: 'color-slider-swatch',\n template: `\n <div class=\"slider-swatch\" [style.background]=\"background\"\n [class.first]=\"first\" [class.last]=\"last\" [class.active]=\"active\"\n (click)=\"handleClick($event)\"\n ></div>\n `,\n styles: [\n `\n .slider-swatch {\n height: 12px;\n background: rgb(121, 211, 166);\n cursor: pointer;\n }\n .slider-swatch.active {\n transform: scaleY(1.8);\n border-top-right-radius: 3.6px 2px;\n border-top-left-radius: 3.6px 2px;\n border-bottom-right-radius: 3.6px 2px;\n border-bottom-left-radius: 3.6px 2px;\n }\n .slider-swatch.first {\n border-radius: 2px 0px 0px 2px;\n }\n .slider-swatch.last {\n border-radius: 0px 2px 2px 0px;\n }\n\n `,\n ],\n changeDetection: ChangeDetectionStrategy.OnPush,\n preserveWhitespaces: false,\n})\nexport class SliderSwatchComponent implements OnChanges {\n @Input() hsl!: HSL;\n @Input() active!: boolean;\n @Input() offset!: number;\n @Input() first = false;\n @Input() last = false;\n @Output() onClick = new EventEmitter<any>();\n background!: string;\n\n ngOnChanges() {\n this.background = `hsl(${this.hsl.h}, 50%, ${this.offset * 100}%)`;\n }\n handleClick($event) {\n this.onClick.emit({\n data: {\n h: this.hsl.h,\n s: 0.5,\n l: this.offset,\n source: 'hsl',\n },\n $event,\n });\n }\n}\n","import {\n ChangeDetectionStrategy,\n Component,\n EventEmitter,\n Input,\n Output,\n} from '@angular/core';\n\nimport { HSL } from 'ngx-color';\n\n@Component({\n selector: 'color-slider-swatches',\n template: `\n <div class=\"slider-swatches\">\n <div class=\"slider-swatch-wrap\">\n <color-slider-swatch\n [hsl]=\"hsl\"\n [offset]=\".80\"\n [active]=\"active(0.80, 0.50)\"\n (onClick)=\"handleClick($event)\"\n [first]=\"true\"\n ></color-slider-swatch>\n </div>\n <div class=\"slider-swatch-wrap\">\n <color-slider-swatch\n [hsl]=\"hsl\"\n [offset]=\".65\"\n [active]=\"active(0.65, 0.50)\"\n (onClick)=\"handleClick($event)\"\n ></color-slider-swatch>\n </div>\n <div class=\"slider-swatch-wrap\">\n <color-slider-swatch\n [hsl]=\"hsl\"\n [offset]=\".50\"\n [active]=\"active(0.50, 0.50)\"\n (onClick)=\"handleClick($event)\"\n ></color-slider-swatch>\n </div>\n <div class=\"slider-swatch-wrap\">\n <color-slider-swatch\n [hsl]=\"hsl\"\n [offset]=\".35\"\n [active]=\"active(0.35, 0.50)\"\n (onClick)=\"handleClick($event)\"\n ></color-slider-swatch>\n </div>\n <div class=\"slider-swatch-wrap\">\n <color-slider-swatch\n [hsl]=\"hsl\"\n [offset]=\".20\"\n [active]=\"active(0.20, 0.50)\"\n (onClick)=\"handleClick($event)\"\n [last]=\"true\"\n ></color-slider-swatch>\n </div>\n </div>\n `,\n styles: [`\n .slider-swatches {\n margin-top: 20px;\n }\n .slider-swatch-wrap {\n box-sizing: border-box;\n width: 20%;\n padding-right: 1px;\n float: left;\n }\n `],\n changeDetection: ChangeDetectionStrategy.OnPush,\n preserveWhitespaces: false,\n})\nexport class SliderSwatchesComponent {\n @Input() hsl!: HSL;\n @Output() onClick = new EventEmitter<any>();\n @Output() onSwatchHover = new EventEmitter<any>();\n\n active(l: number, s: number) {\n return (\n Math.round(this.hsl.l * 100) / 100 === l &&\n Math.round(this.hsl.s * 100) / 100 === s\n );\n }\n handleClick({ data, $event }) {\n this.onClick.emit({ data, $event });\n }\n}\n","import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, forwardRef, Input, NgModule } from '@angular/core';\n\nimport { ColorWrap, HueModule, SwatchModule } from 'ngx-color';\nimport { SliderSwatchComponent } from './slider-swatch.component';\nimport { SliderSwatchesComponent } from './slider-swatches.component';\nimport { NG_VALUE_ACCESSOR } from '@angular/forms';\n\n@Component({\n selector: 'color-slider',\n template: `\n <div class=\"slider-picker {{ className }}\">\n <div class=\"slider-hue\">\n <color-hue\n [hsl]=\"hsl\" [radius]=\"radius\" [pointer]=\"pointer\"\n (onChange)=\"handlePickerChange($event)\"\n ></color-hue>\n </div>\n <div class=\"slider-swatches\">\n <color-slider-swatches [hsl]=\"hsl\"\n (onClick)=\"handlePickerChange($event)\"\n ></color-slider-swatches>\n </div>\n </div>\n `,\n styles: [\n `\n .slider-hue {\n height: 12px;\n position: relative;\n }\n `,\n ],\n changeDetection: ChangeDetectionStrategy.OnPush,\n preserveWhitespaces: false,\n providers: [\n {\n provide: NG_VALUE_ACCESSOR,\n useExisting: forwardRef(() => SliderComponent),\n multi: true,\n },\n {\n provide: ColorWrap,\n useExisting: forwardRef(() => SliderComponent),\n },\n ]\n})\nexport class SliderComponent extends ColorWrap {\n @Input()\n pointer: Record<string, string> = {\n width: '14px',\n height: '14px',\n borderRadius: '6px',\n transform: 'translate(-7px, -2px)',\n backgroundColor: 'rgb(248, 248, 248)',\n boxShadow: '0 1px 4px 0 rgba(0, 0, 0, 0.37)',\n };\n @Input() radius = 2;\n\n constructor() {\n super();\n }\n\n handlePickerChange({ data, $event }) {\n this.handleChange(data, $event);\n }\n}\n\n@NgModule({\n declarations: [\n SliderComponent,\n SliderSwatchComponent,\n SliderSwatchesComponent,\n ],\n exports: [SliderComponent, SliderSwatchComponent, SliderSwatchesComponent],\n imports: [CommonModule, HueModule, SwatchModule],\n})\nexport class ColorSliderModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}
|
@@ -1,6 +1,5 @@
|
|
1
1
|
/**
|
2
2
|
* Generated bundle index. Do not edit.
|
3
3
|
*/
|
4
|
-
|
5
|
-
export
|
6
|
-
export { SliderSwatchesComponent as ɵb } from './slider-swatches.component';
|
4
|
+
/// <amd-module name="ngx-color/slider" />
|
5
|
+
export * from './public_api';
|
package/slider/package.json
CHANGED
@@ -5,15 +5,27 @@
|
|
5
5
|
"type": "git",
|
6
6
|
"url": "git+https://github.com/scttcper/ngx-color.git"
|
7
7
|
},
|
8
|
-
"
|
9
|
-
"
|
10
|
-
"
|
11
|
-
"
|
12
|
-
"fesm2015": "fesm2015/ngx-color-slider.
|
8
|
+
"module": "fesm2015/ngx-color-slider.mjs",
|
9
|
+
"es2020": "fesm2020/ngx-color-slider.mjs",
|
10
|
+
"esm2020": "esm2020/ngx-color-slider.mjs",
|
11
|
+
"fesm2020": "fesm2020/ngx-color-slider.mjs",
|
12
|
+
"fesm2015": "fesm2015/ngx-color-slider.mjs",
|
13
13
|
"typings": "ngx-color-slider.d.ts",
|
14
|
-
"
|
14
|
+
"exports": {
|
15
|
+
"./package.json": {
|
16
|
+
"default": "./package.json"
|
17
|
+
},
|
18
|
+
".": {
|
19
|
+
"types": "./ngx-color-slider.d.ts",
|
20
|
+
"esm2020": "./esm2020/ngx-color-slider.mjs",
|
21
|
+
"es2020": "./fesm2020/ngx-color-slider.mjs",
|
22
|
+
"es2015": "./fesm2015/ngx-color-slider.mjs",
|
23
|
+
"node": "./fesm2015/ngx-color-slider.mjs",
|
24
|
+
"default": "./fesm2020/ngx-color-slider.mjs"
|
25
|
+
}
|
26
|
+
},
|
15
27
|
"sideEffects": false,
|
16
28
|
"dependencies": {
|
17
|
-
"tslib": "^2.
|
29
|
+
"tslib": "^2.3.0"
|
18
30
|
}
|
19
31
|
}
|
@@ -1,5 +1,6 @@
|
|
1
1
|
import { EventEmitter, OnChanges } from '@angular/core';
|
2
2
|
import { HSL } from 'ngx-color';
|
3
|
+
import * as i0 from "@angular/core";
|
3
4
|
export declare class SliderSwatchComponent implements OnChanges {
|
4
5
|
hsl: HSL;
|
5
6
|
active: boolean;
|
@@ -10,4 +11,6 @@ export declare class SliderSwatchComponent implements OnChanges {
|
|
10
11
|
background: string;
|
11
12
|
ngOnChanges(): void;
|
12
13
|
handleClick($event: any): void;
|
14
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SliderSwatchComponent, never>;
|
15
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SliderSwatchComponent, "color-slider-swatch", never, { "hsl": "hsl"; "active": "active"; "offset": "offset"; "first": "first"; "last": "last"; }, { "onClick": "onClick"; }, never, never>;
|
13
16
|
}
|
@@ -1,5 +1,6 @@
|
|
1
1
|
import { EventEmitter } from '@angular/core';
|
2
2
|
import { HSL } from 'ngx-color';
|
3
|
+
import * as i0 from "@angular/core";
|
3
4
|
export declare class SliderSwatchesComponent {
|
4
5
|
hsl: HSL;
|
5
6
|
onClick: EventEmitter<any>;
|
@@ -9,4 +10,6 @@ export declare class SliderSwatchesComponent {
|
|
9
10
|
data: any;
|
10
11
|
$event: any;
|
11
12
|
}): void;
|
13
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SliderSwatchesComponent, never>;
|
14
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SliderSwatchesComponent, "color-slider-swatches", never, { "hsl": "hsl"; }, { "onClick": "onClick"; "onSwatchHover": "onSwatchHover"; }, never, never>;
|
12
15
|
}
|
@@ -1,4 +1,9 @@
|
|
1
1
|
import { ColorWrap } from 'ngx-color';
|
2
|
+
import * as i0 from "@angular/core";
|
3
|
+
import * as i1 from "./slider-swatch.component";
|
4
|
+
import * as i2 from "./slider-swatches.component";
|
5
|
+
import * as i3 from "@angular/common";
|
6
|
+
import * as i4 from "ngx-color";
|
2
7
|
export declare class SliderComponent extends ColorWrap {
|
3
8
|
pointer: Record<string, string>;
|
4
9
|
radius: number;
|
@@ -7,6 +12,11 @@ export declare class SliderComponent extends ColorWrap {
|
|
7
12
|
data: any;
|
8
13
|
$event: any;
|
9
14
|
}): void;
|
15
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SliderComponent, never>;
|
16
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SliderComponent, "color-slider", never, { "pointer": "pointer"; "radius": "radius"; }, {}, never, never>;
|
10
17
|
}
|
11
18
|
export declare class ColorSliderModule {
|
19
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ColorSliderModule, never>;
|
20
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<ColorSliderModule, [typeof SliderComponent, typeof i1.SliderSwatchComponent, typeof i2.SliderSwatchesComponent], [typeof i3.CommonModule, typeof i4.HueModule, typeof i4.SwatchModule], [typeof SliderComponent, typeof i1.SliderSwatchComponent, typeof i2.SliderSwatchesComponent]>;
|
21
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<ColorSliderModule>;
|
12
22
|
}
|
package/swatch.component.d.ts
CHANGED
@@ -1,4 +1,7 @@
|
|
1
1
|
import { EventEmitter, OnInit } from '@angular/core';
|
2
|
+
import * as i0 from "@angular/core";
|
3
|
+
import * as i1 from "@angular/common";
|
4
|
+
import * as i2 from "./checkboard.component";
|
2
5
|
export declare class SwatchComponent implements OnInit {
|
3
6
|
color: string;
|
4
7
|
style: Record<string, string>;
|
@@ -15,6 +18,11 @@ export declare class SwatchComponent implements OnInit {
|
|
15
18
|
handleFocus(): void;
|
16
19
|
handleHover(hex: string, $event: any): void;
|
17
20
|
handleClick(hex: string, $event: any): void;
|
21
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SwatchComponent, never>;
|
22
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<SwatchComponent, "color-swatch", never, { "color": "color"; "style": "style"; "focusStyle": "focusStyle"; "focus": "focus"; }, { "onClick": "onClick"; "onHover": "onHover"; }, never, ["*"]>;
|
18
23
|
}
|
19
24
|
export declare class SwatchModule {
|
25
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<SwatchModule, never>;
|
26
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<SwatchModule, [typeof SwatchComponent], [typeof i1.CommonModule, typeof i2.CheckboardModule], [typeof SwatchComponent]>;
|
27
|
+
static ɵinj: i0.ɵɵInjectorDeclaration<SwatchModule>;
|
20
28
|
}
|
@@ -0,0 +1,5 @@
|
|
1
|
+
/**
|
2
|
+
* Generated bundle index. Do not edit.
|
3
|
+
*/
|
4
|
+
export * from './public_api';
|
5
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmd4LWNvbG9yLXN3YXRjaGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL3N3YXRjaGVzL25neC1jb2xvci1zd2F0Y2hlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsY0FBYyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL3B1YmxpY19hcGknO1xuIl19
|
@@ -0,0 +1,4 @@
|
|
1
|
+
export { SwatchesColorComponent } from './swatches-color.component';
|
2
|
+
export { SwatchesGroupComponent } from './swatches-group.component';
|
3
|
+
export { ColorSwatchesModule, SwatchesComponent } from './swatches.component';
|
4
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy9zd2F0Y2hlcy9wdWJsaWNfYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQ3BFLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQ3BFLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHNCQUFzQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IHsgU3dhdGNoZXNDb2xvckNvbXBvbmVudCB9IGZyb20gJy4vc3dhdGNoZXMtY29sb3IuY29tcG9uZW50JztcbmV4cG9ydCB7IFN3YXRjaGVzR3JvdXBDb21wb25lbnQgfSBmcm9tICcuL3N3YXRjaGVzLWdyb3VwLmNvbXBvbmVudCc7XG5leHBvcnQgeyBDb2xvclN3YXRjaGVzTW9kdWxlLCBTd2F0Y2hlc0NvbXBvbmVudCB9IGZyb20gJy4vc3dhdGNoZXMuY29tcG9uZW50JztcbiJdfQ==
|
@@ -0,0 +1,123 @@
|
|
1
|
+
import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, } from '@angular/core';
|
2
|
+
import { getContrastingColor } from 'ngx-color';
|
3
|
+
import * as i0 from "@angular/core";
|
4
|
+
import * as i1 from "ngx-color";
|
5
|
+
import * as i2 from "@angular/common";
|
6
|
+
export class SwatchesColorComponent {
|
7
|
+
constructor() {
|
8
|
+
this.first = false;
|
9
|
+
this.last = false;
|
10
|
+
this.onClick = new EventEmitter();
|
11
|
+
this.onSwatchHover = new EventEmitter();
|
12
|
+
this.getContrastingColor = getContrastingColor;
|
13
|
+
this.colorStyle = {
|
14
|
+
width: '40px',
|
15
|
+
height: '24px',
|
16
|
+
cursor: 'pointer',
|
17
|
+
marginBottom: '1px',
|
18
|
+
};
|
19
|
+
this.focusStyle = {};
|
20
|
+
}
|
21
|
+
ngOnInit() {
|
22
|
+
this.colorStyle.background = this.color;
|
23
|
+
this.focusStyle.boxShadow = `0 0 4px ${this.color}`;
|
24
|
+
if (this.first) {
|
25
|
+
this.colorStyle.borderRadius = '2px 2px 0 0';
|
26
|
+
}
|
27
|
+
if (this.last) {
|
28
|
+
this.colorStyle.borderRadius = '0 0 2px 2px';
|
29
|
+
}
|
30
|
+
if (this.color === '#FFFFFF') {
|
31
|
+
this.colorStyle.boxShadow = 'inset 0 0 0 1px #ddd';
|
32
|
+
}
|
33
|
+
}
|
34
|
+
handleClick($event) {
|
35
|
+
this.onClick.emit({
|
36
|
+
data: {
|
37
|
+
hex: this.color,
|
38
|
+
source: 'hex',
|
39
|
+
},
|
40
|
+
$event,
|
41
|
+
});
|
42
|
+
}
|
43
|
+
}
|
44
|
+
SwatchesColorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: SwatchesColorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
45
|
+
SwatchesColorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.0", type: SwatchesColorComponent, selector: "color-swatches-color", inputs: { color: "color", first: "first", last: "last", active: "active" }, outputs: { onClick: "onClick", onSwatchHover: "onSwatchHover" }, ngImport: i0, template: `
|
46
|
+
<color-swatch
|
47
|
+
[color]="color"
|
48
|
+
[style]="colorStyle"
|
49
|
+
[focusStyle]="focusStyle"
|
50
|
+
[class.first]="first"
|
51
|
+
[class.last]="last"
|
52
|
+
(click)="handleClick($event)"
|
53
|
+
(keydown.enter)="handleClick($event)"
|
54
|
+
(onHover)="onSwatchHover.emit($event)"
|
55
|
+
>
|
56
|
+
<div class="swatch-check" *ngIf="active" [class.first]="first" [class.last]="last">
|
57
|
+
<svg
|
58
|
+
style="width: 24px; height: 24px;"
|
59
|
+
viewBox="0 0 24 24"
|
60
|
+
[style.fill]="getContrastingColor(color)"
|
61
|
+
>
|
62
|
+
<path d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z" />
|
63
|
+
</svg>
|
64
|
+
</div>
|
65
|
+
</color-swatch>
|
66
|
+
`, isInline: true, styles: [".swatches-group{padding-bottom:10px;width:40px;float:left;margin-right:10px}.swatch-check{display:flex;margin-left:8px}\n"], components: [{ type: i1.SwatchComponent, selector: "color-swatch", inputs: ["color", "style", "focusStyle", "focus"], outputs: ["onClick", "onHover"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
67
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: SwatchesColorComponent, decorators: [{
|
68
|
+
type: Component,
|
69
|
+
args: [{
|
70
|
+
selector: 'color-swatches-color',
|
71
|
+
template: `
|
72
|
+
<color-swatch
|
73
|
+
[color]="color"
|
74
|
+
[style]="colorStyle"
|
75
|
+
[focusStyle]="focusStyle"
|
76
|
+
[class.first]="first"
|
77
|
+
[class.last]="last"
|
78
|
+
(click)="handleClick($event)"
|
79
|
+
(keydown.enter)="handleClick($event)"
|
80
|
+
(onHover)="onSwatchHover.emit($event)"
|
81
|
+
>
|
82
|
+
<div class="swatch-check" *ngIf="active" [class.first]="first" [class.last]="last">
|
83
|
+
<svg
|
84
|
+
style="width: 24px; height: 24px;"
|
85
|
+
viewBox="0 0 24 24"
|
86
|
+
[style.fill]="getContrastingColor(color)"
|
87
|
+
>
|
88
|
+
<path d="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z" />
|
89
|
+
</svg>
|
90
|
+
</div>
|
91
|
+
</color-swatch>
|
92
|
+
`,
|
93
|
+
styles: [
|
94
|
+
`
|
95
|
+
.swatches-group {
|
96
|
+
padding-bottom: 10px;
|
97
|
+
width: 40px;
|
98
|
+
float: left;
|
99
|
+
margin-right: 10px;
|
100
|
+
}
|
101
|
+
.swatch-check {
|
102
|
+
display: flex;
|
103
|
+
margin-left: 8px;
|
104
|
+
}
|
105
|
+
`,
|
106
|
+
],
|
107
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
108
|
+
preserveWhitespaces: false,
|
109
|
+
}]
|
110
|
+
}], propDecorators: { color: [{
|
111
|
+
type: Input
|
112
|
+
}], first: [{
|
113
|
+
type: Input
|
114
|
+
}], last: [{
|
115
|
+
type: Input
|
116
|
+
}], active: [{
|
117
|
+
type: Input
|
118
|
+
}], onClick: [{
|
119
|
+
type: Output
|
120
|
+
}], onSwatchHover: [{
|
121
|
+
type: Output
|
122
|
+
}] } });
|
123
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3dhdGNoZXMtY29sb3IuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL3N3YXRjaGVzL3N3YXRjaGVzLWNvbG9yLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxZQUFZLEVBQ1osS0FBSyxFQUVMLE1BQU0sR0FDUCxNQUFNLGVBQWUsQ0FBQztBQUV2QixPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxXQUFXLENBQUM7Ozs7QUEyQ2hELE1BQU0sT0FBTyxzQkFBc0I7SUF6Q25DO1FBMkNXLFVBQUssR0FBRyxLQUFLLENBQUM7UUFDZCxTQUFJLEdBQUcsS0FBSyxDQUFDO1FBRVosWUFBTyxHQUFHLElBQUksWUFBWSxFQUFPLENBQUM7UUFDbEMsa0JBQWEsR0FBRyxJQUFJLFlBQVksRUFBTyxDQUFDO1FBQ2xELHdCQUFtQixHQUFHLG1CQUFtQixDQUFDO1FBQzFDLGVBQVUsR0FBMkI7WUFDbkMsS0FBSyxFQUFFLE1BQU07WUFDYixNQUFNLEVBQUUsTUFBTTtZQUNkLE1BQU0sRUFBRSxTQUFTO1lBQ2pCLFlBQVksRUFBRSxLQUFLO1NBQ3BCLENBQUM7UUFDRixlQUFVLEdBQTJCLEVBQUUsQ0FBQztLQXdCekM7SUF0QkMsUUFBUTtRQUNOLElBQUksQ0FBQyxVQUFVLENBQUMsVUFBVSxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUM7UUFDeEMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxTQUFTLEdBQUcsV0FBVyxJQUFJLENBQUMsS0FBSyxFQUFFLENBQUM7UUFDcEQsSUFBSSxJQUFJLENBQUMsS0FBSyxFQUFFO1lBQ2QsSUFBSSxDQUFDLFVBQVUsQ0FBQyxZQUFZLEdBQUcsYUFBYSxDQUFDO1NBQzlDO1FBQ0QsSUFBSSxJQUFJLENBQUMsSUFBSSxFQUFFO1lBQ2IsSUFBSSxDQUFDLFVBQVUsQ0FBQyxZQUFZLEdBQUcsYUFBYSxDQUFDO1NBQzlDO1FBQ0QsSUFBSSxJQUFJLENBQUMsS0FBSyxLQUFLLFNBQVMsRUFBRTtZQUM1QixJQUFJLENBQUMsVUFBVSxDQUFDLFNBQVMsR0FBRyxzQkFBc0IsQ0FBQztTQUNwRDtJQUNILENBQUM7SUFDRCxXQUFXLENBQUMsTUFBTTtRQUNoQixJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQztZQUNoQixJQUFJLEVBQUU7Z0JBQ0osR0FBRyxFQUFFLElBQUksQ0FBQyxLQUFLO2dCQUNmLE1BQU0sRUFBRSxLQUFLO2FBQ2Q7WUFDRCxNQUFNO1NBQ1AsQ0FBQyxDQUFDO0lBQ0wsQ0FBQzs7bUhBckNVLHNCQUFzQjt1R0FBdEIsc0JBQXNCLHlNQXZDdkI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQXFCVDsyRkFrQlUsc0JBQXNCO2tCQXpDbEMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsc0JBQXNCO29CQUNoQyxRQUFRLEVBQUU7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQXFCVDtvQkFDRCxNQUFNLEVBQUU7d0JBQ047Ozs7Ozs7Ozs7O0tBV0M7cUJBQ0Y7b0JBQ0QsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07b0JBQy9DLG1CQUFtQixFQUFFLEtBQUs7aUJBQzNCOzhCQUVVLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLE1BQU07c0JBQWQsS0FBSztnQkFDSSxPQUFPO3NCQUFoQixNQUFNO2dCQUNHLGFBQWE7c0JBQXRCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxuICBFdmVudEVtaXR0ZXIsXG4gIElucHV0LFxuICBPbkluaXQsXG4gIE91dHB1dCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmltcG9ydCB7IGdldENvbnRyYXN0aW5nQ29sb3IgfSBmcm9tICduZ3gtY29sb3InO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdjb2xvci1zd2F0Y2hlcy1jb2xvcicsXG4gIHRlbXBsYXRlOiBgXG4gICAgPGNvbG9yLXN3YXRjaFxuICAgICAgW2NvbG9yXT1cImNvbG9yXCJcbiAgICAgIFtzdHlsZV09XCJjb2xvclN0eWxlXCJcbiAgICAgIFtmb2N1c1N0eWxlXT1cImZvY3VzU3R5bGVcIlxuICAgICAgW2NsYXNzLmZpcnN0XT1cImZpcnN0XCJcbiAgICAgIFtjbGFzcy5sYXN0XT1cImxhc3RcIlxuICAgICAgKGNsaWNrKT1cImhhbmRsZUNsaWNrKCRldmVudClcIlxuICAgICAgKGtleWRvd24uZW50ZXIpPVwiaGFuZGxlQ2xpY2soJGV2ZW50KVwiXG4gICAgICAob25Ib3Zlcik9XCJvblN3YXRjaEhvdmVyLmVtaXQoJGV2ZW50KVwiXG4gICAgPlxuICAgICAgPGRpdiBjbGFzcz1cInN3YXRjaC1jaGVja1wiICpuZ0lmPVwiYWN0aXZlXCIgW2NsYXNzLmZpcnN0XT1cImZpcnN0XCIgW2NsYXNzLmxhc3RdPVwibGFzdFwiPlxuICAgICAgICA8c3ZnXG4gICAgICAgICAgc3R5bGU9XCJ3aWR0aDogMjRweDsgaGVpZ2h0OiAyNHB4O1wiXG4gICAgICAgICAgdmlld0JveD1cIjAgMCAyNCAyNFwiXG4gICAgICAgICAgW3N0eWxlLmZpbGxdPVwiZ2V0Q29udHJhc3RpbmdDb2xvcihjb2xvcilcIlxuICAgICAgICA+XG4gICAgICAgICAgPHBhdGggZD1cIk0yMSw3TDksMTlMMy41LDEzLjVMNC45MSwxMi4wOUw5LDE2LjE3TDE5LjU5LDUuNTlMMjEsN1pcIiAvPlxuICAgICAgICA8L3N2Zz5cbiAgICAgIDwvZGl2PlxuICAgIDwvY29sb3Itc3dhdGNoPlxuICBgLFxuICBzdHlsZXM6IFtcbiAgICBgXG4gICAgICAuc3dhdGNoZXMtZ3JvdXAge1xuICAgICAgICBwYWRkaW5nLWJvdHRvbTogMTBweDtcbiAgICAgICAgd2lkdGg6IDQwcHg7XG4gICAgICAgIGZsb2F0OiBsZWZ0O1xuICAgICAgICBtYXJnaW4tcmlnaHQ6IDEwcHg7XG4gICAgICB9XG4gICAgICAuc3dhdGNoLWNoZWNrIHtcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgbWFyZ2luLWxlZnQ6IDhweDtcbiAgICAgIH1cbiAgICBgLFxuICBdLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgcHJlc2VydmVXaGl0ZXNwYWNlczogZmFsc2UsXG59KVxuZXhwb3J0IGNsYXNzIFN3YXRjaGVzQ29sb3JDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICBASW5wdXQoKSBjb2xvciE6IHN0cmluZztcbiAgQElucHV0KCkgZmlyc3QgPSBmYWxzZTtcbiAgQElucHV0KCkgbGFzdCA9IGZhbHNlO1xuICBASW5wdXQoKSBhY3RpdmUhOiBib29sZWFuO1xuICBAT3V0cHV0KCkgb25DbGljayA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xuICBAT3V0cHV0KCkgb25Td2F0Y2hIb3ZlciA9IG5ldyBFdmVudEVtaXR0ZXI8YW55PigpO1xuICBnZXRDb250cmFzdGluZ0NvbG9yID0gZ2V0Q29udHJhc3RpbmdDb2xvcjtcbiAgY29sb3JTdHlsZTogUmVjb3JkPHN0cmluZywgc3RyaW5nPiA9IHtcbiAgICB3aWR0aDogJzQwcHgnLFxuICAgIGhlaWdodDogJzI0cHgnLFxuICAgIGN1cnNvcjogJ3BvaW50ZXInLFxuICAgIG1hcmdpbkJvdHRvbTogJzFweCcsXG4gIH07XG4gIGZvY3VzU3R5bGU6IFJlY29yZDxzdHJpbmcsIHN0cmluZz4gPSB7fTtcblxuICBuZ09uSW5pdCgpIHtcbiAgICB0aGlzLmNvbG9yU3R5bGUuYmFja2dyb3VuZCA9IHRoaXMuY29sb3I7XG4gICAgdGhpcy5mb2N1c1N0eWxlLmJveFNoYWRvdyA9IGAwIDAgNHB4ICR7dGhpcy5jb2xvcn1gO1xuICAgIGlmICh0aGlzLmZpcnN0KSB7XG4gICAgICB0aGlzLmNvbG9yU3R5bGUuYm9yZGVyUmFkaXVzID0gJzJweCAycHggMCAwJztcbiAgICB9XG4gICAgaWYgKHRoaXMubGFzdCkge1xuICAgICAgdGhpcy5jb2xvclN0eWxlLmJvcmRlclJhZGl1cyA9ICcwIDAgMnB4IDJweCc7XG4gICAgfVxuICAgIGlmICh0aGlzLmNvbG9yID09PSAnI0ZGRkZGRicpIHtcbiAgICAgIHRoaXMuY29sb3JTdHlsZS5ib3hTaGFkb3cgPSAnaW5zZXQgMCAwIDAgMXB4ICNkZGQnO1xuICAgIH1cbiAgfVxuICBoYW5kbGVDbGljaygkZXZlbnQpIHtcbiAgICB0aGlzLm9uQ2xpY2suZW1pdCh7XG4gICAgICBkYXRhOiB7XG4gICAgICAgIGhleDogdGhpcy5jb2xvcixcbiAgICAgICAgc291cmNlOiAnaGV4JyxcbiAgICAgIH0sXG4gICAgICAkZXZlbnQsXG4gICAgfSk7XG4gIH1cbn1cbiJdfQ==
|
@@ -0,0 +1,64 @@
|
|
1
|
+
import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';
|
2
|
+
import * as i0 from "@angular/core";
|
3
|
+
import * as i1 from "./swatches-color.component";
|
4
|
+
import * as i2 from "@angular/common";
|
5
|
+
export class SwatchesGroupComponent {
|
6
|
+
constructor() {
|
7
|
+
this.onClick = new EventEmitter();
|
8
|
+
this.onSwatchHover = new EventEmitter();
|
9
|
+
}
|
10
|
+
}
|
11
|
+
SwatchesGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: SwatchesGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
12
|
+
SwatchesGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.0", type: SwatchesGroupComponent, selector: "color-swatches-group", inputs: { group: "group", active: "active" }, outputs: { onClick: "onClick", onSwatchHover: "onSwatchHover" }, ngImport: i0, template: `
|
13
|
+
<div class="swatches-group">
|
14
|
+
<color-swatches-color
|
15
|
+
*ngFor="let color of group; let idx = index"
|
16
|
+
[active]="color.toLowerCase() === active"
|
17
|
+
[color]="color"
|
18
|
+
[first]="idx === 0"
|
19
|
+
[last]="idx === group.length - 1"
|
20
|
+
(onClick)="onClick.emit($event)"
|
21
|
+
>
|
22
|
+
</color-swatches-color>
|
23
|
+
</div>
|
24
|
+
`, isInline: true, styles: [".swatches-group{padding-bottom:10px;width:40px;float:left;margin-right:10px}\n"], components: [{ type: i1.SwatchesColorComponent, selector: "color-swatches-color", inputs: ["color", "first", "last", "active"], outputs: ["onClick", "onSwatchHover"] }], directives: [{ type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
25
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: SwatchesGroupComponent, decorators: [{
|
26
|
+
type: Component,
|
27
|
+
args: [{
|
28
|
+
selector: 'color-swatches-group',
|
29
|
+
template: `
|
30
|
+
<div class="swatches-group">
|
31
|
+
<color-swatches-color
|
32
|
+
*ngFor="let color of group; let idx = index"
|
33
|
+
[active]="color.toLowerCase() === active"
|
34
|
+
[color]="color"
|
35
|
+
[first]="idx === 0"
|
36
|
+
[last]="idx === group.length - 1"
|
37
|
+
(onClick)="onClick.emit($event)"
|
38
|
+
>
|
39
|
+
</color-swatches-color>
|
40
|
+
</div>
|
41
|
+
`,
|
42
|
+
styles: [
|
43
|
+
`
|
44
|
+
.swatches-group {
|
45
|
+
padding-bottom: 10px;
|
46
|
+
width: 40px;
|
47
|
+
float: left;
|
48
|
+
margin-right: 10px;
|
49
|
+
}
|
50
|
+
`,
|
51
|
+
],
|
52
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
53
|
+
preserveWhitespaces: false,
|
54
|
+
}]
|
55
|
+
}], propDecorators: { group: [{
|
56
|
+
type: Input
|
57
|
+
}], active: [{
|
58
|
+
type: Input
|
59
|
+
}], onClick: [{
|
60
|
+
type: Output
|
61
|
+
}], onSwatchHover: [{
|
62
|
+
type: Output
|
63
|
+
}] } });
|
64
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3dhdGNoZXMtZ3JvdXAuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL3N3YXRjaGVzL3N3YXRjaGVzLWdyb3VwLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7O0FBOEJoRyxNQUFNLE9BQU8sc0JBQXNCO0lBNUJuQztRQStCWSxZQUFPLEdBQUcsSUFBSSxZQUFZLEVBQU8sQ0FBQztRQUNsQyxrQkFBYSxHQUFHLElBQUksWUFBWSxFQUFPLENBQUM7S0FDbkQ7O21IQUxZLHNCQUFzQjt1R0FBdEIsc0JBQXNCLDJLQTFCdkI7Ozs7Ozs7Ozs7OztHQVlUOzJGQWNVLHNCQUFzQjtrQkE1QmxDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLHNCQUFzQjtvQkFDaEMsUUFBUSxFQUFFOzs7Ozs7Ozs7Ozs7R0FZVDtvQkFDRCxNQUFNLEVBQUU7d0JBQ047Ozs7Ozs7S0FPQztxQkFDRjtvQkFDRCxlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTtvQkFDL0MsbUJBQW1CLEVBQUUsS0FBSztpQkFDM0I7OEJBRVUsS0FBSztzQkFBYixLQUFLO2dCQUNHLE1BQU07c0JBQWQsS0FBSztnQkFDSSxPQUFPO3NCQUFoQixNQUFNO2dCQUNHLGFBQWE7c0JBQXRCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnY29sb3Itc3dhdGNoZXMtZ3JvdXAnLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxkaXYgY2xhc3M9XCJzd2F0Y2hlcy1ncm91cFwiPlxuICAgICAgPGNvbG9yLXN3YXRjaGVzLWNvbG9yXG4gICAgICAgICpuZ0Zvcj1cImxldCBjb2xvciBvZiBncm91cDsgbGV0IGlkeCA9IGluZGV4XCJcbiAgICAgICAgW2FjdGl2ZV09XCJjb2xvci50b0xvd2VyQ2FzZSgpID09PSBhY3RpdmVcIlxuICAgICAgICBbY29sb3JdPVwiY29sb3JcIlxuICAgICAgICBbZmlyc3RdPVwiaWR4ID09PSAwXCJcbiAgICAgICAgW2xhc3RdPVwiaWR4ID09PSBncm91cC5sZW5ndGggLSAxXCJcbiAgICAgICAgKG9uQ2xpY2spPVwib25DbGljay5lbWl0KCRldmVudClcIlxuICAgICAgPlxuICAgICAgPC9jb2xvci1zd2F0Y2hlcy1jb2xvcj5cbiAgICA8L2Rpdj5cbiAgYCxcbiAgc3R5bGVzOiBbXG4gICAgYFxuICAgICAgLnN3YXRjaGVzLWdyb3VwIHtcbiAgICAgICAgcGFkZGluZy1ib3R0b206IDEwcHg7XG4gICAgICAgIHdpZHRoOiA0MHB4O1xuICAgICAgICBmbG9hdDogbGVmdDtcbiAgICAgICAgbWFyZ2luLXJpZ2h0OiAxMHB4O1xuICAgICAgfVxuICAgIGAsXG4gIF0sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBwcmVzZXJ2ZVdoaXRlc3BhY2VzOiBmYWxzZSxcbn0pXG5leHBvcnQgY2xhc3MgU3dhdGNoZXNHcm91cENvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGdyb3VwITogc3RyaW5nW107XG4gIEBJbnB1dCgpIGFjdGl2ZSE6IHN0cmluZztcbiAgQE91dHB1dCgpIG9uQ2xpY2sgPSBuZXcgRXZlbnRFbWl0dGVyPGFueT4oKTtcbiAgQE91dHB1dCgpIG9uU3dhdGNoSG92ZXIgPSBuZXcgRXZlbnRFbWl0dGVyPGFueT4oKTtcbn1cbiJdfQ==
|
@@ -0,0 +1,258 @@
|
|
1
|
+
import { CommonModule } from '@angular/common';
|
2
|
+
import { ChangeDetectionStrategy, Component, forwardRef, Input, NgModule } from '@angular/core';
|
3
|
+
import { amber, blue, blueGrey, brown, cyan, deepOrange, deepPurple, green, indigo, lightBlue, lightGreen, lime, orange, pink, purple, red, teal, yellow, } from 'material-colors';
|
4
|
+
import { ColorWrap, RaisedModule, SwatchModule } from 'ngx-color';
|
5
|
+
import { SwatchesColorComponent } from './swatches-color.component';
|
6
|
+
import { SwatchesGroupComponent } from './swatches-group.component';
|
7
|
+
import { NG_VALUE_ACCESSOR } from '@angular/forms';
|
8
|
+
import * as i0 from "@angular/core";
|
9
|
+
import * as i1 from "ngx-color";
|
10
|
+
import * as i2 from "@angular/common";
|
11
|
+
export class SwatchesComponent extends ColorWrap {
|
12
|
+
constructor() {
|
13
|
+
super();
|
14
|
+
/** Pixel value for picker width */
|
15
|
+
this.width = 320;
|
16
|
+
/** Color squares to display */
|
17
|
+
this.height = 240;
|
18
|
+
/** An array of color groups, each with an array of colors */
|
19
|
+
this.colors = [
|
20
|
+
[
|
21
|
+
red['900'],
|
22
|
+
red['700'],
|
23
|
+
red['500'],
|
24
|
+
red['300'],
|
25
|
+
red['100'],
|
26
|
+
],
|
27
|
+
[
|
28
|
+
pink['900'],
|
29
|
+
pink['700'],
|
30
|
+
pink['500'],
|
31
|
+
pink['300'],
|
32
|
+
pink['100'],
|
33
|
+
],
|
34
|
+
[
|
35
|
+
purple['900'],
|
36
|
+
purple['700'],
|
37
|
+
purple['500'],
|
38
|
+
purple['300'],
|
39
|
+
purple['100'],
|
40
|
+
],
|
41
|
+
[
|
42
|
+
deepPurple['900'],
|
43
|
+
deepPurple['700'],
|
44
|
+
deepPurple['500'],
|
45
|
+
deepPurple['300'],
|
46
|
+
deepPurple['100'],
|
47
|
+
],
|
48
|
+
[
|
49
|
+
indigo['900'],
|
50
|
+
indigo['700'],
|
51
|
+
indigo['500'],
|
52
|
+
indigo['300'],
|
53
|
+
indigo['100'],
|
54
|
+
],
|
55
|
+
[
|
56
|
+
blue['900'],
|
57
|
+
blue['700'],
|
58
|
+
blue['500'],
|
59
|
+
blue['300'],
|
60
|
+
blue['100'],
|
61
|
+
],
|
62
|
+
[
|
63
|
+
lightBlue['900'],
|
64
|
+
lightBlue['700'],
|
65
|
+
lightBlue['500'],
|
66
|
+
lightBlue['300'],
|
67
|
+
lightBlue['100'],
|
68
|
+
],
|
69
|
+
[
|
70
|
+
cyan['900'],
|
71
|
+
cyan['700'],
|
72
|
+
cyan['500'],
|
73
|
+
cyan['300'],
|
74
|
+
cyan['100'],
|
75
|
+
],
|
76
|
+
[
|
77
|
+
teal['900'],
|
78
|
+
teal['700'],
|
79
|
+
teal['500'],
|
80
|
+
teal['300'],
|
81
|
+
teal['100'],
|
82
|
+
],
|
83
|
+
[
|
84
|
+
'#194D33',
|
85
|
+
green['700'],
|
86
|
+
green['500'],
|
87
|
+
green['300'],
|
88
|
+
green['100'],
|
89
|
+
],
|
90
|
+
[
|
91
|
+
lightGreen['900'],
|
92
|
+
lightGreen['700'],
|
93
|
+
lightGreen['500'],
|
94
|
+
lightGreen['300'],
|
95
|
+
lightGreen['100'],
|
96
|
+
],
|
97
|
+
[
|
98
|
+
lime['900'],
|
99
|
+
lime['700'],
|
100
|
+
lime['500'],
|
101
|
+
lime['300'],
|
102
|
+
lime['100'],
|
103
|
+
],
|
104
|
+
[
|
105
|
+
yellow['900'],
|
106
|
+
yellow['700'],
|
107
|
+
yellow['500'],
|
108
|
+
yellow['300'],
|
109
|
+
yellow['100'],
|
110
|
+
],
|
111
|
+
[
|
112
|
+
amber['900'],
|
113
|
+
amber['700'],
|
114
|
+
amber['500'],
|
115
|
+
amber['300'],
|
116
|
+
amber['100'],
|
117
|
+
],
|
118
|
+
[
|
119
|
+
orange['900'],
|
120
|
+
orange['700'],
|
121
|
+
orange['500'],
|
122
|
+
orange['300'],
|
123
|
+
orange['100'],
|
124
|
+
],
|
125
|
+
[
|
126
|
+
deepOrange['900'],
|
127
|
+
deepOrange['700'],
|
128
|
+
deepOrange['500'],
|
129
|
+
deepOrange['300'],
|
130
|
+
deepOrange['100'],
|
131
|
+
],
|
132
|
+
[
|
133
|
+
brown['900'],
|
134
|
+
brown['700'],
|
135
|
+
brown['500'],
|
136
|
+
brown['300'],
|
137
|
+
brown['100'],
|
138
|
+
],
|
139
|
+
[
|
140
|
+
blueGrey['900'],
|
141
|
+
blueGrey['700'],
|
142
|
+
blueGrey['500'],
|
143
|
+
blueGrey['300'],
|
144
|
+
blueGrey['100'],
|
145
|
+
],
|
146
|
+
['#000000', '#525252', '#969696', '#D9D9D9', '#FFFFFF'],
|
147
|
+
];
|
148
|
+
this.zDepth = 1;
|
149
|
+
this.radius = 1;
|
150
|
+
this.background = '#fff';
|
151
|
+
}
|
152
|
+
handlePickerChange({ data, $event }) {
|
153
|
+
this.handleChange(data, $event);
|
154
|
+
}
|
155
|
+
}
|
156
|
+
SwatchesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: SwatchesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
157
|
+
SwatchesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.0.0", type: SwatchesComponent, selector: "color-swatches", inputs: { width: "width", height: "height", colors: "colors", zDepth: "zDepth", radius: "radius", background: "background" }, providers: [
|
158
|
+
{
|
159
|
+
provide: NG_VALUE_ACCESSOR,
|
160
|
+
useExisting: forwardRef(() => SwatchesComponent),
|
161
|
+
multi: true,
|
162
|
+
},
|
163
|
+
{
|
164
|
+
provide: ColorWrap,
|
165
|
+
useExisting: forwardRef(() => SwatchesComponent),
|
166
|
+
},
|
167
|
+
], usesInheritance: true, ngImport: i0, template: `
|
168
|
+
<div class="swatches-picker {{ className }}"
|
169
|
+
[style.width.px]="width" [style.height.px]="height">
|
170
|
+
<color-raised [zDepth]="zDepth" [background]="background" [radius]="radius">
|
171
|
+
<div class="swatches-overflow" [style.height.px]="height">
|
172
|
+
<div class="swatches-body">
|
173
|
+
<color-swatches-group
|
174
|
+
*ngFor="let group of colors"
|
175
|
+
[group]="group" [active]="hex"
|
176
|
+
(onClick)="handlePickerChange($event)"
|
177
|
+
></color-swatches-group>
|
178
|
+
</div>
|
179
|
+
</div>
|
180
|
+
</color-raised>
|
181
|
+
</div>
|
182
|
+
`, isInline: true, styles: [".swatches-overflow{overflow-y:scroll}.swatches-overflow{padding:16px 0 6px 16px}\n"], components: [{ type: i0.forwardRef(function () { return i1.RaisedComponent; }), selector: "color-raised", inputs: ["zDepth", "radius", "background"] }, { type: i0.forwardRef(function () { return SwatchesGroupComponent; }), selector: "color-swatches-group", inputs: ["group", "active"], outputs: ["onClick", "onSwatchHover"] }], directives: [{ type: i0.forwardRef(function () { return i2.NgForOf; }), selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
183
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: SwatchesComponent, decorators: [{
|
184
|
+
type: Component,
|
185
|
+
args: [{
|
186
|
+
selector: 'color-swatches',
|
187
|
+
template: `
|
188
|
+
<div class="swatches-picker {{ className }}"
|
189
|
+
[style.width.px]="width" [style.height.px]="height">
|
190
|
+
<color-raised [zDepth]="zDepth" [background]="background" [radius]="radius">
|
191
|
+
<div class="swatches-overflow" [style.height.px]="height">
|
192
|
+
<div class="swatches-body">
|
193
|
+
<color-swatches-group
|
194
|
+
*ngFor="let group of colors"
|
195
|
+
[group]="group" [active]="hex"
|
196
|
+
(onClick)="handlePickerChange($event)"
|
197
|
+
></color-swatches-group>
|
198
|
+
</div>
|
199
|
+
</div>
|
200
|
+
</color-raised>
|
201
|
+
</div>
|
202
|
+
`,
|
203
|
+
styles: [
|
204
|
+
`
|
205
|
+
.swatches-overflow {
|
206
|
+
overflow-y: scroll;
|
207
|
+
}
|
208
|
+
.swatches-overflow {
|
209
|
+
padding: 16px 0 6px 16px;
|
210
|
+
}
|
211
|
+
`,
|
212
|
+
],
|
213
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
214
|
+
preserveWhitespaces: false,
|
215
|
+
providers: [
|
216
|
+
{
|
217
|
+
provide: NG_VALUE_ACCESSOR,
|
218
|
+
useExisting: forwardRef(() => SwatchesComponent),
|
219
|
+
multi: true,
|
220
|
+
},
|
221
|
+
{
|
222
|
+
provide: ColorWrap,
|
223
|
+
useExisting: forwardRef(() => SwatchesComponent),
|
224
|
+
},
|
225
|
+
]
|
226
|
+
}]
|
227
|
+
}], ctorParameters: function () { return []; }, propDecorators: { width: [{
|
228
|
+
type: Input
|
229
|
+
}], height: [{
|
230
|
+
type: Input
|
231
|
+
}], colors: [{
|
232
|
+
type: Input
|
233
|
+
}], zDepth: [{
|
234
|
+
type: Input
|
235
|
+
}], radius: [{
|
236
|
+
type: Input
|
237
|
+
}], background: [{
|
238
|
+
type: Input
|
239
|
+
}] } });
|
240
|
+
export class ColorSwatchesModule {
|
241
|
+
}
|
242
|
+
ColorSwatchesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: ColorSwatchesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
243
|
+
ColorSwatchesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: ColorSwatchesModule, declarations: [SwatchesComponent, SwatchesGroupComponent,
|
244
|
+
SwatchesColorComponent], imports: [CommonModule, SwatchModule, RaisedModule], exports: [SwatchesComponent, SwatchesGroupComponent, SwatchesColorComponent] });
|
245
|
+
ColorSwatchesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: ColorSwatchesModule, imports: [[CommonModule, SwatchModule, RaisedModule]] });
|
246
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.0.0", ngImport: i0, type: ColorSwatchesModule, decorators: [{
|
247
|
+
type: NgModule,
|
248
|
+
args: [{
|
249
|
+
declarations: [
|
250
|
+
SwatchesComponent,
|
251
|
+
SwatchesGroupComponent,
|
252
|
+
SwatchesColorComponent,
|
253
|
+
],
|
254
|
+
exports: [SwatchesComponent, SwatchesGroupComponent, SwatchesColorComponent],
|
255
|
+
imports: [CommonModule, SwatchModule, RaisedModule],
|
256
|
+
}]
|
257
|
+
}] });
|
258
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3dhdGNoZXMuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2xpYi9jb21wb25lbnRzL3N3YXRjaGVzL3N3YXRjaGVzLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxVQUFVLEVBQUUsS0FBSyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNoRyxPQUFPLEVBQ0wsS0FBSyxFQUNMLElBQUksRUFDSixRQUFRLEVBQ1IsS0FBSyxFQUNMLElBQUksRUFDSixVQUFVLEVBQ1YsVUFBVSxFQUNWLEtBQUssRUFDTCxNQUFNLEVBQ04sU0FBUyxFQUNULFVBQVUsRUFDVixJQUFJLEVBQ0osTUFBTSxFQUNOLElBQUksRUFDSixNQUFNLEVBQ04sR0FBRyxFQUNILElBQUksRUFDSixNQUFNLEdBQ1AsTUFBTSxpQkFBaUIsQ0FBQztBQUV6QixPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxZQUFZLEVBQVUsTUFBTSxXQUFXLENBQUM7QUFDMUUsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDcEUsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDcEUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7Ozs7QUE0Q25ELE1BQU0sT0FBTyxpQkFBa0IsU0FBUSxTQUFTO0lBNEk5QztRQUNFLEtBQUssRUFBRSxDQUFDO1FBNUlWLG1DQUFtQztRQUMxQixVQUFLLEdBQW9CLEdBQUcsQ0FBQztRQUN0QywrQkFBK0I7UUFDdEIsV0FBTSxHQUFvQixHQUFHLENBQUM7UUFDdkMsNkRBQTZEO1FBRTdELFdBQU0sR0FBZTtZQUNuQjtnQkFDRSxHQUFHLENBQUMsS0FBSyxDQUFDO2dC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QUFtQjtpSEFBbkIsbUJBQW1CLGlCQTlKbkIsaUJBQWlCLEVBd0oxQixzQkFBc0I7UUFDdEIsc0JBQXNCLGFBR2QsWUFBWSxFQUFFLFlBQVksRUFBRSxZQUFZLGFBNUp2QyxpQkFBaUIsRUEySkMsc0JBQXNCLEVBQUUsc0JBQXNCO2lIQUdoRSxtQkFBbUIsWUFGckIsQ0FBQyxZQUFZLEVBQUUsWUFBWSxFQUFFLFlBQVksQ0FBQzsyRkFFeEMsbUJBQW1CO2tCQVQvQixRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRTt3QkFDWixpQkFBaUI7d0JBQ2pCLHNCQUFzQjt3QkFDdEIsc0JBQXNCO3FCQUN2QjtvQkFDRCxPQUFPLEVBQUUsQ0FBQyxpQkFBaUIsRUFBRSxzQkFBc0IsRUFBRSxzQkFBc0IsQ0FBQztvQkFDNUUsT0FBTyxFQUFFLENBQUMsWUFBWSxFQUFFLFlBQVksRUFBRSxZQUFZLENBQUM7aUJBQ3BEIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIGZvcndhcmRSZWYsIElucHV0LCBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtcbiAgYW1iZXIsXG4gIGJsdWUsXG4gIGJsdWVHcmV5LFxuICBicm93bixcbiAgY3lhbixcbiAgZGVlcE9yYW5nZSxcbiAgZGVlcFB1cnBsZSxcbiAgZ3JlZW4sXG4gIGluZGlnbyxcbiAgbGlnaHRCbHVlLFxuICBsaWdodEdyZWVuLFxuICBsaW1lLFxuICBvcmFuZ2UsXG4gIHBpbmssXG4gIHB1cnBsZSxcbiAgcmVkLFxuICB0ZWFsLFxuICB5ZWxsb3csXG59IGZyb20gJ21hdGVyaWFsLWNvbG9ycyc7XG5cbmltcG9ydCB7IENvbG9yV3JhcCwgUmFpc2VkTW9kdWxlLCBTd2F0Y2hNb2R1bGUsIHpEZXB0aCB9IGZyb20gJ25neC1jb2xvcic7XG5pbXBvcnQgeyBTd2F0Y2hlc0NvbG9yQ29tcG9uZW50IH0gZnJvbSAnLi9zd2F0Y2hlcy1jb2xvci5jb21wb25lbnQnO1xuaW1wb3J0IHsgU3dhdGNoZXNHcm91cENvbXBvbmVudCB9IGZyb20gJy4vc3dhdGNoZXMtZ3JvdXAuY29tcG9uZW50JztcbmltcG9ydCB7IE5HX1ZBTFVFX0FDQ0VTU09SIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdjb2xvci1zd2F0Y2hlcycsXG4gIHRlbXBsYXRlOiBgXG4gIDxkaXYgY2xhc3M9XCJzd2F0Y2hlcy1waWNrZXIge3sgY2xhc3NOYW1lIH19XCJcbiAgICBbc3R5bGUud2lkdGgucHhdPVwid2lkdGhcIiBbc3R5bGUuaGVpZ2h0LnB4XT1cImhlaWdodFwiPlxuICAgIDxjb2xvci1yYWlzZWQgW3pEZXB0aF09XCJ6RGVwdGhcIiBbYmFja2dyb3VuZF09XCJiYWNrZ3JvdW5kXCIgW3JhZGl1c109XCJyYWRpdXNcIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJzd2F0Y2hlcy1vdmVyZmxvd1wiIFtzdHlsZS5oZWlnaHQucHhdPVwiaGVpZ2h0XCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJzd2F0Y2hlcy1ib2R5XCI+XG4gICAgICAgICAgPGNvbG9yLXN3YXRjaGVzLWdyb3VwXG4gICAgICAgICAgICAqbmdGb3I9XCJsZXQgZ3JvdXAgb2YgY29sb3JzXCJcbiAgICAgICAgICAgIFtncm91cF09XCJncm91cFwiIFthY3RpdmVdPVwiaGV4XCJcbiAgICAgICAgICAgIChvbkNsaWNrKT1cImhhbmRsZVBpY2tlckNoYW5nZSgkZXZlbnQpXCJcbiAgICAgICAgICA+PC9jb2xvci1zd2F0Y2hlcy1ncm91cD5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICA8L2NvbG9yLXJhaXNlZD5cbiAgPC9kaXY+XG4gIGAsXG4gIHN0eWxlczogW1xuICAgIGBcbiAgICAgIC5zd2F0Y2hlcy1vdmVyZmxvdyB7XG4gICAgICAgIG92ZXJmbG93LXk6IHNjcm9sbDtcbiAgICAgIH1cbiAgICAgIC5zd2F0Y2hlcy1vdmVyZmxvdyB7XG4gICAgICAgIHBhZGRpbmc6IDE2cHggMCA2cHggMTZweDtcbiAgICAgIH1cbiAgICBgLFxuICBdLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgcHJlc2VydmVXaGl0ZXNwYWNlczogZmFsc2UsXG4gIHByb3ZpZGVyczogW1xuICAgIHtcbiAgICAgIHByb3ZpZGU6IE5HX1ZBTFVFX0FDQ0VTU09SLFxuICAgICAgdXNlRXhpc3Rpbmc6IGZvcndhcmRSZWYoKCkgPT4gU3dhdGNoZXNDb21wb25lbnQpLFxuICAgICAgbXVsdGk6IHRydWUsXG4gICAgfSxcbiAgICB7XG4gICAgICBwcm92aWRlOiBDb2xvcldyYXAsXG4gICAgICB1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiBTd2F0Y2hlc0NvbXBvbmVudCksXG4gICAgfSxcbiAgXVxufSlcbmV4cG9ydCBjbGFzcyBTd2F0Y2hlc0NvbXBvbmVudCBleHRlbmRzIENvbG9yV3JhcCB7XG4gIC8qKiBQaXhlbCB2YWx1ZSBmb3IgcGlja2VyIHdpZHRoICovXG4gIEBJbnB1dCgpIHdpZHRoOiBzdHJpbmcgfCBudW1iZXIgPSAzMjA7XG4gIC8qKiBDb2xvciBzcXVhcmVzIHRvIGRpc3BsYXkgKi9cbiAgQElucHV0KCkgaGVpZ2h0OiBzdHJpbmcgfCBudW1iZXIgPSAyNDA7XG4gIC8qKiBBbiBhcnJheSBvZiBjb2xvciBncm91cHMsIGVhY2ggd2l0aCBhbiBhcnJheSBvZiBjb2xvcnMgKi9cbiAgQElucHV0KClcbiAgY29sb3JzOiBzdHJpbmdbXVtdID0gW1xuICAgIFtcbiAgICAgIHJlZFsnOTAwJ10sXG4gICAgICByZWRbJzcwMCddLFxuICAgICAgcmVkWyc1MDAnXSxcbiAgICAgIHJlZFsnMzAwJ10sXG4gICAgICByZWRbJzEwMCddLFxuICAgIF0sXG4gICAgW1xuICAgICAgcGlua1snOTAwJ10sXG4gICAgICBwaW5rWyc3MDAnXSxcbiAgICAgIHBpbmtbJzUwMCddLFxuICAgICAgcGlua1snMzAwJ10sXG4gICAgICBwaW5rWycxMDAnXSxcbiAgICBdLFxuICAgIFtcbiAgICAgIHB1cnBsZVsnOTAwJ10sXG4gICAgICBwdXJwbGVbJzcwMCddLFxuICAgICAgcHVycGxlWyc1MDAnXSxcbiAgICAgIHB1cnBsZVsnMzAwJ10sXG4gICAgICBwdXJwbGVbJzEwMCddLFxuICAgIF0sXG4gICAgW1xuICAgICAgZGVlcFB1cnBsZVsnOTAwJ10sXG4gICAgICBkZWVwUHVycGxlWyc3MDAnXSxcbiAgICAgIGRlZXBQdXJwbGVbJzUwMCddLFxuICAgICAgZGVlcFB1cnBsZVsnMzAwJ10sXG4gICAgICBkZWVwUHVycGxlWycxMDAnXSxcbiAgICBdLFxuICAgIFtcbiAgICAgIGluZGlnb1snOTAwJ10sXG4gICAgICBpbmRpZ29bJzcwMCddLFxuICAgICAgaW5kaWdvWyc1MDAnXSxcbiAgICAgIGluZGlnb1snMzAwJ10sXG4gICAgICBpbmRpZ29bJzEwMCddLFxuICAgIF0sXG4gICAgW1xuICAgICAgYmx1ZVsnOTAwJ10sXG4gICAgICBibHVlWyc3MDAnXSxcbiAgICAgIGJsdWVbJzUwMCddLFxuICAgICAgYmx1ZVsnMzAwJ10sXG4gICAgICBibHVlWycxMDAnXSxcbiAgICBdLFxuICAgIFtcbiAgICAgIGxpZ2h0Qmx1ZVsnOTAwJ10sXG4gICAgICBsaWdodEJsdWVbJzcwMCddLFxuICAgICAgbGlnaHRCbHVlWyc1MDAnXSxcbiAgICAgIGxpZ2h0Qmx1ZVsnMzAwJ10sXG4gICAgICBsaWdodEJsdWVbJzEwMCddLFxuICAgIF0sXG4gICAgW1xuICAgICAgY3lhblsnOTAwJ10sXG4gICAgICBjeWFuWyc3MDAnXSxcbiAgICAgIGN5YW5bJzUwMCddLFxuICAgICAgY3lhblsnMzAwJ10sXG4gICAgICBjeWFuWycxMDAnXSxcbiAgICBdLFxuICAgIFtcbiAgICAgIHRlYWxbJzkwMCddLFxuICAgICAgdGVhbFsnNzAwJ10sXG4gICAgICB0ZWFsWyc1MDAnXSxcbiAgICAgIHRlYWxbJzMwMCddLFxuICAgICAgdGVhbFsnMTAwJ10sXG4gICAgXSxcbiAgICBbXG4gICAgICAnIzE5NEQzMycsXG4gICAgICBncmVlblsnNzAwJ10sXG4gICAgICBncmVlblsnNTAwJ10sXG4gICAgICBncmVlblsnMzAwJ10sXG4gICAgICBncmVlblsnMTAwJ10sXG4gICAgXSxcbiAgICBbXG4gICAgICBsaWdodEdyZWVuWyc5MDAnXSxcbiAgICAgIGxpZ2h0R3JlZW5bJzcwMCddLFxuICAgICAgbGlnaHRHcmVlblsnNTAwJ10sXG4gICAgICBsaWdodEdyZWVuWyczMDAnXSxcbiAgICAgIGxpZ2h0R3JlZW5bJzEwMCddLFxuICAgIF0sXG4gICAgW1xuICAgICAgbGltZVsnOTAwJ10sXG4gICAgICBsaW1lWyc3MDAnXSxcbiAgICAgIGxpbWVbJzUwMCddLFxuICAgICAgbGltZVsnMzAwJ10sXG4gICAgICBsaW1lWycxMDAnXSxcbiAgICBdLFxuICAgIFtcbiAgICAgIHllbGxvd1snOTAwJ10sXG4gICAgICB5ZWxsb3dbJzcwMCddLFxuICAgICAgeWVsbG93Wyc1MDAnXSxcbiAgICAgIHllbGxvd1snMzAwJ10sXG4gICAgICB5ZWxsb3dbJzEwMCddLFxuICAgIF0sXG4gICAgW1xuICAgICAgYW1iZXJbJzkwMCddLFxuICAgICAgYW1iZXJbJzcwMCddLFxuICAgICAgYW1iZXJbJzUwMCddLFxuICAgICAgYW1iZXJbJzMwMCddLFxuICAgICAgYW1iZXJbJzEwMCddLFxuICAgIF0sXG4gICAgW1xuICAgICAgb3JhbmdlWyc5MDAnXSxcbiAgICAgIG9yYW5nZVsnNzAwJ10sXG4gICAgICBvcmFuZ2VbJzUwMCddLFxuICAgICAgb3JhbmdlWyczMDAnXSxcbiAgICAgIG9yYW5nZVsnMTAwJ10sXG4gICAgXSxcbiAgICBbXG4gICAgICBkZWVwT3JhbmdlWyc5MDAnXSxcbiAgICAgIGRlZXBPcmFuZ2VbJzcwMCddLFxuICAgICAgZGVlcE9yYW5nZVsnNTAwJ10sXG4gICAgICBkZWVwT3JhbmdlWyczMDAnXSxcbiAgICAgIGRlZXBPcmFuZ2VbJzEwMCddLFxuICAgIF0sXG4gICAgW1xuICAgICAgYnJvd25bJzkwMCddLFxuICAgICAgYnJvd25bJzcwMCddLFxuICAgICAgYnJvd25bJzUwMCddLFxuICAgICAgYnJvd25bJzMwMCddLFxuICAgICAgYnJvd25bJzEwMCddLFxuICAgIF0sXG4gICAgW1xuICAgICAgYmx1ZUdyZXlbJzkwMCddLFxuICAgICAgYmx1ZUdyZXlbJzcwMCddLFxuICAgICAgYmx1ZUdyZXlbJzUwMCddLFxuICAgICAgYmx1ZUdyZXlbJzMwMCddLFxuICAgICAgYmx1ZUdyZXlbJzEwMCddLFxuICAgIF0sXG4gICAgWycjMDAwMDAwJywgJyM1MjUyNTInLCAnIzk2OTY5NicsICcjRDlEOUQ5JywgJyNGRkZGRkYnXSxcbiAgXTtcbiAgQElucHV0KCkgekRlcHRoOiB6RGVwdGggPSAxO1xuICBASW5wdXQoKSByYWRpdXMgPSAxO1xuICBASW5wdXQoKSBiYWNrZ3JvdW5kID0gJyNmZmYnO1xuXG4gIGNvbnN0cnVjdG9yKCkge1xuICAgIHN1cGVyKCk7XG4gIH1cblxuICBoYW5kbGVQaWNrZXJDaGFuZ2UoeyBkYXRhLCAkZXZlbnQgfSkge1xuICAgIHRoaXMuaGFuZGxlQ2hhbmdlKGRhdGEsICRldmVudCk7XG4gIH1cbn1cblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbXG4gICAgU3dhdGNoZXNDb21wb25lbnQsXG4gICAgU3dhdGNoZXNHcm91cENvbXBvbmVudCxcbiAgICBTd2F0Y2hlc0NvbG9yQ29tcG9uZW50LFxuICBdLFxuICBleHBvcnRzOiBbU3dhdGNoZXNDb21wb25lbnQsIFN3YXRjaGVzR3JvdXBDb21wb25lbnQsIFN3YXRjaGVzQ29sb3JDb21wb25lbnRdLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBTd2F0Y2hNb2R1bGUsIFJhaXNlZE1vZHVsZV0sXG59KVxuZXhwb3J0IGNsYXNzIENvbG9yU3dhdGNoZXNNb2R1bGUge31cbiJdfQ==
|