ngx-color 8.0.3 → 10.0.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 (200) hide show
  1. package/README.md +2 -3
  2. package/alpha/alpha-picker.component.d.ts +1 -1
  3. package/alpha.component.d.ts +1 -1
  4. package/block/block-swatches.component.d.ts +1 -1
  5. package/block/block.component.d.ts +1 -1
  6. package/checkboard.component.d.ts +1 -1
  7. package/chrome/chrome-fields.component.d.ts +1 -1
  8. package/chrome/chrome.component.d.ts +1 -1
  9. package/circle/circle-swatch.component.d.ts +1 -1
  10. package/circle/circle.component.d.ts +1 -1
  11. package/color-wrap.component.d.ts +1 -1
  12. package/compact/compact-color.component.d.ts +1 -1
  13. package/compact/compact-fields.component.d.ts +1 -1
  14. package/compact/compact.component.d.ts +1 -1
  15. package/coordinates.directive.d.ts +2 -3
  16. package/editable-input.component.d.ts +1 -1
  17. package/{fesm2020 → fesm2022}/ngx-color-alpha.mjs +36 -38
  18. package/fesm2022/ngx-color-alpha.mjs.map +1 -0
  19. package/fesm2022/ngx-color-block.mjs +233 -0
  20. package/fesm2022/ngx-color-block.mjs.map +1 -0
  21. package/fesm2022/ngx-color-chrome.mjs +543 -0
  22. package/fesm2022/ngx-color-chrome.mjs.map +1 -0
  23. package/fesm2022/ngx-color-circle.mjs +223 -0
  24. package/fesm2022/ngx-color-circle.mjs.map +1 -0
  25. package/fesm2022/ngx-color-compact.mjs +403 -0
  26. package/fesm2022/ngx-color-compact.mjs.map +1 -0
  27. package/fesm2022/ngx-color-github.mjs +167 -0
  28. package/fesm2022/ngx-color-github.mjs.map +1 -0
  29. package/fesm2022/ngx-color-hue.mjs +109 -0
  30. package/fesm2022/ngx-color-hue.mjs.map +1 -0
  31. package/fesm2022/ngx-color-material.mjs +209 -0
  32. package/fesm2022/ngx-color-material.mjs.map +1 -0
  33. package/fesm2022/ngx-color-photoshop.mjs +475 -0
  34. package/fesm2022/ngx-color-photoshop.mjs.map +1 -0
  35. package/{fesm2015 → fesm2022}/ngx-color-shade.mjs +41 -35
  36. package/fesm2022/ngx-color-shade.mjs.map +1 -0
  37. package/fesm2022/ngx-color-sketch.mjs +491 -0
  38. package/fesm2022/ngx-color-sketch.mjs.map +1 -0
  39. package/fesm2022/ngx-color-slider.mjs +282 -0
  40. package/fesm2022/ngx-color-slider.mjs.map +1 -0
  41. package/fesm2022/ngx-color-swatches.mjs +293 -0
  42. package/fesm2022/ngx-color-swatches.mjs.map +1 -0
  43. package/fesm2022/ngx-color-twitter.mjs +169 -0
  44. package/fesm2022/ngx-color-twitter.mjs.map +1 -0
  45. package/{fesm2020 → fesm2022}/ngx-color.mjs +348 -264
  46. package/fesm2022/ngx-color.mjs.map +1 -0
  47. package/github/github-swatch.component.d.ts +1 -1
  48. package/github/github.component.d.ts +1 -1
  49. package/hue/hue-picker.component.d.ts +1 -1
  50. package/hue.component.d.ts +1 -1
  51. package/material/material.component.d.ts +1 -1
  52. package/package.json +29 -84
  53. package/photoshop/photoshop-button.component.d.ts +1 -1
  54. package/photoshop/photoshop-fields.component.d.ts +1 -1
  55. package/photoshop/photoshop-previews.component.d.ts +1 -1
  56. package/photoshop/photoshop.component.d.ts +1 -1
  57. package/raised.component.d.ts +2 -2
  58. package/saturation.component.d.ts +1 -1
  59. package/shade/shade-picker.component.d.ts +1 -1
  60. package/shade.component.d.ts +1 -1
  61. package/sketch/sketch-fields.component.d.ts +1 -1
  62. package/sketch/sketch-preset-colors.component.d.ts +1 -1
  63. package/sketch/sketch.component.d.ts +1 -1
  64. package/slider/slider-swatch.component.d.ts +1 -1
  65. package/slider/slider-swatches.component.d.ts +1 -1
  66. package/slider/slider.component.d.ts +1 -1
  67. package/swatch.component.d.ts +1 -1
  68. package/swatches/swatches-color.component.d.ts +1 -1
  69. package/swatches/swatches-group.component.d.ts +1 -1
  70. package/swatches/swatches.component.d.ts +1 -1
  71. package/twitter/twitter.component.d.ts +1 -1
  72. package/esm2020/alpha/alpha-picker.component.mjs +0 -100
  73. package/esm2020/alpha/ngx-color-alpha.mjs +0 -5
  74. package/esm2020/alpha/public_api.mjs +0 -2
  75. package/esm2020/alpha.component.mjs +0 -138
  76. package/esm2020/block/block-swatches.component.mjs +0 -63
  77. package/esm2020/block/block.component.mjs +0 -158
  78. package/esm2020/block/ngx-color-block.mjs +0 -5
  79. package/esm2020/block/public_api.mjs +0 -3
  80. package/esm2020/checkboard.component.mjs +0 -50
  81. package/esm2020/chrome/chrome-fields.component.mjs +0 -314
  82. package/esm2020/chrome/chrome.component.mjs +0 -184
  83. package/esm2020/chrome/ngx-color-chrome.mjs +0 -5
  84. package/esm2020/chrome/public_api.mjs +0 -3
  85. package/esm2020/circle/circle-swatch.component.mjs +0 -69
  86. package/esm2020/circle/circle.component.mjs +0 -134
  87. package/esm2020/circle/ngx-color-circle.mjs +0 -5
  88. package/esm2020/circle/public_api.mjs +0 -3
  89. package/esm2020/color-wrap.component.mjs +0 -163
  90. package/esm2020/compact/compact-color.component.mjs +0 -70
  91. package/esm2020/compact/compact-fields.component.mjs +0 -164
  92. package/esm2020/compact/compact.component.mjs +0 -154
  93. package/esm2020/compact/ngx-color-compact.mjs +0 -5
  94. package/esm2020/compact/public_api.mjs +0 -4
  95. package/esm2020/coordinates.directive.mjs +0 -104
  96. package/esm2020/editable-input.component.mjs +0 -199
  97. package/esm2020/github/github-swatch.component.mjs +0 -53
  98. package/esm2020/github/github.component.mjs +0 -112
  99. package/esm2020/github/ngx-color-github.mjs +0 -5
  100. package/esm2020/github/public_api.mjs +0 -3
  101. package/esm2020/helpers/checkboard.mjs +0 -33
  102. package/esm2020/helpers/color.interfaces.mjs +0 -2
  103. package/esm2020/helpers/color.mjs +0 -60
  104. package/esm2020/hue/hue-picker.component.mjs +0 -100
  105. package/esm2020/hue/ngx-color-hue.mjs +0 -5
  106. package/esm2020/hue/public_api.mjs +0 -2
  107. package/esm2020/hue.component.mjs +0 -124
  108. package/esm2020/material/material.component.mjs +0 -186
  109. package/esm2020/material/ngx-color-material.mjs +0 -5
  110. package/esm2020/material/public_api.mjs +0 -2
  111. package/esm2020/ngx-color.mjs +0 -5
  112. package/esm2020/photoshop/ngx-color-photoshop.mjs +0 -5
  113. package/esm2020/photoshop/photoshop-button.component.mjs +0 -34
  114. package/esm2020/photoshop/photoshop-fields.component.mjs +0 -212
  115. package/esm2020/photoshop/photoshop-previews.component.mjs +0 -40
  116. package/esm2020/photoshop/photoshop.component.mjs +0 -185
  117. package/esm2020/photoshop/public_api.mjs +0 -5
  118. package/esm2020/public_api.mjs +0 -14
  119. package/esm2020/raised.component.mjs +0 -50
  120. package/esm2020/saturation.component.mjs +0 -92
  121. package/esm2020/shade/ngx-color-shade.mjs +0 -5
  122. package/esm2020/shade/public_api.mjs +0 -2
  123. package/esm2020/shade/shade-picker.component.mjs +0 -92
  124. package/esm2020/shade.component.mjs +0 -125
  125. package/esm2020/sketch/ngx-color-sketch.mjs +0 -5
  126. package/esm2020/sketch/public_api.mjs +0 -4
  127. package/esm2020/sketch/sketch-fields.component.mjs +0 -209
  128. package/esm2020/sketch/sketch-preset-colors.component.mjs +0 -68
  129. package/esm2020/sketch/sketch.component.mjs +0 -212
  130. package/esm2020/slider/ngx-color-slider.mjs +0 -5
  131. package/esm2020/slider/public_api.mjs +0 -4
  132. package/esm2020/slider/slider-swatch.component.mjs +0 -52
  133. package/esm2020/slider/slider-swatches.component.mjs +0 -119
  134. package/esm2020/slider/slider.component.mjs +0 -102
  135. package/esm2020/swatch.component.mjs +0 -110
  136. package/esm2020/swatches/ngx-color-swatches.mjs +0 -5
  137. package/esm2020/swatches/public_api.mjs +0 -4
  138. package/esm2020/swatches/swatches-color.component.mjs +0 -104
  139. package/esm2020/swatches/swatches-group.component.mjs +0 -49
  140. package/esm2020/swatches/swatches.component.mjs +0 -242
  141. package/esm2020/twitter/ngx-color-twitter.mjs +0 -5
  142. package/esm2020/twitter/public_api.mjs +0 -2
  143. package/esm2020/twitter/twitter.component.mjs +0 -159
  144. package/fesm2015/ngx-color-alpha.mjs +0 -107
  145. package/fesm2015/ngx-color-alpha.mjs.map +0 -1
  146. package/fesm2015/ngx-color-block.mjs +0 -223
  147. package/fesm2015/ngx-color-block.mjs.map +0 -1
  148. package/fesm2015/ngx-color-chrome.mjs +0 -499
  149. package/fesm2015/ngx-color-chrome.mjs.map +0 -1
  150. package/fesm2015/ngx-color-circle.mjs +0 -207
  151. package/fesm2015/ngx-color-circle.mjs.map +0 -1
  152. package/fesm2015/ngx-color-compact.mjs +0 -385
  153. package/fesm2015/ngx-color-compact.mjs.map +0 -1
  154. package/fesm2015/ngx-color-github.mjs +0 -169
  155. package/fesm2015/ngx-color-github.mjs.map +0 -1
  156. package/fesm2015/ngx-color-hue.mjs +0 -107
  157. package/fesm2015/ngx-color-hue.mjs.map +0 -1
  158. package/fesm2015/ngx-color-material.mjs +0 -193
  159. package/fesm2015/ngx-color-material.mjs.map +0 -1
  160. package/fesm2015/ngx-color-photoshop.mjs +0 -467
  161. package/fesm2015/ngx-color-photoshop.mjs.map +0 -1
  162. package/fesm2015/ngx-color-shade.mjs.map +0 -1
  163. package/fesm2015/ngx-color-sketch.mjs +0 -485
  164. package/fesm2015/ngx-color-sketch.mjs.map +0 -1
  165. package/fesm2015/ngx-color-slider.mjs +0 -273
  166. package/fesm2015/ngx-color-slider.mjs.map +0 -1
  167. package/fesm2015/ngx-color-swatches.mjs +0 -391
  168. package/fesm2015/ngx-color-swatches.mjs.map +0 -1
  169. package/fesm2015/ngx-color-twitter.mjs +0 -166
  170. package/fesm2015/ngx-color-twitter.mjs.map +0 -1
  171. package/fesm2015/ngx-color.mjs +0 -1202
  172. package/fesm2015/ngx-color.mjs.map +0 -1
  173. package/fesm2020/ngx-color-alpha.mjs.map +0 -1
  174. package/fesm2020/ngx-color-block.mjs +0 -223
  175. package/fesm2020/ngx-color-block.mjs.map +0 -1
  176. package/fesm2020/ngx-color-chrome.mjs +0 -499
  177. package/fesm2020/ngx-color-chrome.mjs.map +0 -1
  178. package/fesm2020/ngx-color-circle.mjs +0 -207
  179. package/fesm2020/ngx-color-circle.mjs.map +0 -1
  180. package/fesm2020/ngx-color-compact.mjs +0 -385
  181. package/fesm2020/ngx-color-compact.mjs.map +0 -1
  182. package/fesm2020/ngx-color-github.mjs +0 -169
  183. package/fesm2020/ngx-color-github.mjs.map +0 -1
  184. package/fesm2020/ngx-color-hue.mjs +0 -107
  185. package/fesm2020/ngx-color-hue.mjs.map +0 -1
  186. package/fesm2020/ngx-color-material.mjs +0 -193
  187. package/fesm2020/ngx-color-material.mjs.map +0 -1
  188. package/fesm2020/ngx-color-photoshop.mjs +0 -467
  189. package/fesm2020/ngx-color-photoshop.mjs.map +0 -1
  190. package/fesm2020/ngx-color-shade.mjs +0 -99
  191. package/fesm2020/ngx-color-shade.mjs.map +0 -1
  192. package/fesm2020/ngx-color-sketch.mjs +0 -485
  193. package/fesm2020/ngx-color-sketch.mjs.map +0 -1
  194. package/fesm2020/ngx-color-slider.mjs +0 -273
  195. package/fesm2020/ngx-color-slider.mjs.map +0 -1
  196. package/fesm2020/ngx-color-swatches.mjs +0 -391
  197. package/fesm2020/ngx-color-swatches.mjs.map +0 -1
  198. package/fesm2020/ngx-color-twitter.mjs +0 -166
  199. package/fesm2020/ngx-color-twitter.mjs.map +0 -1
  200. package/fesm2020/ngx-color.mjs.map +0 -1
