ngx-color 9.0.0 → 10.1.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.
Files changed (105) hide show
  1. package/README.md +1 -0
  2. package/coordinates.directive.d.ts +1 -2
  3. package/fesm2022/ngx-color-alpha.mjs +15 -17
  4. package/fesm2022/ngx-color-alpha.mjs.map +1 -1
  5. package/fesm2022/ngx-color-block.mjs +87 -76
  6. package/fesm2022/ngx-color-block.mjs.map +1 -1
  7. package/fesm2022/ngx-color-chrome.mjs +186 -145
  8. package/fesm2022/ngx-color-chrome.mjs.map +1 -1
  9. package/fesm2022/ngx-color-circle.mjs +68 -51
  10. package/fesm2022/ngx-color-circle.mjs.map +1 -1
  11. package/fesm2022/ngx-color-compact.mjs +163 -145
  12. package/fesm2022/ngx-color-compact.mjs.map +1 -1
  13. package/fesm2022/ngx-color-github.mjs +36 -37
  14. package/fesm2022/ngx-color-github.mjs.map +1 -1
  15. package/fesm2022/ngx-color-hue.mjs +27 -25
  16. package/fesm2022/ngx-color-hue.mjs.map +1 -1
  17. package/fesm2022/ngx-color-material.mjs +77 -61
  18. package/fesm2022/ngx-color-material.mjs.map +1 -1
  19. package/fesm2022/ngx-color-photoshop.mjs +224 -214
  20. package/fesm2022/ngx-color-photoshop.mjs.map +1 -1
  21. package/fesm2022/ngx-color-shade.mjs +19 -13
  22. package/fesm2022/ngx-color-shade.mjs.map +1 -1
  23. package/fesm2022/ngx-color-sketch.mjs +232 -227
  24. package/fesm2022/ngx-color-sketch.mjs.map +1 -1
  25. package/fesm2022/ngx-color-slider.mjs +153 -145
  26. package/fesm2022/ngx-color-slider.mjs.map +1 -1
  27. package/fesm2022/ngx-color-swatches.mjs +118 -216
  28. package/fesm2022/ngx-color-swatches.mjs.map +1 -1
  29. package/fesm2022/ngx-color-twitter.mjs +61 -58
  30. package/fesm2022/ngx-color-twitter.mjs.map +1 -1
  31. package/fesm2022/ngx-color.mjs +231 -187
  32. package/fesm2022/ngx-color.mjs.map +1 -1
  33. package/package.json +4 -34
  34. package/esm2022/alpha/alpha-picker.component.mjs +0 -102
  35. package/esm2022/alpha/ngx-color-alpha.mjs +0 -5
  36. package/esm2022/alpha/public_api.mjs +0 -2
  37. package/esm2022/alpha.component.mjs +0 -146
  38. package/esm2022/block/block-swatches.component.mjs +0 -63
  39. package/esm2022/block/block.component.mjs +0 -160
  40. package/esm2022/block/ngx-color-block.mjs +0 -5
  41. package/esm2022/block/public_api.mjs +0 -3
  42. package/esm2022/checkboard.component.mjs +0 -53
  43. package/esm2022/chrome/chrome-fields.component.mjs +0 -317
  44. package/esm2022/chrome/chrome.component.mjs +0 -187
  45. package/esm2022/chrome/ngx-color-chrome.mjs +0 -5
  46. package/esm2022/chrome/public_api.mjs +0 -3
  47. package/esm2022/circle/circle-swatch.component.mjs +0 -69
  48. package/esm2022/circle/circle.component.mjs +0 -136
  49. package/esm2022/circle/ngx-color-circle.mjs +0 -5
  50. package/esm2022/circle/public_api.mjs +0 -3
  51. package/esm2022/color-wrap.component.mjs +0 -173
  52. package/esm2022/compact/compact-color.component.mjs +0 -71
  53. package/esm2022/compact/compact-fields.component.mjs +0 -165
  54. package/esm2022/compact/compact.component.mjs +0 -156
  55. package/esm2022/compact/ngx-color-compact.mjs +0 -5
  56. package/esm2022/compact/public_api.mjs +0 -4
  57. package/esm2022/coordinates.directive.mjs +0 -108
  58. package/esm2022/editable-input.component.mjs +0 -212
  59. package/esm2022/github/github-swatch.component.mjs +0 -53
  60. package/esm2022/github/github.component.mjs +0 -114
  61. package/esm2022/github/ngx-color-github.mjs +0 -5
  62. package/esm2022/github/public_api.mjs +0 -3
  63. package/esm2022/helpers/checkboard.mjs +0 -33
  64. package/esm2022/helpers/color.interfaces.mjs +0 -2
  65. package/esm2022/helpers/color.mjs +0 -60
  66. package/esm2022/hue/hue-picker.component.mjs +0 -102
  67. package/esm2022/hue/ngx-color-hue.mjs +0 -5
  68. package/esm2022/hue/public_api.mjs +0 -2
  69. package/esm2022/hue.component.mjs +0 -128
  70. package/esm2022/material/material.component.mjs +0 -188
  71. package/esm2022/material/ngx-color-material.mjs +0 -5
  72. package/esm2022/material/public_api.mjs +0 -2
  73. package/esm2022/ngx-color.mjs +0 -5
  74. package/esm2022/photoshop/ngx-color-photoshop.mjs +0 -5
  75. package/esm2022/photoshop/photoshop-button.component.mjs +0 -33
  76. package/esm2022/photoshop/photoshop-fields.component.mjs +0 -214
  77. package/esm2022/photoshop/photoshop-previews.component.mjs +0 -40
  78. package/esm2022/photoshop/photoshop.component.mjs +0 -187
  79. package/esm2022/photoshop/public_api.mjs +0 -5
  80. package/esm2022/public_api.mjs +0 -14
  81. package/esm2022/raised.component.mjs +0 -50
  82. package/esm2022/saturation.component.mjs +0 -100
  83. package/esm2022/shade/ngx-color-shade.mjs +0 -5
  84. package/esm2022/shade/public_api.mjs +0 -2
  85. package/esm2022/shade/shade-picker.component.mjs +0 -94
  86. package/esm2022/shade.component.mjs +0 -133
  87. package/esm2022/sketch/ngx-color-sketch.mjs +0 -5
  88. package/esm2022/sketch/public_api.mjs +0 -4
  89. package/esm2022/sketch/sketch-fields.component.mjs +0 -211
  90. package/esm2022/sketch/sketch-preset-colors.component.mjs +0 -68
  91. package/esm2022/sketch/sketch.component.mjs +0 -215
  92. package/esm2022/slider/ngx-color-slider.mjs +0 -5
  93. package/esm2022/slider/public_api.mjs +0 -4
  94. package/esm2022/slider/slider-swatch.component.mjs +0 -55
  95. package/esm2022/slider/slider-swatches.component.mjs +0 -119
  96. package/esm2022/slider/slider.component.mjs +0 -104
  97. package/esm2022/swatch.component.mjs +0 -112
  98. package/esm2022/swatches/ngx-color-swatches.mjs +0 -5
  99. package/esm2022/swatches/public_api.mjs +0 -4
  100. package/esm2022/swatches/swatches-color.component.mjs +0 -105
  101. package/esm2022/swatches/swatches-group.component.mjs +0 -50
  102. package/esm2022/swatches/swatches.component.mjs +0 -244
  103. package/esm2022/twitter/ngx-color-twitter.mjs +0 -5
  104. package/esm2022/twitter/public_api.mjs +0 -2
  105. package/esm2022/twitter/twitter.component.mjs +0 -161
