@pepperi-addons/ngx-lib 0.2.51-beta.8 → 0.2.53

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 (43) hide show
  1. package/bundles/pepperi-addons-ngx-lib-form.umd.js +200 -3315
  2. package/bundles/pepperi-addons-ngx-lib-form.umd.js.map +1 -1
  3. package/bundles/pepperi-addons-ngx-lib-image.umd.js +6 -1
  4. package/bundles/pepperi-addons-ngx-lib-image.umd.js.map +1 -1
  5. package/bundles/pepperi-addons-ngx-lib-slider.umd.js +15 -7
  6. package/bundles/pepperi-addons-ngx-lib-slider.umd.js.map +1 -1
  7. package/bundles/pepperi-addons-ngx-lib.umd.js +5 -1
  8. package/bundles/pepperi-addons-ngx-lib.umd.js.map +1 -1
  9. package/core/common/model/wapi.model.d.ts +2 -0
  10. package/core/customization/customization.model.d.ts +1 -0
  11. package/esm2015/core/common/model/wapi.model.js +1 -1
  12. package/esm2015/core/customization/customization.model.js +5 -1
  13. package/esm2015/form/field-generator.component.js +26 -10
  14. package/esm2015/form/form.component.js +53 -84
  15. package/esm2015/form/internal-carusel.component.js +41 -3149
  16. package/esm2015/form/internal-carusel.service.js +13 -13
  17. package/esm2015/form/internal-page.component.js +7 -7
  18. package/esm2015/image/image.component.js +6 -1
  19. package/esm2015/image/pepperi-addons-ngx-lib-image.js +1 -2
  20. package/esm2015/image/public-api.js +2 -1
  21. package/esm2015/slider/slider.component.js +16 -8
  22. package/fesm2015/pepperi-addons-ngx-lib-form.js +135 -3259
  23. package/fesm2015/pepperi-addons-ngx-lib-form.js.map +1 -1
  24. package/fesm2015/pepperi-addons-ngx-lib-image.js +6 -1
  25. package/fesm2015/pepperi-addons-ngx-lib-image.js.map +1 -1
  26. package/fesm2015/pepperi-addons-ngx-lib-slider.js +15 -7
  27. package/fesm2015/pepperi-addons-ngx-lib-slider.js.map +1 -1
  28. package/fesm2015/pepperi-addons-ngx-lib.js +4 -0
  29. package/fesm2015/pepperi-addons-ngx-lib.js.map +1 -1
  30. package/form/field-generator.component.d.ts +12 -5
  31. package/form/form.component.d.ts +10 -4
  32. package/form/internal-carusel.component.d.ts +6 -2
  33. package/form/internal-carusel.service.d.ts +2 -7
  34. package/form/internal-page.component.d.ts +2 -2
  35. package/form/pepperi-addons-ngx-lib-form.metadata.json +1 -1
  36. package/image/pepperi-addons-ngx-lib-image.d.ts +0 -1
  37. package/image/pepperi-addons-ngx-lib-image.metadata.json +1 -1
  38. package/image/public-api.d.ts +1 -0
  39. package/package.json +1 -1
  40. package/pepperi-addons-ngx-lib.metadata.json +1 -1
  41. package/slider/pepperi-addons-ngx-lib-slider.metadata.json +1 -1
  42. package/slider/slider.component.d.ts +5 -3
  43. package/src/core/style/base/typography.scss +28 -0
@@ -22,13 +22,15 @@ export declare class PepSliderComponent implements OnInit {
22
22
  minValue: number;
23
23
  maxValue: number;
24
24
  private _value;
25
- set value(value: string);
26
- get value(): string;
27
- valueChange: EventEmitter<string>;
25
+ set value(value: number | null);
26
+ get value(): number | null;
27
+ valueChange: EventEmitter<number | null>;
28
+ inputChange: EventEmitter<number | null>;
28
29
  xAlignment: PepHorizontalAlignment;
29
30
  sliderWrapper: any;
30
31
  constructor(renderer: Renderer2, element: ElementRef, pepLayoutService: PepLayoutService);
31
32
  private setBackground;
32
33
  ngOnInit(): void;
33
34
  onValueChange(event: any): void;
35
+ onInputChange(event: any): void;
34
36
  }
@@ -177,32 +177,60 @@ a {
177
177
  .color-user-primary {
178
178
  color: get-pep-color($pepperi-theme, color-user-primary, color-base);
179
179
  }
180
+ .background-color-user-primary {
181
+ background-color: get-pep-color($pepperi-theme, color-user-primary, color-base);
182
+ }
180
183
 
181
184
  .color-user-secondary {
182
185
  color: get-pep-color($pepperi-theme, color-user-secondary, color-base);
183
186
  }
187
+ .background-color-user-secondary {
188
+ background-color: get-pep-color($pepperi-theme, color-user-secondary, color-base);
189
+ }
184
190
 
185
191
  .color-system-primary,
186
192
  .color-main {
187
193
  color: get-pep-color($pepperi-theme, color-text, color-main);
188
194
  }
195
+ .background-color-main {
196
+ background-color: get-pep-color($pepperi-theme, color-text, color-main);
197
+ }
198
+
199
+ .color-invert {
200
+ color: get-pep-color($pepperi-theme, color-text, color-invert);
201
+ }
202
+ .background-color-invert {
203
+ background-color: get-pep-color($pepperi-theme, color-text, color-invert);
204
+ }
189
205
 
190
206
  .color-link {
191
207
  color: get-pep-color($pepperi-theme, color-text, color-link);
192
208
  }
209
+ .background-color-link {
210
+ background-color: get-pep-color($pepperi-theme, color-text, color-link);
211
+ }
193
212
 
194
213
  .red,
195
214
  .color-caution {
196
215
  color: get-pep-color($pepperi-theme, color-text, color-caution);
197
216
  }
217
+ .background-color-caution {
218
+ background-color: get-pep-color($pepperi-theme, color-text, color-caution);
219
+ }
198
220
 
199
221
  .color-success {
200
222
  color: get-pep-color($pepperi-theme, color-text, color-success);
201
223
  }
224
+ .background-color-success {
225
+ background-color: get-pep-color($pepperi-theme, color-text, color-success);
226
+ }
202
227
 
203
228
  .color-dimmed {
204
229
  color: get-pep-color($pepperi-theme, color-text, color-dimmed);
205
230
  }
231
+ .background-color-dimmed {
232
+ background-color: get-pep-color($pepperi-theme, color-text, color-dimmed);
233
+ }
206
234
 
207
235
  a {
208
236
  // &.color-link {