@@ -1,273 +0,0 @@
1
- import * as i0 from '@angular/core';
2
- import { EventEmitter, Component, ChangeDetectionStrategy, Input, Output, forwardRef, NgModule } from '@angular/core';
3
- import { CommonModule } from '@angular/common';
4
- import * as i1 from 'ngx-color';
5
- import { ColorWrap, HueModule, SwatchModule } from 'ngx-color';
6
- import { NG_VALUE_ACCESSOR } from '@angular/forms';
7
-
8
- class SliderSwatchComponent {
9
- constructor() {
10
- this.first = false;
11
- this.last = false;
12
- this.onClick = new EventEmitter();
13
- }
14
- ngOnChanges() {
15
- this.background = `hsl(${this.hsl.h}, 50%, ${this.offset * 100}%)`;
16
- }
17
- handleClick($event) {
18
- this.onClick.emit({
19
- data: {
20
- h: this.hsl.h,
21
- s: 0.5,
22
- l: this.offset,
23
- source: 'hsl',
24
- },
25
- $event,
26
- });
27
- }
28
- }
29
- SliderSwatchComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SliderSwatchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
30
- SliderSwatchComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", 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: `
31
- <div class="slider-swatch" [style.background]="background"
32
- [class.first]="first" [class.last]="last" [class.active]="active"
33
- (click)="handleClick($event)"
34
- ></div>
35
- `, 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 });
36
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SliderSwatchComponent, decorators: [{
37
- type: Component,
38
- args: [{ selector: 'color-slider-swatch', template: `
39
- <div class="slider-swatch" [style.background]="background"
40
- [class.first]="first" [class.last]="last" [class.active]="active"
41
- (click)="handleClick($event)"
42
- ></div>
43
- `, 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"] }]
44
- }], propDecorators: { hsl: [{
45
- type: Input
46
- }], active: [{
47
- type: Input
48
- }], offset: [{
49
- type: Input
50
- }], first: [{
51
- type: Input
52
- }], last: [{
53
- type: Input
54
- }], onClick: [{
55
- type: Output
56
- }] } });
57
-
58
- class SliderSwatchesComponent {
59
- constructor() {
60
- this.onClick = new EventEmitter();
61
- this.onSwatchHover = new EventEmitter();
62
- }
63
- active(l, s) {
64
- return (Math.round(this.hsl.l * 100) / 100 === l &&
65
- Math.round(this.hsl.s * 100) / 100 === s);
66
- }
67
- handleClick({ data, $event }) {
68
- this.onClick.emit({ data, $event });
69
- }
70
- }
71
- SliderSwatchesComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SliderSwatchesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
72
- SliderSwatchesComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SliderSwatchesComponent, selector: "color-slider-swatches", inputs: { hsl: "hsl" }, outputs: { onClick: "onClick", onSwatchHover: "onSwatchHover" }, ngImport: i0, template: `
73
- <div class="slider-swatches">
74
- <div class="slider-swatch-wrap">
75
- <color-slider-swatch
76
- [hsl]="hsl"
77
- [offset]=".80"
78
- [active]="active(0.80, 0.50)"
79
- (onClick)="handleClick($event)"
80
- [first]="true"
81
- ></color-slider-swatch>
82
- </div>
83
- <div class="slider-swatch-wrap">
84
- <color-slider-swatch
85
- [hsl]="hsl"
86
- [offset]=".65"
87
- [active]="active(0.65, 0.50)"
88
- (onClick)="handleClick($event)"
89
- ></color-slider-swatch>
90
- </div>
91
- <div class="slider-swatch-wrap">
92
- <color-slider-swatch
93
- [hsl]="hsl"
94
- [offset]=".50"
95
- [active]="active(0.50, 0.50)"
96
- (onClick)="handleClick($event)"
97
- ></color-slider-swatch>
98
- </div>
99
- <div class="slider-swatch-wrap">
100
- <color-slider-swatch
101
- [hsl]="hsl"
102
- [offset]=".35"
103
- [active]="active(0.35, 0.50)"
104
- (onClick)="handleClick($event)"
105
- ></color-slider-swatch>
106
- </div>
107
- <div class="slider-swatch-wrap">
108
- <color-slider-swatch
109
- [hsl]="hsl"
110
- [offset]=".20"
111
- [active]="active(0.20, 0.50)"
112
- (onClick)="handleClick($event)"
113
- [last]="true"
114
- ></color-slider-swatch>
115
- </div>
116
- </div>
117
- `, 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: SliderSwatchComponent, selector: "color-slider-swatch", inputs: ["hsl", "active", "offset", "first", "last"], outputs: ["onClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
118
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SliderSwatchesComponent, decorators: [{
119
- type: Component,
120
- args: [{ selector: 'color-slider-swatches', template: `
121
- <div class="slider-swatches">
122
- <div class="slider-swatch-wrap">
123
- <color-slider-swatch
124
- [hsl]="hsl"
125
- [offset]=".80"
126
- [active]="active(0.80, 0.50)"
127
- (onClick)="handleClick($event)"
128
- [first]="true"
129
- ></color-slider-swatch>
130
- </div>
131
- <div class="slider-swatch-wrap">
132
- <color-slider-swatch
133
- [hsl]="hsl"
134
- [offset]=".65"
135
- [active]="active(0.65, 0.50)"
136
- (onClick)="handleClick($event)"
137
- ></color-slider-swatch>
138
- </div>
139
- <div class="slider-swatch-wrap">
140
- <color-slider-swatch
141
- [hsl]="hsl"
142
- [offset]=".50"
143
- [active]="active(0.50, 0.50)"
144
- (onClick)="handleClick($event)"
145
- ></color-slider-swatch>
146
- </div>
147
- <div class="slider-swatch-wrap">
148
- <color-slider-swatch
149
- [hsl]="hsl"
150
- [offset]=".35"
151
- [active]="active(0.35, 0.50)"
152
- (onClick)="handleClick($event)"
153
- ></color-slider-swatch>
154
- </div>
155
- <div class="slider-swatch-wrap">
156
- <color-slider-swatch
157
- [hsl]="hsl"
158
- [offset]=".20"
159
- [active]="active(0.20, 0.50)"
160
- (onClick)="handleClick($event)"
161
- [last]="true"
162
- ></color-slider-swatch>
163
- </div>
164
- </div>
165
- `, 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"] }]
166
- }], propDecorators: { hsl: [{
167
- type: Input
168
- }], onClick: [{
169
- type: Output
170
- }], onSwatchHover: [{
171
- type: Output
172
- }] } });
173
-
174
- class SliderComponent extends ColorWrap {
175
- constructor() {
176
- super();
177
- this.pointer = {
178
- width: '14px',
179
- height: '14px',
180
- borderRadius: '6px',
181
- transform: 'translate(-7px, -2px)',
182
- backgroundColor: 'rgb(248, 248, 248)',
183
- boxShadow: '0 1px 4px 0 rgba(0, 0, 0, 0.37)',
184
- };
185
- this.radius = 2;
186
- }
187
- handlePickerChange({ data, $event }) {
188
- this.handleChange(data, $event);
189
- }
190
- }
191
- SliderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SliderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
192
- SliderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SliderComponent, selector: "color-slider", inputs: { pointer: "pointer", radius: "radius" }, providers: [
193
- {
194
- provide: NG_VALUE_ACCESSOR,
195
- useExisting: forwardRef(() => SliderComponent),
196
- multi: true,
197
- },
198
- {
199
- provide: ColorWrap,
200
- useExisting: forwardRef(() => SliderComponent),
201
- },
202
- ], usesInheritance: true, ngImport: i0, template: `
203
- <div class="slider-picker {{ className }}">
204
- <div class="slider-hue">
205
- <color-hue
206
- [hsl]="hsl" [radius]="radius" [pointer]="pointer"
207
- (onChange)="handlePickerChange($event)"
208
- ></color-hue>
209
- </div>
210
- <div class="slider-swatches">
211
- <color-slider-swatches [hsl]="hsl"
212
- (onClick)="handlePickerChange($event)"
213
- ></color-slider-swatches>
214
- </div>
215
- </div>
216
- `, 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 });
217
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SliderComponent, decorators: [{
218
- type: Component,
219
- args: [{ selector: 'color-slider', template: `
220
- <div class="slider-picker {{ className }}">
221
- <div class="slider-hue">
222
- <color-hue
223
- [hsl]="hsl" [radius]="radius" [pointer]="pointer"
224
- (onChange)="handlePickerChange($event)"
225
- ></color-hue>
226
- </div>
227
- <div class="slider-swatches">
228
- <color-slider-swatches [hsl]="hsl"
229
- (onClick)="handlePickerChange($event)"
230
- ></color-slider-swatches>
231
- </div>
232
- </div>
233
- `, changeDetection: ChangeDetectionStrategy.OnPush, preserveWhitespaces: false, providers: [
234
- {
235
- provide: NG_VALUE_ACCESSOR,
236
- useExisting: forwardRef(() => SliderComponent),
237
- multi: true,
238
- },
239
- {
240
- provide: ColorWrap,
241
- useExisting: forwardRef(() => SliderComponent),
242
- },
243
- ], styles: [".slider-hue{height:12px;position:relative}\n"] }]
244
- }], ctorParameters: function () { return []; }, propDecorators: { pointer: [{
245
- type: Input
246
- }], radius: [{
247
- type: Input
248
- }] } });
249
- class ColorSliderModule {
250
- }
251
- ColorSliderModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: ColorSliderModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
252
- ColorSliderModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.1.2", ngImport: i0, type: ColorSliderModule, declarations: [SliderComponent, SliderSwatchComponent,
253
- SliderSwatchesComponent], imports: [CommonModule, HueModule, SwatchModule], exports: [SliderComponent, SliderSwatchComponent, SliderSwatchesComponent] });
254
- ColorSliderModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: ColorSliderModule, imports: [CommonModule, HueModule, SwatchModule] });
255
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: ColorSliderModule, decorators: [{
256
- type: NgModule,
257
- args: [{
258
- declarations: [
259
- SliderComponent,
260
- SliderSwatchComponent,
261
- SliderSwatchesComponent,
262
- ],
263
- exports: [SliderComponent, SliderSwatchComponent, SliderSwatchesComponent],
264
- imports: [CommonModule, HueModule, SwatchModule],
265
- }]
266
- }] });
267
-
268
- /**
269
- * Generated bundle index. Do not edit.
270
- */
271
-
272
- export { ColorSliderModule, SliderComponent, SliderSwatchComponent, SliderSwatchesComponent };
273
- //# sourceMappingURL=ngx-color-slider.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ngx-color-slider.mjs","sources":["../../src/lib/slider/slider-swatch.component.ts","../../src/lib/slider/slider-swatches.component.ts","../../src/lib/slider/slider.component.ts","../../src/lib/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":["i1.SliderSwatchComponent"],"mappings":"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"}