@@ -1,215 +0,0 @@
1
- import { CommonModule } from '@angular/common';
2
- import { ChangeDetectionStrategy, Component, forwardRef, Input, NgModule } from '@angular/core';
3
- import { AlphaModule, CheckboardModule, ColorWrap, EditableInputModule, HueModule, isValidHex, SaturationModule, SwatchModule, } from 'ngx-color';
4
- import { SketchFieldsComponent } from './sketch-fields.component';
5
- import { SketchPresetColorsComponent } from './sketch-preset-colors.component';
6
- import { NG_VALUE_ACCESSOR } from '@angular/forms';
7
- import * as i0 from "@angular/core";
8
- import * as i1 from "@angular/common";
9
- import * as i2 from "ngx-color";
10
- class SketchComponent extends ColorWrap {
11
- /** Remove alpha slider and options from picker */
12
- disableAlpha = false;
13
- /** Hex strings for default colors at bottom of picker */
14
- presetColors = [
15
- '#D0021B',
16
- '#F5A623',
17
- '#F8E71C',
18
- '#8B572A',
19
- '#7ED321',
20
- '#417505',
21
- '#BD10E0',
22
- '#9013FE',
23
- '#4A90E2',
24
- '#50E3C2',
25
- '#B8E986',
26
- '#000000',
27
- '#4A4A4A',
28
- '#9B9B9B',
29
- '#FFFFFF',
30
- ];
31
- /** Width of picker */
32
- width = 200;
33
- activeBackground;
34
- constructor() {
35
- super();
36
- }
37
- afterValidChange() {
38
- const alpha = this.disableAlpha ? 1 : this.rgb.a;
39
- this.activeBackground = `rgba(${this.rgb.r}, ${this.rgb.g}, ${this.rgb.b}, ${alpha})`;
40
- }
41
- handleValueChange({ data, $event }) {
42
- this.handleChange(data, $event);
43
- }
44
- handleBlockChange({ hex, $event }) {
45
- if (isValidHex(hex)) {
46
- // this.hex = hex;
47
- this.handleChange({
48
- hex,
49
- source: 'hex',
50
- }, $event);
51
- }
52
- }
53
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: SketchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
54
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", type: SketchComponent, selector: "color-sketch", inputs: { disableAlpha: "disableAlpha", presetColors: "presetColors", width: "width" }, providers: [
55
- {
56
- provide: NG_VALUE_ACCESSOR,
57
- useExisting: forwardRef(() => SketchComponent),
58
- multi: true,
59
- },
60
- {
61
- provide: ColorWrap,
62
- useExisting: forwardRef(() => SketchComponent),
63
- },
64
- ], usesInheritance: true, ngImport: i0, template: `
65
- <div class="sketch-picker {{ className }}" [style.width.px]="width">
66
- <div class="sketch-saturation">
67
- <color-saturation [hsl]="hsl" [hsv]="hsv"
68
- (onChange)="handleValueChange($event)"
69
- >
70
- </color-saturation>
71
- </div>
72
- <div class="sketch-controls">
73
- <div class="sketch-sliders">
74
- <div class="sketch-hue">
75
- <color-hue [hsl]="hsl"
76
- (onChange)="handleValueChange($event)"
77
- ></color-hue>
78
- </div>
79
- <div class="sketch-alpha" *ngIf="disableAlpha === false">
80
- <color-alpha
81
- [radius]="2" [rgb]="rgb" [hsl]="hsl"
82
- (onChange)="handleValueChange($event)"
83
- ></color-alpha>
84
- </div>
85
- </div>
86
- <div class="sketch-color">
87
- <color-checkboard></color-checkboard>
88
- <div class="sketch-active" [style.background]="activeBackground"></div>
89
- </div>
90
- </div>
91
- <div class="sketch-fields-container">
92
- <color-sketch-fields
93
- [rgb]="rgb" [hsl]="hsl" [hex]="hex"
94
- [disableAlpha]="disableAlpha"
95
- (onChange)="handleValueChange($event)"
96
- ></color-sketch-fields>
97
- </div>
98
- <div class="sketch-swatches-container" *ngIf="presetColors && presetColors.length">
99
- <color-sketch-preset-colors
100
- [colors]="presetColors"
101
- (onClick)="handleBlockChange($event)"
102
- (onSwatchHover)="onSwatchHover.emit($event)"
103
- ></color-sketch-preset-colors>
104
- </div>
105
- </div>
106
- `, isInline: true, styles: [".sketch-picker{padding:10px 10px 3px;box-sizing:initial;background:#fff;border-radius:4px;box-shadow:0 0 0 1px #00000026,0 8px 16px #00000026}.sketch-saturation{width:100%;padding-bottom:75%;position:relative;overflow:hidden}.sketch-fields-container,.sketch-swatches-container{display:block}.sketch-controls{display:flex}.sketch-sliders{padding:4px 0;flex:1 1 0%}.sketch-hue{position:relative;height:10px;overflow:hidden}.sketch-alpha{position:relative;height:10px;margin-top:4px;overflow:hidden}.sketch-color{width:24px;height:24px;position:relative;margin-top:4px;margin-left:4px;border-radius:3px}.sketch-active{position:absolute;inset:0;border-radius:2px;box-shadow:#00000026 0 0 0 1px inset,#00000040 0 0 4px inset}:host-context([dir=rtl]) .sketch-color{margin-right:4px;margin-left:0}\n"], dependencies: [{ kind: "directive", type: i0.forwardRef(function () { return i1.NgIf; }), selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i0.forwardRef(function () { return i2.AlphaComponent; }), selector: "color-alpha", inputs: ["hsl", "rgb", "pointer", "shadow", "radius", "direction"], outputs: ["onChange"] }, { kind: "component", type: i0.forwardRef(function () { return i2.CheckboardComponent; }), selector: "color-checkboard", inputs: ["white", "size", "grey", "boxShadow", "borderRadius"] }, { kind: "component", type: i0.forwardRef(function () { return i2.HueComponent; }), selector: "color-hue", inputs: ["hsl", "pointer", "radius", "shadow", "hidePointer", "direction"], outputs: ["onChange"] }, { kind: "component", type: i0.forwardRef(function () { return i2.SaturationComponent; }), selector: "color-saturation", inputs: ["hsl", "hsv", "radius", "pointer", "circle"], outputs: ["onChange"] }, { kind: "component", type: i0.forwardRef(function () { return SketchFieldsComponent; }), selector: "color-sketch-fields", inputs: ["hsl", "rgb", "hex", "disableAlpha"], outputs: ["onChange"] }, { kind: "component", type: i0.forwardRef(function () { return SketchPresetColorsComponent; }), selector: "color-sketch-preset-colors", inputs: ["colors"], outputs: ["onClick", "onSwatchHover"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
107
- }
108
- export { SketchComponent };
109
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: SketchComponent, decorators: [{
110
- type: Component,
111
- args: [{ selector: 'color-sketch', template: `
112
- <div class="sketch-picker {{ className }}" [style.width.px]="width">
113
- <div class="sketch-saturation">
114
- <color-saturation [hsl]="hsl" [hsv]="hsv"
115
- (onChange)="handleValueChange($event)"
116
- >
117
- </color-saturation>
118
- </div>
119
- <div class="sketch-controls">
120
- <div class="sketch-sliders">
121
- <div class="sketch-hue">
122
- <color-hue [hsl]="hsl"
123
- (onChange)="handleValueChange($event)"
124
- ></color-hue>
125
- </div>
126
- <div class="sketch-alpha" *ngIf="disableAlpha === false">
127
- <color-alpha
128
- [radius]="2" [rgb]="rgb" [hsl]="hsl"
129
- (onChange)="handleValueChange($event)"
130
- ></color-alpha>
131
- </div>
132
- </div>
133
- <div class="sketch-color">
134
- <color-checkboard></color-checkboard>
135
- <div class="sketch-active" [style.background]="activeBackground"></div>
136
- </div>
137
- </div>
138
- <div class="sketch-fields-container">
139
- <color-sketch-fields
140
- [rgb]="rgb" [hsl]="hsl" [hex]="hex"
141
- [disableAlpha]="disableAlpha"
142
- (onChange)="handleValueChange($event)"
143
- ></color-sketch-fields>
144
- </div>
145
- <div class="sketch-swatches-container" *ngIf="presetColors && presetColors.length">
146
- <color-sketch-preset-colors
147
- [colors]="presetColors"
148
- (onClick)="handleBlockChange($event)"
149
- (onSwatchHover)="onSwatchHover.emit($event)"
150
- ></color-sketch-preset-colors>
151
- </div>
152
- </div>
153
- `, changeDetection: ChangeDetectionStrategy.OnPush, preserveWhitespaces: false, providers: [
154
- {
155
- provide: NG_VALUE_ACCESSOR,
156
- useExisting: forwardRef(() => SketchComponent),
157
- multi: true,
158
- },
159
- {
160
- provide: ColorWrap,
161
- useExisting: forwardRef(() => SketchComponent),
162
- },
163
- ], styles: [".sketch-picker{padding:10px 10px 3px;box-sizing:initial;background:#fff;border-radius:4px;box-shadow:0 0 0 1px #00000026,0 8px 16px #00000026}.sketch-saturation{width:100%;padding-bottom:75%;position:relative;overflow:hidden}.sketch-fields-container,.sketch-swatches-container{display:block}.sketch-controls{display:flex}.sketch-sliders{padding:4px 0;flex:1 1 0%}.sketch-hue{position:relative;height:10px;overflow:hidden}.sketch-alpha{position:relative;height:10px;margin-top:4px;overflow:hidden}.sketch-color{width:24px;height:24px;position:relative;margin-top:4px;margin-left:4px;border-radius:3px}.sketch-active{position:absolute;inset:0;border-radius:2px;box-shadow:#00000026 0 0 0 1px inset,#00000040 0 0 4px inset}:host-context([dir=rtl]) .sketch-color{margin-right:4px;margin-left:0}\n"] }]
164
- }], ctorParameters: function () { return []; }, propDecorators: { disableAlpha: [{
165
- type: Input
166
- }], presetColors: [{
167
- type: Input
168
- }], width: [{
169
- type: Input
170
- }] } });
171
- class ColorSketchModule {
172
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: ColorSketchModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
173
- static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.1", ngImport: i0, type: ColorSketchModule, declarations: [SketchComponent, SketchFieldsComponent,
174
- SketchPresetColorsComponent], imports: [CommonModule,
175
- AlphaModule,
176
- CheckboardModule,
177
- EditableInputModule,
178
- HueModule,
179
- SaturationModule,
180
- SwatchModule], exports: [SketchComponent, SketchFieldsComponent,
181
- SketchPresetColorsComponent] });
182
- static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: ColorSketchModule, imports: [CommonModule,
183
- AlphaModule,
184
- CheckboardModule,
185
- EditableInputModule,
186
- HueModule,
187
- SaturationModule,
188
- SwatchModule] });
189
- }
190
- export { ColorSketchModule };
191
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: ColorSketchModule, decorators: [{
192
- type: NgModule,
193
- args: [{
194
- declarations: [
195
- SketchComponent,
196
- SketchFieldsComponent,
197
- SketchPresetColorsComponent,
198
- ],
199
- exports: [
200
- SketchComponent,
201
- SketchFieldsComponent,
202
- SketchPresetColorsComponent,
203
- ],
204
- imports: [
205
- CommonModule,
206
- AlphaModule,
207
- CheckboardModule,
208
- EditableInputModule,
209
- HueModule,
210
- SaturationModule,
211
- SwatchModule,
212
- ],
213
- }]
214
- }] });
215
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2tldGNoLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9saWIvc2tldGNoL3NrZXRjaC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsVUFBVSxFQUFFLEtBQUssRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFaEcsT0FBTyxFQUNMLFdBQVcsRUFDWCxnQkFBZ0IsRUFDaEIsU0FBUyxFQUNULG1CQUFtQixFQUNuQixTQUFTLEVBQ1QsVUFBVSxFQUNWLGdCQUFnQixFQUNoQixZQUFZLEdBQ2IsTUFBTSxXQUFXLENBQUM7QUFDbkIsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDbEUsT0FBTyxFQUFFLDJCQUEyQixFQUFFLE1BQU0sa0NBQWtDLENBQUM7QUFDL0UsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7Ozs7QUFFbkQsTUEwSGEsZUFBZ0IsU0FBUSxTQUFTO0lBQzVDLGtEQUFrRDtJQUN6QyxZQUFZLEdBQUcsS0FBSyxDQUFDO0lBQzlCLHlEQUF5RDtJQUNoRCxZQUFZLEdBQUc7UUFDdEIsU0FBUztRQUNULFNBQVM7UUFDVCxTQUFTO1FBQ1QsU0FBUztRQUNULFNBQVM7UUFDVCxTQUFTO1FBQ1QsU0FBUztRQUNULFNBQVM7UUFDVCxTQUFTO1FBQ1QsU0FBUztRQUNULFNBQVM7UUFDVCxTQUFTO1FBQ1QsU0FBUztRQUNULFNBQVM7UUFDVCxTQUFTO0tBQ1YsQ0FBQztJQUNGLHNCQUFzQjtJQUNiLEtBQUssR0FBRyxHQUFHLENBQUM7SUFDckIsZ0JBQWdCLENBQVU7SUFDMUI7UUFDRSxLQUFLLEVBQUUsQ0FBQztJQUNWLENBQUM7SUFDRCxnQkFBZ0I7UUFDZCxNQUFNLEtBQUssR0FB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aEIsWUFBWTtxQkFDYjtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBmb3J3YXJkUmVmLCBJbnB1dCwgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHtcbiAgQWxwaGFNb2R1bGUsXG4gIENoZWNrYm9hcmRNb2R1bGUsXG4gIENvbG9yV3JhcCxcbiAgRWRpdGFibGVJbnB1dE1vZHVsZSxcbiAgSHVlTW9kdWxlLFxuICBpc1ZhbGlkSGV4LFxuICBTYXR1cmF0aW9uTW9kdWxlLFxuICBTd2F0Y2hNb2R1bGUsXG59IGZyb20gJ25neC1jb2xvcic7XG5pbXBvcnQgeyBTa2V0Y2hGaWVsZHNDb21wb25lbnQgfSBmcm9tICcuL3NrZXRjaC1maWVsZHMuY29tcG9uZW50JztcbmltcG9ydCB7IFNrZXRjaFByZXNldENvbG9yc0NvbXBvbmVudCB9IGZyb20gJy4vc2tldGNoLXByZXNldC1jb2xvcnMuY29tcG9uZW50JztcbmltcG9ydCB7IE5HX1ZBTFVFX0FDQ0VTU09SIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdjb2xvci1za2V0Y2gnLFxuICB0ZW1wbGF0ZTogYFxuICA8ZGl2IGNsYXNzPVwic2tldGNoLXBpY2tlciB7eyBjbGFzc05hbWUgfX1cIiBbc3R5bGUud2lkdGgucHhdPVwid2lkdGhcIj5cbiAgICA8ZGl2IGNsYXNzPVwic2tldGNoLXNhdHVyYXRpb25cIj5cbiAgICAgIDxjb2xvci1zYXR1cmF0aW9uIFtoc2xdPVwiaHNsXCIgW2hzdl09XCJoc3ZcIlxuICAgICAgICAob25DaGFuZ2UpPVwiaGFuZGxlVmFsdWVDaGFuZ2UoJGV2ZW50KVwiXG4gICAgICA+XG4gICAgICA8L2NvbG9yLXNhdHVyYXRpb24+XG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cInNrZXRjaC1jb250cm9sc1wiPlxuICAgICAgPGRpdiBjbGFzcz1cInNrZXRjaC1zbGlkZXJzXCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJza2V0Y2gtaHVlXCI+XG4gICAgICAgICAgPGNvbG9yLWh1ZSBbaHNsXT1cImhzbFwiXG4gICAgICAgICAgICAob25DaGFuZ2UpPVwiaGFuZGxlVmFsdWVDaGFuZ2UoJGV2ZW50KVwiXG4gICAgICAgICAgPjwvY29sb3ItaHVlPlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPGRpdiBjbGFzcz1cInNrZXRjaC1hbHBoYVwiICpuZ0lmPVwiZGlzYWJsZUFscGhhID09PSBmYWxzZVwiPlxuICAgICAgICAgIDxjb2xvci1hbHBoYVxuICAgICAgICAgICAgW3JhZGl1c109XCIyXCIgW3JnYl09XCJyZ2JcIiBbaHNsXT1cImhzbFwiXG4gICAgICAgICAgICAob25DaGFuZ2UpPVwiaGFuZGxlVmFsdWVDaGFuZ2UoJGV2ZW50KVwiXG4gICAgICAgICAgPjwvY29sb3ItYWxwaGE+XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9kaXY+XG4gICAgICA8ZGl2IGNsYXNzPVwic2tldGNoLWNvbG9yXCI+XG4gICAgICAgIDxjb2xvci1jaGVja2JvYXJkPjwvY29sb3ItY2hlY2tib2FyZD5cbiAgICAgICAgPGRpdiBjbGFzcz1cInNrZXRjaC1hY3RpdmVcIiBbc3R5bGUuYmFja2dyb3VuZF09XCJhY3RpdmVCYWNrZ3JvdW5kXCI+PC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwic2tldGNoLWZpZWxkcy1jb250YWluZXJcIj5cbiAgICAgIDxjb2xvci1za2V0Y2gtZmllbGRzXG4gICAgICAgIFtyZ2JdPVwicmdiXCIgW2hzbF09XCJoc2xcIiBbaGV4XT1cImhleFwiXG4gICAgICAgIFtkaXNhYmxlQWxwaGFdPVwiZGlzYWJsZUFscGhhXCJcbiAgICAgICAgKG9uQ2hhbmdlKT1cImhhbmRsZVZhbHVlQ2hhbmdlKCRldmVudClcIlxuICAgICAgPjwvY29sb3Itc2tldGNoLWZpZWxkcz5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwic2tldGNoLXN3YXRjaGVzLWNvbnRhaW5lclwiICpuZ0lmPVwicHJlc2V0Q29sb3JzICYmIHByZXNldENvbG9ycy5sZW5ndGhcIj5cbiAgICAgIDxjb2xvci1za2V0Y2gtcHJlc2V0LWNvbG9yc1xuICAgICAgICBbY29sb3JzXT1cInByZXNldENvbG9yc1wiXG4gICAgICAgIChvbkNsaWNrKT1cImhhbmRsZUJsb2NrQ2hhbmdlKCRldmVudClcIlxuICAgICAgICAob25Td2F0Y2hIb3Zlcik9XCJvblN3YXRjaEhvdmVyLmVtaXQoJGV2ZW50KVwiXG4gICAgICA+PC9jb2xvci1za2V0Y2gtcHJlc2V0LWNvbG9ycz5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG4gIGAsXG4gIHN0eWxlczogW1xuICAgIGBcbiAgICAuc2tldGNoLXBpY2tlciB7XG4gICAgICBwYWRkaW5nOiAxMHB4IDEwcHggM3B4O1xuICAgICAgYm94LXNpemluZzogaW5pdGlhbDtcbiAgICAgIGJhY2tncm91bmQ6ICNmZmY7XG4gICAgICBib3JkZXItcmFkaXVzOiA0cHg7XG4gICAgICBib3gtc2hhZG93OiAwIDAgMCAxcHggcmdiYSgwLDAsMCwuMTUpLCAwIDhweCAxNnB4IHJnYmEoMCwwLDAsLjE1KTtcbiAgICB9XG4gICAgLnNrZXRjaC1zYXR1cmF0aW9uIHtcbiAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgcGFkZGluZy1ib3R0b206IDc1JTtcbiAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgfVxuICAgIC5za2V0Y2gtZmllbGRzLWNvbnRhaW5lciB7XG4gICAgICBkaXNwbGF5OiBibG9jaztcbiAgICB9XG4gICAgLnNrZXRjaC1zd2F0Y2hlcy1jb250YWluZXIge1xuICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgfVxuICAgIC5za2V0Y2gtY29udHJvbHMge1xuICAgICAgZGlzcGxheTogZmxleDtcbiAgICB9XG4gICAgLnNrZXRjaC1zbGlkZXJzIHtcbiAgICAgIHBhZGRpbmc6IDRweCAwcHg7XG4gICAgICAtd2Via2l0LWJveC1mbGV4OiAxO1xuICAgICAgZmxleDogMSAxIDAlO1xuICAgIH1cbiAgICAuc2tldGNoLWh1ZSB7XG4gICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICBoZWlnaHQ6IDEwcHg7XG4gICAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgIH1cbiAgICAuc2tldGNoLWFscGhhIHtcbiAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgIGhlaWdodDogMTBweDtcbiAgICAgIG1hcmdpbi10b3A6IDRweDtcbiAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgfVxuICAgIC5za2V0Y2gtY29sb3Ige1xuICAgICAgd2lkdGg6IDI0cHg7XG4gICAgICBoZWlnaHQ6IDI0cHg7XG4gICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICBtYXJnaW4tdG9wOiA0cHg7XG4gICAgICBtYXJnaW4tbGVmdDogNHB4O1xuICAgICAgYm9yZGVyLXJhZGl1czogM3B4O1xuICAgIH1cbiAgICAuc2tldGNoLWFjdGl2ZSB7XG4gICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICB0b3A6IDBweDtcbiAgICAgIHJpZ2h0OiAwcHg7XG4gICAgICBib3R0b206IDBweDtcbiAgICAgIGxlZnQ6IDBweDtcbiAgICAgIGJvcmRlci1yYWRpdXM6IDJweDtcbiAgICAgIGJveC1zaGFkb3c6IHJnYmEoMCwgMCwgMCwgMC4xNSkgMHB4IDBweCAwcHggMXB4IGluc2V0LCByZ2JhKDAsIDAsIDAsIDAuMjUpIDBweCAwcHggNHB4IGluc2V0O1xuICAgIH1cbiAgICA6aG9zdC1jb250ZXh0KFtkaXI9cnRsXSkgLnNrZXRjaC1jb2xvciB7XG4gICAgICBtYXJnaW4tcmlnaHQ6IDRweDtcbiAgICAgIG1hcmdpbi1sZWZ0OiAwO1xuICAgIH1cbiAgYCxcbiAgXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIHByZXNlcnZlV2hpdGVzcGFjZXM6IGZhbHNlLFxuICBwcm92aWRlcnM6IFtcbiAgICB7XG4gICAgICBwcm92aWRlOiBOR19WQUxVRV9BQ0NFU1NPUixcbiAgICAgIHVzZUV4aXN0aW5nOiBmb3J3YXJkUmVmKCgpID0+IFNrZXRjaENvbXBvbmVudCksXG4gICAgICBtdWx0aTogdHJ1ZSxcbiAgICB9LFxuICAgIHtcbiAgICAgIHByb3ZpZGU6IENvbG9yV3JhcCxcbiAgICAgIHVzZUV4aXN0aW5nOiBmb3J3YXJkUmVmKCgpID0+IFNrZXRjaENvbXBvbmVudCksXG4gICAgfSxcbiAgXVxufSlcbmV4cG9ydCBjbGFzcyBTa2V0Y2hDb21wb25lbnQgZXh0ZW5kcyBDb2xvcldyYXAge1xuICAvKiogUmVtb3ZlIGFscGhhIHNsaWRlciBhbmQgb3B0aW9ucyBmcm9tIHBpY2tlciAqL1xuICBASW5wdXQoKSBkaXNhYmxlQWxwaGEgPSBmYWxzZTtcbiAgLyoqIEhleCBzdHJpbmdzIGZvciBkZWZhdWx0IGNvbG9ycyBhdCBib3R0b20gb2YgcGlja2VyICovXG4gIEBJbnB1dCgpIHByZXNldENvbG9ycyA9IFtcbiAgICAnI0QwMDIxQicsXG4gICAgJyNGNUE2MjMnLFxuICAgICcjRjhFNzFDJyxcbiAgICAnIzhCNTcyQScsXG4gICAgJyM3RUQzMjEnLFxuICAgICcjNDE3NTA1JyxcbiAgICAnI0JEMTBFMCcsXG4gICAgJyM5MDEzRkUnLFxuICAgICcjNEE5MEUyJyxcbiAgICAnIzUwRTNDMicsXG4gICAgJyNCOEU5ODYnLFxuICAgICcjMDAwMDAwJyxcbiAgICAnIzRBNEE0QScsXG4gICAgJyM5QjlCOUInLFxuICAgICcjRkZGRkZGJyxcbiAgXTtcbiAgLyoqIFdpZHRoIG9mIHBpY2tlciAqL1xuICBASW5wdXQoKSB3aWR0aCA9IDIwMDtcbiAgYWN0aXZlQmFja2dyb3VuZCE6IHN0cmluZztcbiAgY29uc3RydWN0b3IoKSB7XG4gICAgc3VwZXIoKTtcbiAgfVxuICBhZnRlclZhbGlkQ2hhbmdlKCkge1xuICAgIGNvbnN0IGFscGhhID0gdGhpcy5kaXNhYmxlQWxwaGEgPyAxIDogdGhpcy5yZ2IuYTtcbiAgICB0aGlzLmFjdGl2ZUJhY2tncm91bmQgPSBgcmdiYSgke3RoaXMucmdiLnJ9LCAke3RoaXMucmdiLmd9LCAke3RoaXMucmdiLmJ9LCAke2FscGhhfSlgO1xuICB9XG4gIGhhbmRsZVZhbHVlQ2hhbmdlKHsgZGF0YSwgJGV2ZW50IH0pIHtcbiAgICB0aGlzLmhhbmRsZUNoYW5nZShkYXRhLCAkZXZlbnQpO1xuICB9XG4gIGhhbmRsZUJsb2NrQ2hhbmdlKHsgaGV4LCAkZXZlbnQgfSkge1xuICAgIGlmIChpc1ZhbGlkSGV4KGhleCkpIHtcbiAgICAgIC8vIHRoaXMuaGV4ID0gaGV4O1xuICAgICAgdGhpcy5oYW5kbGVDaGFuZ2UoXG4gICAgICAgIHtcbiAgICAgICAgICBoZXgsXG4gICAgICAgICAgc291cmNlOiAnaGV4JyxcbiAgICAgICAgfSxcbiAgICAgICAgJGV2ZW50LFxuICAgICAgKTtcbiAgICB9XG4gIH1cbn1cblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbXG4gICAgU2tldGNoQ29tcG9uZW50LFxuICAgIFNrZXRjaEZpZWxkc0NvbXBvbmVudCxcbiAgICBTa2V0Y2hQcmVzZXRDb2xvcnNDb21wb25lbnQsXG4gIF0sXG4gIGV4cG9ydHM6IFtcbiAgICBTa2V0Y2hDb21wb25lbnQsXG4gICAgU2tldGNoRmllbGRzQ29tcG9uZW50LFxuICAgIFNrZXRjaFByZXNldENvbG9yc0NvbXBvbmVudCxcbiAgXSxcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBBbHBoYU1vZHVsZSxcbiAgICBDaGVja2JvYXJkTW9kdWxlLFxuICAgIEVkaXRhYmxlSW5wdXRNb2R1bGUsXG4gICAgSHVlTW9kdWxlLFxuICAgIFNhdHVyYXRpb25Nb2R1bGUsXG4gICAgU3dhdGNoTW9kdWxlLFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBDb2xvclNrZXRjaE1vZHVsZSB7fVxuIl19
@@ -1,5 +0,0 @@
1
- /**
2
- * Generated bundle index. Do not edit.
3
- */
4
- export * from './public_api';
5
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmd4LWNvbG9yLXNsaWRlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9saWIvc2xpZGVyL25neC1jb2xvci1zbGlkZXIudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLGNBQWMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogR2VuZXJhdGVkIGJ1bmRsZSBpbmRleC4gRG8gbm90IGVkaXQuXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9wdWJsaWNfYXBpJztcbiJdfQ==
@@ -1,4 +0,0 @@
1
- export { SliderSwatchComponent } from './slider-swatch.component';
2
- export { SliderSwatchesComponent } from './slider-swatches.component';
3
- export { ColorSliderModule, SliderComponent } from './slider.component';
4
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9saWIvc2xpZGVyL3B1YmxpY19hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDbEUsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDdEUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLGVBQWUsRUFBRSxNQUFNLG9CQUFvQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IHsgU2xpZGVyU3dhdGNoQ29tcG9uZW50IH0gZnJvbSAnLi9zbGlkZXItc3dhdGNoLmNvbXBvbmVudCc7XG5leHBvcnQgeyBTbGlkZXJTd2F0Y2hlc0NvbXBvbmVudCB9IGZyb20gJy4vc2xpZGVyLXN3YXRjaGVzLmNvbXBvbmVudCc7XG5leHBvcnQgeyBDb2xvclNsaWRlck1vZHVsZSwgU2xpZGVyQ29tcG9uZW50IH0gZnJvbSAnLi9zbGlkZXIuY29tcG9uZW50JztcbiJdfQ==
@@ -1,55 +0,0 @@
1
- import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, } from '@angular/core';
2
- import * as i0 from "@angular/core";
3
- class SliderSwatchComponent {
4
- hsl;
5
- active;
6
- offset;
7
- first = false;
8
- last = false;
9
- onClick = new EventEmitter();
10
- background;
11
- ngOnChanges() {
12
- this.background = `hsl(${this.hsl.h}, 50%, ${this.offset * 100}%)`;
13
- }
14
- handleClick($event) {
15
- this.onClick.emit({
16
- data: {
17
- h: this.hsl.h,
18
- s: 0.5,
19
- l: this.offset,
20
- source: 'hsl',
21
- },
22
- $event,
23
- });
24
- }
25
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: SliderSwatchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
26
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", type: SliderSwatchComponent, selector: "color-slider-swatch", inputs: { hsl: "hsl", active: "active", offset: "offset", first: "first", last: "last" }, outputs: { onClick: "onClick" }, usesOnChanges: true, ngImport: i0, template: `
27
- <div class="slider-swatch" [style.background]="background"
28
- [class.first]="first" [class.last]="last" [class.active]="active"
29
- (click)="handleClick($event)"
30
- ></div>
31
- `, isInline: true, styles: [".slider-swatch{height:12px;background:rgb(121,211,166);cursor:pointer}.slider-swatch.active{transform:scaleY(1.8);border-radius:3.6px/2px}.slider-swatch.first{border-radius:2px 0 0 2px}.slider-swatch.last{border-radius:0 2px 2px 0}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
32
- }
33
- export { SliderSwatchComponent };
34
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: SliderSwatchComponent, decorators: [{
35
- type: Component,
36
- args: [{ selector: 'color-slider-swatch', template: `
37
- <div class="slider-swatch" [style.background]="background"
38
- [class.first]="first" [class.last]="last" [class.active]="active"
39
- (click)="handleClick($event)"
40
- ></div>
41
- `, changeDetection: ChangeDetectionStrategy.OnPush, preserveWhitespaces: false, styles: [".slider-swatch{height:12px;background:rgb(121,211,166);cursor:pointer}.slider-swatch.active{transform:scaleY(1.8);border-radius:3.6px/2px}.slider-swatch.first{border-radius:2px 0 0 2px}.slider-swatch.last{border-radius:0 2px 2px 0}\n"] }]
42
- }], propDecorators: { hsl: [{
43
- type: Input
44
- }], active: [{
45
- type: Input
46
- }], offset: [{
47
- type: Input
48
- }], first: [{
49
- type: Input
50
- }], last: [{
51
- type: Input
52
- }], onClick: [{
53
- type: Output
54
- }] } });
55
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2xpZGVyLXN3YXRjaC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvbGliL3NsaWRlci9zbGlkZXItc3dhdGNoLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxZQUFZLEVBQ1osS0FBSyxFQUVMLE1BQU0sR0FDUCxNQUFNLGVBQWUsQ0FBQzs7QUFJdkIsTUFrQ2EscUJBQXFCO0lBQ3ZCLEdBQUcsQ0FBTztJQUNWLE1BQU0sQ0FBVztJQUNqQixNQUFNLENBQVU7SUFDaEIsS0FBSyxHQUFHLEtBQUssQ0FBQztJQUNkLElBQUksR0FBRyxLQUFLLENBQUM7SUFDWixPQUFPLEdBQUcsSUFBSSxZQUFZLEVBQU8sQ0FBQztJQUM1QyxVQUFVLENBQVU7SUFFcEIsV0FBVztRQUNULElBQUksQ0FBQyxVQUFVLEdBQUcsT0FBTyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUMsVUFBVSxJQUFJLENBQUMsTUFBTSxHQUFHLEdBQUcsSUFBSSxDQUFDO0lBQ3JFLENBQUM7SUFDRCxXQUFXLENBQUMsTUFBTTtRQUNoQixJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQztZQUNoQixJQUFJLEVBQUU7Z0JBQ0osQ0FBQyxFQUFFLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQztnQkFDYixDQUFDLEVBQUUsR0FBRztnQkFDTixDQUFDLEVBQUUsSUFBSSxDQUFDLE1BQU07Z0JBQ2QsTUFBTSxFQUFFLEtBQUs7YUFDZDtZQUNELE1BQU07U0FDUCxDQUFDLENBQUM7SUFDTCxDQUFDO3VHQXRCVSxxQkFBcUI7MkZBQXJCLHFCQUFxQiwyTUFoQ3RCOzs7OztHQUtUOztTQTJCVSxxQkFBcUI7MkZBQXJCLHFCQUFxQjtrQkFsQ2pDLFNBQVM7K0JBQ0UscUJBQXFCLFlBQ3JCOzs7OztHQUtULG1CQXdCZ0IsdUJBQXVCLENBQUMsTUFBTSx1QkFDMUIsS0FBSzs4QkFHakIsR0FBRztzQkFBWCxLQUFLO2dCQUNHLE1BQU07c0JBQWQsS0FBSztnQkFDRyxNQUFNO3NCQUFkLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDSSxPQUFPO3NCQUFoQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbiAgRXZlbnRFbWl0dGVyLFxuICBJbnB1dCxcbiAgT25DaGFuZ2VzLFxuICBPdXRwdXQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBIU0wgfSBmcm9tICduZ3gtY29sb3InO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdjb2xvci1zbGlkZXItc3dhdGNoJyxcbiAgdGVtcGxhdGU6IGBcbiAgPGRpdiBjbGFzcz1cInNsaWRlci1zd2F0Y2hcIiBbc3R5bGUuYmFja2dyb3VuZF09XCJiYWNrZ3JvdW5kXCJcbiAgICBbY2xhc3MuZmlyc3RdPVwiZmlyc3RcIiBbY2xhc3MubGFzdF09XCJsYXN0XCIgW2NsYXNzLmFjdGl2ZV09XCJhY3RpdmVcIlxuICAgIChjbGljayk9XCJoYW5kbGVDbGljaygkZXZlbnQpXCJcbiAgPjwvZGl2PlxuICBgLFxuICBzdHlsZXM6IFtcbiAgICBgXG4gICAgLnNsaWRlci1zd2F0Y2gge1xuICAgICAgaGVpZ2h0OiAxMnB4O1xuICAgICAgYmFja2dyb3VuZDogcmdiKDEyMSwgMjExLCAxNjYpO1xuICAgICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIH1cbiAgICAuc2xpZGVyLXN3YXRjaC5hY3RpdmUge1xuICAgICAgdHJhbnNmb3JtOiBzY2FsZVkoMS44KTtcbiAgICAgIGJvcmRlci10b3AtcmlnaHQtcmFkaXVzOiAzLjZweCAycHg7XG4gICAgICBib3JkZXItdG9wLWxlZnQtcmFkaXVzOiAzLjZweCAycHg7XG4gICAgICBib3JkZXItYm90dG9tLXJpZ2h0LXJhZGl1czogMy42cHggMnB4O1xuICAgICAgYm9yZGVyLWJvdHRvbS1sZWZ0LXJhZGl1czogMy42cHggMnB4O1xuICAgIH1cbiAgICAuc2xpZGVyLXN3YXRjaC5maXJzdCB7XG4gICAgICBib3JkZXItcmFkaXVzOiAycHggMHB4IDBweCAycHg7XG4gICAgfVxuICAgIC5zbGlkZXItc3dhdGNoLmxhc3Qge1xuICAgICAgYm9yZGVyLXJhZGl1czogMHB4IDJweCAycHggMHB4O1xuICAgIH1cblxuICBgLFxuICBdLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgcHJlc2VydmVXaGl0ZXNwYWNlczogZmFsc2UsXG59KVxuZXhwb3J0IGNsYXNzIFNsaWRlclN3YXRjaENvbXBvbmVudCBpbXBsZW1lbnRzIE9uQ2hhbmdlcyB7XG4gIEBJbnB1dCgpIGhzbCE6IEhTTDtcbiAgQElucHV0KCkgYWN0aXZlITogYm9vbGVhbjtcbiAgQElucHV0KCkgb2Zmc2V0ITogbnVtYmVyO1xuICBASW5wdXQoKSBmaXJzdCA9IGZhbHNlO1xuICBASW5wdXQoKSBsYXN0ID0gZmFsc2U7XG4gIEBPdXRwdXQoKSBvbkNsaWNrID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XG4gIGJhY2tncm91bmQhOiBzdHJpbmc7XG5cbiAgbmdPbkNoYW5nZXMoKSB7XG4gICAgdGhpcy5iYWNrZ3JvdW5kID0gYGhzbCgke3RoaXMuaHNsLmh9LCA1MCUsICR7dGhpcy5vZmZzZXQgKiAxMDB9JSlgO1xuICB9XG4gIGhhbmRsZUNsaWNrKCRldmVudCkge1xuICAgIHRoaXMub25DbGljay5lbWl0KHtcbiAgICAgIGRhdGE6IHtcbiAgICAgICAgaDogdGhpcy5oc2wuaCxcbiAgICAgICAgczogMC41LFxuICAgICAgICBsOiB0aGlzLm9mZnNldCxcbiAgICAgICAgc291cmNlOiAnaHNsJyxcbiAgICAgIH0sXG4gICAgICAkZXZlbnQsXG4gICAgfSk7XG4gIH1cbn1cbiJdfQ==
@@ -1,119 +0,0 @@
1
- import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output, } from '@angular/core';
2
- import * as i0 from "@angular/core";
3
- import * as i1 from "./slider-swatch.component";
4
- class SliderSwatchesComponent {
5
- hsl;
6
- onClick = new EventEmitter();
7
- onSwatchHover = new EventEmitter();
8
- active(l, s) {
9
- return (Math.round(this.hsl.l * 100) / 100 === l &&
10
- Math.round(this.hsl.s * 100) / 100 === s);
11
- }
12
- handleClick({ data, $event }) {
13
- this.onClick.emit({ data, $event });
14
- }
15
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: SliderSwatchesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
16
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", type: SliderSwatchesComponent, selector: "color-slider-swatches", inputs: { hsl: "hsl" }, outputs: { onClick: "onClick", onSwatchHover: "onSwatchHover" }, ngImport: i0, template: `
17
- <div class="slider-swatches">
18
- <div class="slider-swatch-wrap">
19
- <color-slider-swatch
20
- [hsl]="hsl"
21
- [offset]=".80"
22
- [active]="active(0.80, 0.50)"
23
- (onClick)="handleClick($event)"
24
- [first]="true"
25
- ></color-slider-swatch>
26
- </div>
27
- <div class="slider-swatch-wrap">
28
- <color-slider-swatch
29
- [hsl]="hsl"
30
- [offset]=".65"
31
- [active]="active(0.65, 0.50)"
32
- (onClick)="handleClick($event)"
33
- ></color-slider-swatch>
34
- </div>
35
- <div class="slider-swatch-wrap">
36
- <color-slider-swatch
37
- [hsl]="hsl"
38
- [offset]=".50"
39
- [active]="active(0.50, 0.50)"
40
- (onClick)="handleClick($event)"
41
- ></color-slider-swatch>
42
- </div>
43
- <div class="slider-swatch-wrap">
44
- <color-slider-swatch
45
- [hsl]="hsl"
46
- [offset]=".35"
47
- [active]="active(0.35, 0.50)"
48
- (onClick)="handleClick($event)"
49
- ></color-slider-swatch>
50
- </div>
51
- <div class="slider-swatch-wrap">
52
- <color-slider-swatch
53
- [hsl]="hsl"
54
- [offset]=".20"
55
- [active]="active(0.20, 0.50)"
56
- (onClick)="handleClick($event)"
57
- [last]="true"
58
- ></color-slider-swatch>
59
- </div>
60
- </div>
61
- `, isInline: true, styles: [".slider-swatches{margin-top:20px}.slider-swatch-wrap{box-sizing:border-box;width:20%;padding-right:1px;float:left}\n"], dependencies: [{ kind: "component", type: i1.SliderSwatchComponent, selector: "color-slider-swatch", inputs: ["hsl", "active", "offset", "first", "last"], outputs: ["onClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
62
- }
63
- export { SliderSwatchesComponent };
64
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: SliderSwatchesComponent, decorators: [{
65
- type: Component,
66
- args: [{ selector: 'color-slider-swatches', template: `
67
- <div class="slider-swatches">
68
- <div class="slider-swatch-wrap">
69
- <color-slider-swatch
70
- [hsl]="hsl"
71
- [offset]=".80"
72
- [active]="active(0.80, 0.50)"
73
- (onClick)="handleClick($event)"
74
- [first]="true"
75
- ></color-slider-swatch>
76
- </div>
77
- <div class="slider-swatch-wrap">
78
- <color-slider-swatch
79
- [hsl]="hsl"
80
- [offset]=".65"
81
- [active]="active(0.65, 0.50)"
82
- (onClick)="handleClick($event)"
83
- ></color-slider-swatch>
84
- </div>
85
- <div class="slider-swatch-wrap">
86
- <color-slider-swatch
87
- [hsl]="hsl"
88
- [offset]=".50"
89
- [active]="active(0.50, 0.50)"
90
- (onClick)="handleClick($event)"
91
- ></color-slider-swatch>
92
- </div>
93
- <div class="slider-swatch-wrap">
94
- <color-slider-swatch
95
- [hsl]="hsl"
96
- [offset]=".35"
97
- [active]="active(0.35, 0.50)"
98
- (onClick)="handleClick($event)"
99
- ></color-slider-swatch>
100
- </div>
101
- <div class="slider-swatch-wrap">
102
- <color-slider-swatch
103
- [hsl]="hsl"
104
- [offset]=".20"
105
- [active]="active(0.20, 0.50)"
106
- (onClick)="handleClick($event)"
107
- [last]="true"
108
- ></color-slider-swatch>
109
- </div>
110
- </div>
111
- `, changeDetection: ChangeDetectionStrategy.OnPush, preserveWhitespaces: false, styles: [".slider-swatches{margin-top:20px}.slider-swatch-wrap{box-sizing:border-box;width:20%;padding-right:1px;float:left}\n"] }]
112
- }], propDecorators: { hsl: [{
113
- type: Input
114
- }], onClick: [{
115
- type: Output
116
- }], onSwatchHover: [{
117
- type: Output
118
- }] } });
119
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2xpZGVyLXN3YXRjaGVzLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9saWIvc2xpZGVyL3NsaWRlci1zd2F0Y2hlcy5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLHVCQUF1QixFQUN2QixTQUFTLEVBQ1QsWUFBWSxFQUNaLEtBQUssRUFDTCxNQUFNLEdBQ1AsTUFBTSxlQUFlLENBQUM7OztBQUl2QixNQThEYSx1QkFBdUI7SUFDekIsR0FBRyxDQUFPO0lBQ1QsT0FBTyxHQUFHLElBQUksWUFBWSxFQUFPLENBQUM7SUFDbEMsYUFBYSxHQUFHLElBQUksWUFBWSxFQUFPLENBQUM7SUFFbEQsTUFBTSxDQUFDLENBQVMsRUFBRSxDQUFTO1FBQ3pCLE9BQU8sQ0FDTCxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQyxHQUFHLEdBQUcsQ0FBQyxHQUFHLEdBQUcsS0FBSyxDQUFDO1lBQ3hDLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDLEdBQUcsR0FBRyxDQUFDLEdBQUcsR0FBRyxLQUFLLENBQUMsQ0FDekMsQ0FBQztJQUNKLENBQUM7SUFDRCxXQUFXLENBQUMsRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFO1FBQzFCLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRSxDQUFDLENBQUM7SUFDdEMsQ0FBQzt1R0FiVSx1QkFBdUI7MkZBQXZCLHVCQUF1QixzSkE1RHhCOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0E2Q1Q7O1NBZVUsdUJBQXVCOzJGQUF2Qix1QkFBdUI7a0JBOURuQyxTQUFTOytCQUNFLHVCQUF1QixZQUN2Qjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBNkNULG1CQVlnQix1QkFBdUIsQ0FBQyxNQUFNLHVCQUMxQixLQUFLOzhCQUdqQixHQUFHO3NCQUFYLEtBQUs7Z0JBQ0ksT0FBTztzQkFBaEIsTUFBTTtnQkFDRyxhQUFhO3NCQUF0QixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbiAgRXZlbnRFbWl0dGVyLFxuICBJbnB1dCxcbiAgT3V0cHV0LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgSFNMIH0gZnJvbSAnbmd4LWNvbG9yJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnY29sb3Itc2xpZGVyLXN3YXRjaGVzJyxcbiAgdGVtcGxhdGU6IGBcbiAgPGRpdiBjbGFzcz1cInNsaWRlci1zd2F0Y2hlc1wiPlxuICAgIDxkaXYgY2xhc3M9XCJzbGlkZXItc3dhdGNoLXdyYXBcIj5cbiAgICAgIDxjb2xvci1zbGlkZXItc3dhdGNoXG4gICAgICAgIFtoc2xdPVwiaHNsXCJcbiAgICAgICAgW29mZnNldF09XCIuODBcIlxuICAgICAgICBbYWN0aXZlXT1cImFjdGl2ZSgwLjgwLCAwLjUwKVwiXG4gICAgICAgIChvbkNsaWNrKT1cImhhbmRsZUNsaWNrKCRldmVudClcIlxuICAgICAgICBbZmlyc3RdPVwidHJ1ZVwiXG4gICAgICA+PC9jb2xvci1zbGlkZXItc3dhdGNoPlxuICAgIDwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJzbGlkZXItc3dhdGNoLXdyYXBcIj5cbiAgICAgIDxjb2xvci1zbGlkZXItc3dhdGNoXG4gICAgICAgIFtoc2xdPVwiaHNsXCJcbiAgICAgICAgW29mZnNldF09XCIuNjVcIlxuICAgICAgICBbYWN0aXZlXT1cImFjdGl2ZSgwLjY1LCAwLjUwKVwiXG4gICAgICAgIChvbkNsaWNrKT1cImhhbmRsZUNsaWNrKCRldmVudClcIlxuICAgICAgPjwvY29sb3Itc2xpZGVyLXN3YXRjaD5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwic2xpZGVyLXN3YXRjaC13cmFwXCI+XG4gICAgICA8Y29sb3Itc2xpZGVyLXN3YXRjaFxuICAgICAgICBbaHNsXT1cImhzbFwiXG4gICAgICAgIFtvZmZzZXRdPVwiLjUwXCJcbiAgICAgICAgW2FjdGl2ZV09XCJhY3RpdmUoMC41MCwgMC41MClcIlxuICAgICAgICAob25DbGljayk9XCJoYW5kbGVDbGljaygkZXZlbnQpXCJcbiAgICAgID48L2NvbG9yLXNsaWRlci1zd2F0Y2g+XG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cInNsaWRlci1zd2F0Y2gtd3JhcFwiPlxuICAgICAgPGNvbG9yLXNsaWRlci1zd2F0Y2hcbiAgICAgICAgW2hzbF09XCJoc2xcIlxuICAgICAgICBbb2Zmc2V0XT1cIi4zNVwiXG4gICAgICAgIFthY3RpdmVdPVwiYWN0aXZlKDAuMzUsIDAuNTApXCJcbiAgICAgICAgKG9uQ2xpY2spPVwiaGFuZGxlQ2xpY2soJGV2ZW50KVwiXG4gICAgICA+PC9jb2xvci1zbGlkZXItc3dhdGNoPlxuICAgIDwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJzbGlkZXItc3dhdGNoLXdyYXBcIj5cbiAgICAgIDxjb2xvci1zbGlkZXItc3dhdGNoXG4gICAgICAgIFtoc2xdPVwiaHNsXCJcbiAgICAgICAgW29mZnNldF09XCIuMjBcIlxuICAgICAgICBbYWN0aXZlXT1cImFjdGl2ZSgwLjIwLCAwLjUwKVwiXG4gICAgICAgIChvbkNsaWNrKT1cImhhbmRsZUNsaWNrKCRldmVudClcIlxuICAgICAgICBbbGFzdF09XCJ0cnVlXCJcbiAgICAgID48L2NvbG9yLXNsaWRlci1zd2F0Y2g+XG4gICAgPC9kaXY+XG4gIDwvZGl2PlxuICBgLFxuICBzdHlsZXM6IFtgXG4gICAgLnNsaWRlci1zd2F0Y2hlcyB7XG4gICAgICBtYXJnaW4tdG9wOiAyMHB4O1xuICAgIH1cbiAgICAuc2xpZGVyLXN3YXRjaC13cmFwIHtcbiAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XG4gICAgICB3aWR0aDogMjAlO1xuICAgICAgcGFkZGluZy1yaWdodDogMXB4O1xuICAgICAgZmxvYXQ6IGxlZnQ7XG4gICAgfVxuICBgXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIHByZXNlcnZlV2hpdGVzcGFjZXM6IGZhbHNlLFxufSlcbmV4cG9ydCBjbGFzcyBTbGlkZXJTd2F0Y2hlc0NvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGhzbCE6IEhTTDtcbiAgQE91dHB1dCgpIG9uQ2xpY2sgPSBuZXcgRXZlbnRFbWl0dGVyPGFueT4oKTtcbiAgQE91dHB1dCgpIG9uU3dhdGNoSG92ZXIgPSBuZXcgRXZlbnRFbWl0dGVyPGFueT4oKTtcblxuICBhY3RpdmUobDogbnVtYmVyLCBzOiBudW1iZXIpIHtcbiAgICByZXR1cm4gKFxuICAgICAgTWF0aC5yb3VuZCh0aGlzLmhzbC5sICogMTAwKSAvIDEwMCA9PT0gbCAmJlxuICAgICAgTWF0aC5yb3VuZCh0aGlzLmhzbC5zICogMTAwKSAvIDEwMCA9PT0gc1xuICAgICk7XG4gIH1cbiAgaGFuZGxlQ2xpY2soeyBkYXRhLCAkZXZlbnQgfSkge1xuICAgIHRoaXMub25DbGljay5lbWl0KHsgZGF0YSwgJGV2ZW50IH0pO1xuICB9XG59XG4iXX0=
@@ -1,104 +0,0 @@
1
- import { CommonModule } from '@angular/common';
2
- import { ChangeDetectionStrategy, Component, forwardRef, Input, NgModule } from '@angular/core';
3
- import { ColorWrap, HueModule, SwatchModule } from 'ngx-color';
4
- import { SliderSwatchComponent } from './slider-swatch.component';
5
- import { SliderSwatchesComponent } from './slider-swatches.component';
6
- import { NG_VALUE_ACCESSOR } from '@angular/forms';
7
- import * as i0 from "@angular/core";
8
- import * as i1 from "ngx-color";
9
- class SliderComponent extends ColorWrap {
10
- pointer = {
11
- width: '14px',
12
- height: '14px',
13
- borderRadius: '6px',
14
- transform: 'translate(-7px, -2px)',
15
- backgroundColor: 'rgb(248, 248, 248)',
16
- boxShadow: '0 1px 4px 0 rgba(0, 0, 0, 0.37)',
17
- };
18
- radius = 2;
19
- constructor() {
20
- super();
21
- }
22
- handlePickerChange({ data, $event }) {
23
- this.handleChange(data, $event);
24
- }
25
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: SliderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
26
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.1", type: SliderComponent, selector: "color-slider", inputs: { pointer: "pointer", radius: "radius" }, providers: [
27
- {
28
- provide: NG_VALUE_ACCESSOR,
29
- useExisting: forwardRef(() => SliderComponent),
30
- multi: true,
31
- },
32
- {
33
- provide: ColorWrap,
34
- useExisting: forwardRef(() => SliderComponent),
35
- },
36
- ], usesInheritance: true, ngImport: i0, template: `
37
- <div class="slider-picker {{ className }}">
38
- <div class="slider-hue">
39
- <color-hue
40
- [hsl]="hsl" [radius]="radius" [pointer]="pointer"
41
- (onChange)="handlePickerChange($event)"
42
- ></color-hue>
43
- </div>
44
- <div class="slider-swatches">
45
- <color-slider-swatches [hsl]="hsl"
46
- (onClick)="handlePickerChange($event)"
47
- ></color-slider-swatches>
48
- </div>
49
- </div>
50
- `, isInline: true, styles: [".slider-hue{height:12px;position:relative}\n"], dependencies: [{ kind: "component", type: i0.forwardRef(function () { return i1.HueComponent; }), selector: "color-hue", inputs: ["hsl", "pointer", "radius", "shadow", "hidePointer", "direction"], outputs: ["onChange"] }, { kind: "component", type: i0.forwardRef(function () { return SliderSwatchesComponent; }), selector: "color-slider-swatches", inputs: ["hsl"], outputs: ["onClick", "onSwatchHover"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
51
- }
52
- export { SliderComponent };
53
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: SliderComponent, decorators: [{
54
- type: Component,
55
- args: [{ selector: 'color-slider', template: `
56
- <div class="slider-picker {{ className }}">
57
- <div class="slider-hue">
58
- <color-hue
59
- [hsl]="hsl" [radius]="radius" [pointer]="pointer"
60
- (onChange)="handlePickerChange($event)"
61
- ></color-hue>
62
- </div>
63
- <div class="slider-swatches">
64
- <color-slider-swatches [hsl]="hsl"
65
- (onClick)="handlePickerChange($event)"
66
- ></color-slider-swatches>
67
- </div>
68
- </div>
69
- `, changeDetection: ChangeDetectionStrategy.OnPush, preserveWhitespaces: false, providers: [
70
- {
71
- provide: NG_VALUE_ACCESSOR,
72
- useExisting: forwardRef(() => SliderComponent),
73
- multi: true,
74
- },
75
- {
76
- provide: ColorWrap,
77
- useExisting: forwardRef(() => SliderComponent),
78
- },
79
- ], styles: [".slider-hue{height:12px;position:relative}\n"] }]
80
- }], ctorParameters: function () { return []; }, propDecorators: { pointer: [{
81
- type: Input
82
- }], radius: [{
83
- type: Input
84
- }] } });
85
- class ColorSliderModule {
86
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: ColorSliderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
87
- static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.1", ngImport: i0, type: ColorSliderModule, declarations: [SliderComponent, SliderSwatchComponent,
88
- SliderSwatchesComponent], imports: [CommonModule, HueModule, SwatchModule], exports: [SliderComponent, SliderSwatchComponent, SliderSwatchesComponent] });
89
- static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: ColorSliderModule, imports: [CommonModule, HueModule, SwatchModule] });
90
- }
91
- export { ColorSliderModule };
92
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.1", ngImport: i0, type: ColorSliderModule, decorators: [{
93
- type: NgModule,
94
- args: [{
95
- declarations: [
96
- SliderComponent,
97
- SliderSwatchComponent,
98
- SliderSwatchesComponent,
99
- ],
100
- exports: [SliderComponent, SliderSwatchComponent, SliderSwatchesComponent],
101
- imports: [CommonModule, HueModule, SwatchModule],
102
- }]
103
- }] });
104
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2xpZGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9saWIvc2xpZGVyL3NsaWRlci5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsVUFBVSxFQUFFLEtBQUssRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFaEcsT0FBTyxFQUFFLFNBQVMsRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLE1BQU0sV0FBVyxDQUFDO0FBQy9ELE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQ2xFLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQ3RFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDOzs7QUFFbkQsTUF1Q2EsZUFBZ0IsU0FBUSxTQUFTO0lBRTVDLE9BQU8sR0FBMkI7UUFDaEMsS0FBSyxFQUFFLE1BQU07UUFDYixNQUFNLEVBQUUsTUFBTTtRQUNkLFlBQVksRUFBRSxLQUFLO1FBQ25CLFNBQVMsRUFBRSx1QkFBdUI7UUFDbEMsZUFBZSxFQUFFLG9CQUFvQjtRQUNyQyxTQUFTLEVBQUUsaUNBQWlDO0tBQzdDLENBQUM7SUFDTyxNQUFNLEdBQUcsQ0FBQyxDQUFDO0lBRXBCO1FBQ0UsS0FBSyxFQUFFLENBQUM7SUFDVixDQUFDO0lBRUQsa0JBQWtCLENBQUMsRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFO1FBQ2pDLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxFQUFFLE1BQU0sQ0FBQyxDQUFDO0lBQ2xDLENBQUM7dUdBbEJVLGVBQWU7MkZBQWYsZUFBZSx5RkFaZjtZQUNUO2dCQUNFLE9BQU8sRUFBRSxpQkFBaUI7Z0JBQzFCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsZUFBZSxDQUFDO2dCQUM5QyxLQUFLLEVBQUUsSUFBSTthQUNaO1lBQ0Q7Z0JBQ0UsT0FBTyxFQUFFLFNBQVM7Z0JBQ2xCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsZUFBZSxDQUFDO2FBQy9DO1NBQ0YsaURBbkNTOzs7Ozs7Ozs7Ozs7OztHQWNULHdXQWdEQyx1QkFBdUI7O1NBekJkLGVBQWU7MkZBQWYsZUFBZTtrQkF2QzNCLFNBQVM7K0JBQ0UsY0FBYyxZQUNkOzs7Ozs7Ozs7Ozs7OztHQWNULG1CQVNnQix1QkFBdUIsQ0FBQyxNQUFNLHVCQUMxQixLQUFLLGFBQ2Y7d0JBQ1Q7NEJBQ0UsT0FBTyxFQUFFLGlCQUFpQjs0QkFDMUIsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsZ0JBQWdCLENBQUM7NEJBQzlDLEtBQUssRUFBRSxJQUFJO3lCQUNaO3dCQUNEOzRCQUNFLE9BQU8sRUFBRSxTQUFTOzRCQUNsQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxnQkFBZ0IsQ0FBQzt5QkFDL0M7cUJBQ0Y7MEVBSUQsT0FBTztzQkFETixLQUFLO2dCQVNHLE1BQU07c0JBQWQsS0FBSzs7QUFXUixNQVNhLGlCQUFpQjt1R0FBakIsaUJBQWlCO3dHQUFqQixpQkFBaUIsaUJBOUJqQixlQUFlLEVBd0J4QixxQkFBcUI7WUFDckIsdUJBQXVCLGFBR2YsWUFBWSxFQUFFLFNBQVMsRUFBRSxZQUFZLGFBNUJwQyxlQUFlLEVBMkJDLHFCQUFxQixFQUFFLHVCQUF1Qjt3R0FHOUQsaUJBQWlCLFlBRmxCLFlBQVksRUFBRSxTQUFTLEVBQUUsWUFBWTs7U0FFcEMsaUJBQWlCOzJGQUFqQixpQkFBaUI7a0JBVDdCLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFO3dCQUNaLGVBQWU7d0JBQ2YscUJBQXFCO3dCQUNyQix1QkFBdUI7cUJBQ3hCO29CQUNELE9BQU8sRUFBRSxDQUFDLGVBQWUsRUFBRSxxQkFBcUIsRUFBRSx1QkFBdUIsQ0FBQztvQkFDMUUsT0FBTyxFQUFFLENBQUMsWUFBWSxFQUFFLFNBQVMsRUFBRSxZQUFZLENBQUM7aUJBQ2pEIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIGZvcndhcmRSZWYsIElucHV0LCBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBDb2xvcldyYXAsIEh1ZU1vZHVsZSwgU3dhdGNoTW9kdWxlIH0gZnJvbSAnbmd4LWNvbG9yJztcbmltcG9ydCB7IFNsaWRlclN3YXRjaENvbXBvbmVudCB9IGZyb20gJy4vc2xpZGVyLXN3YXRjaC5jb21wb25lbnQnO1xuaW1wb3J0IHsgU2xpZGVyU3dhdGNoZXNDb21wb25lbnQgfSBmcm9tICcuL3NsaWRlci1zd2F0Y2hlcy5jb21wb25lbnQnO1xuaW1wb3J0IHsgTkdfVkFMVUVfQUNDRVNTT1IgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2NvbG9yLXNsaWRlcicsXG4gIHRlbXBsYXRlOiBgXG4gIDxkaXYgY2xhc3M9XCJzbGlkZXItcGlja2VyIHt7IGNsYXNzTmFtZSB9fVwiPlxuICAgIDxkaXYgY2xhc3M9XCJzbGlkZXItaHVlXCI+XG4gICAgICA8Y29sb3ItaHVlXG4gICAgICAgIFtoc2xdPVwiaHNsXCIgW3JhZGl1c109XCJyYWRpdXNcIiBbcG9pbnRlcl09XCJwb2ludGVyXCJcbiAgICAgICAgKG9uQ2hhbmdlKT1cImhhbmRsZVBpY2tlckNoYW5nZSgkZXZlbnQpXCJcbiAgICAgID48L2NvbG9yLWh1ZT5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwic2xpZGVyLXN3YXRjaGVzXCI+XG4gICAgICA8Y29sb3Itc2xpZGVyLXN3YXRjaGVzIFtoc2xdPVwiaHNsXCJcbiAgICAgICAgKG9uQ2xpY2spPVwiaGFuZGxlUGlja2VyQ2hhbmdlKCRldmVudClcIlxuICAgICAgPjwvY29sb3Itc2xpZGVyLXN3YXRjaGVzPlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbiAgYCxcbiAgc3R5bGVzOiBbXG4gICAgYFxuICAgIC5zbGlkZXItaHVlIHtcbiAgICAgIGhlaWdodDogMTJweDtcbiAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICB9XG4gIGAsXG4gIF0sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBwcmVzZXJ2ZVdoaXRlc3BhY2VzOiBmYWxzZSxcbiAgcHJvdmlkZXJzOiBbXG4gICAge1xuICAgICAgcHJvdmlkZTogTkdfVkFMVUVfQUNDRVNTT1IsXG4gICAgICB1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiBTbGlkZXJDb21wb25lbnQpLFxuICAgICAgbXVsdGk6IHRydWUsXG4gICAgfSxcbiAgICB7XG4gICAgICBwcm92aWRlOiBDb2xvcldyYXAsXG4gICAgICB1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiBTbGlkZXJDb21wb25lbnQpLFxuICAgIH0sXG4gIF1cbn0pXG5leHBvcnQgY2xhc3MgU2xpZGVyQ29tcG9uZW50IGV4dGVuZHMgQ29sb3JXcmFwIHtcbiAgQElucHV0KClcbiAgcG9pbnRlcjogUmVjb3JkPHN0cmluZywgc3RyaW5nPiA9IHtcbiAgICB3aWR0aDogJzE0cHgnLFxuICAgIGhlaWdodDogJzE0cHgnLFxuICAgIGJvcmRlclJhZGl1czogJzZweCcsXG4gICAgdHJhbnNmb3JtOiAndHJhbnNsYXRlKC03cHgsIC0ycHgpJyxcbiAgICBiYWNrZ3JvdW5kQ29sb3I6ICdyZ2IoMjQ4LCAyNDgsIDI0OCknLFxuICAgIGJveFNoYWRvdzogJzAgMXB4IDRweCAwIHJnYmEoMCwgMCwgMCwgMC4zNyknLFxuICB9O1xuICBASW5wdXQoKSByYWRpdXMgPSAyO1xuXG4gIGNvbnN0cnVjdG9yKCkge1xuICAgIHN1cGVyKCk7XG4gIH1cblxuICBoYW5kbGVQaWNrZXJDaGFuZ2UoeyBkYXRhLCAkZXZlbnQgfSkge1xuICAgIHRoaXMuaGFuZGxlQ2hhbmdlKGRhdGEsICRldmVudCk7XG4gIH1cbn1cblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbXG4gICAgU2xpZGVyQ29tcG9uZW50LFxuICAgIFNsaWRlclN3YXRjaENvbXBvbmVudCxcbiAgICBTbGlkZXJTd2F0Y2hlc0NvbXBvbmVudCxcbiAgXSxcbiAgZXhwb3J0czogW1NsaWRlckNvbXBvbmVudCwgU2xpZGVyU3dhdGNoQ29tcG9uZW50LCBTbGlkZXJTd2F0Y2hlc0NvbXBvbmVudF0sXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIEh1ZU1vZHVsZSwgU3dhdGNoTW9kdWxlXSxcbn0pXG5leHBvcnQgY2xhc3MgQ29sb3JTbGlkZXJNb2R1bGUge31cbiJdfQ==