@haiilo/catalyst-angular 1.3.1 → 2.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 (11) hide show
  1. package/esm2020/lib/catalyst.module.mjs +14 -10
  2. package/esm2020/lib/directives/proxies.mjs +52 -50
  3. package/esm2020/public-api.mjs +5 -4
  4. package/fesm2015/haiilo-catalyst-angular.mjs +149 -142
  5. package/fesm2015/haiilo-catalyst-angular.mjs.map +1 -1
  6. package/fesm2020/haiilo-catalyst-angular.mjs +149 -142
  7. package/fesm2020/haiilo-catalyst-angular.mjs.map +1 -1
  8. package/lib/catalyst.module.d.ts +3 -2
  9. package/lib/directives/proxies.d.ts +26 -26
  10. package/package.json +2 -2
  11. package/public-api.d.ts +4 -3
package/fesm2020/haiilo-catalyst-angular.mjs CHANGED
@@ -1,10 +1,83 @@
1
- import { __decorate } from 'tslib';
2
1
  import * as i0 from '@angular/core';
3
- import { Component, ChangeDetectionStrategy, Directive, HostListener, InjectionToken, NgModule } from '@angular/core';
4
- import { fromEvent } from 'rxjs';
5
- import { CatI18nRegistry, CatIconRegistry } from '@haiilo/catalyst';
2
+ import { Directive, HostListener, Component, ChangeDetectionStrategy, InjectionToken, NgModule } from '@angular/core';
3
+ import { catI18nRegistry, catIconRegistry, catNotificationService } from '@haiilo/catalyst';
4
+ export { catI18nRegistry, catIconRegistry, catNotificationService } from '@haiilo/catalyst';
6
5
  import { defineCustomElements } from '@haiilo/catalyst/loader';
7
6
  import { NG_VALUE_ACCESSOR } from '@angular/forms';
7
+ import { __decorate } from 'tslib';
8
+ import { fromEvent } from 'rxjs';
9
+
10
+ class ValueAccessor {
11
+ constructor(el) {
12
+ this.el = el;
13
+ this.onChange = () => { };
14
+ this.onTouched = () => { };
15
+ }
16
+ writeValue(value) {
17
+ this.el.nativeElement.value = this.lastValue = value == null ? '' : value;
18
+ }
19
+ handleChangeEvent(value) {
20
+ if (value !== this.lastValue) {
21
+ this.lastValue = value;
22
+ this.onChange(value);
23
+ }
24
+ }
25
+ _handleBlurEvent() {
26
+ this.onTouched();
27
+ }
28
+ registerOnChange(fn) {
29
+ this.onChange = fn;
30
+ }
31
+ registerOnTouched(fn) {
32
+ this.onTouched = fn;
33
+ }
34
+ setDisabledState(isDisabled) {
35
+ this.el.nativeElement.disabled = isDisabled;
36
+ }
37
+ }
38
+ ValueAccessor.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ValueAccessor, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
39
+ ValueAccessor.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.11", type: ValueAccessor, host: { listeners: { "focusout": "_handleBlurEvent()" } }, ngImport: i0 });
40
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ValueAccessor, decorators: [{
41
+ type: Directive,
42
+ args: [{}]
43
+ }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { _handleBlurEvent: [{
44
+ type: HostListener,
45
+ args: ['focusout']
46
+ }] } });
47
+
48
+ class BooleanValueAccessor extends ValueAccessor {
49
+ constructor(el) {
50
+ super(el);
51
+ }
52
+ writeValue(value) {
53
+ this.el.nativeElement.checked = this.lastValue = value == null ? false : value;
54
+ }
55
+ }
56
+ BooleanValueAccessor.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: BooleanValueAccessor, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
57
+ BooleanValueAccessor.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.11", type: BooleanValueAccessor, selector: "cat-checkbox, cat-toggle", host: { listeners: { "catChange": "handleChangeEvent($event.target.value)" } }, providers: [
58
+ {
59
+ provide: NG_VALUE_ACCESSOR,
60
+ useExisting: BooleanValueAccessor,
61
+ multi: true
62
+ }
63
+ ], usesInheritance: true, ngImport: i0 });
64
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: BooleanValueAccessor, decorators: [{
65
+ type: Directive,
66
+ args: [{
67
+ /* tslint:disable-next-line:directive-selector */
68
+ selector: 'cat-checkbox, cat-toggle',
69
+ host: {
70
+ '(catChange)': 'handleChangeEvent($event.target.value)'
71
+ },
72
+ providers: [
73
+ {
74
+ provide: NG_VALUE_ACCESSOR,
75
+ useExisting: BooleanValueAccessor,
76
+ multi: true
77
+ }
78
+ ]
79
+ }]
80
+ }], ctorParameters: function () { return [{ type: i0.ElementRef }]; } });
8
81
 
9
82
  /* eslint-disable */
10
83
  const proxyInputs = (Cmp, inputs) => {
@@ -138,11 +211,11 @@ let CatButton = class CatButton {
138
211
  }
139
212
  };
140
213
  CatButton.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CatButton, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
141
- CatButton.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: CatButton, selector: "cat-button", inputs: { a11yLabel: "a11yLabel", active: "active", buttonId: "buttonId", color: "color", disabled: "disabled", icon: "icon", iconOnly: "iconOnly", iconRight: "iconRight", loading: "loading", name: "name", noEllipsis: "noEllipsis", round: "round", size: "size", submit: "submit", url: "url", urlTarget: "urlTarget", value: "value", variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
214
+ CatButton.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: CatButton, selector: "cat-button", inputs: { a11yCurrent: "a11yCurrent", a11yLabel: "a11yLabel", active: "active", buttonId: "buttonId", color: "color", disabled: "disabled", icon: "icon", iconOnly: "iconOnly", iconRight: "iconRight", loading: "loading", name: "name", noEllipsis: "noEllipsis", round: "round", size: "size", submit: "submit", url: "url", urlTarget: "urlTarget", value: "value", variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
142
215
  CatButton = __decorate([
143
216
  ProxyCmp({
144
217
  defineCustomElementFn: undefined,
145
- inputs: ['a11yLabel', 'active', 'buttonId', 'color', 'disabled', 'icon', 'iconOnly', 'iconRight', 'loading', 'name', 'noEllipsis', 'round', 'size', 'submit', 'url', 'urlTarget', 'value', 'variant'],
218
+ inputs: ['a11yCurrent', 'a11yLabel', 'active', 'buttonId', 'color', 'disabled', 'icon', 'iconOnly', 'iconRight', 'loading', 'name', 'noEllipsis', 'round', 'size', 'submit', 'url', 'urlTarget', 'value', 'variant'],
146
219
  methods: ['setFocus']
147
220
  })
148
221
  ], CatButton);
@@ -152,7 +225,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
152
225
  selector: 'cat-button',
153
226
  changeDetection: ChangeDetectionStrategy.OnPush,
154
227
  template: '<ng-content></ng-content>',
155
- inputs: ['a11yLabel', 'active', 'buttonId', 'color', 'disabled', 'icon', 'iconOnly', 'iconRight', 'loading', 'name', 'noEllipsis', 'round', 'size', 'submit', 'url', 'urlTarget', 'value', 'variant']
228
+ inputs: ['a11yCurrent', 'a11yLabel', 'active', 'buttonId', 'color', 'disabled', 'icon', 'iconOnly', 'iconRight', 'loading', 'name', 'noEllipsis', 'round', 'size', 'submit', 'url', 'urlTarget', 'value', 'variant']
156
229
  }]
157
230
  }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
158
231
  let CatCard = class CatCard {
@@ -203,6 +276,32 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
203
276
  inputs: ['checked', 'disabled', 'hint', 'indeterminate', 'label', 'labelHidden', 'labelLeft', 'name', 'required', 'value']
204
277
  }]
205
278
  }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
279
+ let CatDropdown = class CatDropdown {
280
+ constructor(c, r, z) {
281
+ this.z = z;
282
+ c.detach();
283
+ this.el = r.nativeElement;
284
+ proxyOutputs(this, this.el, ['catOpen', 'catClose']);
285
+ }
286
+ };
287
+ CatDropdown.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CatDropdown, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
288
+ CatDropdown.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: CatDropdown, selector: "cat-dropdown", inputs: { noAutoClose: "noAutoClose", overflow: "overflow", placement: "placement" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
289
+ CatDropdown = __decorate([
290
+ ProxyCmp({
291
+ defineCustomElementFn: undefined,
292
+ inputs: ['noAutoClose', 'overflow', 'placement'],
293
+ methods: ['close']
294
+ })
295
+ ], CatDropdown);
296
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CatDropdown, decorators: [{
297
+ type: Component,
298
+ args: [{
299
+ selector: 'cat-dropdown',
300
+ changeDetection: ChangeDetectionStrategy.OnPush,
301
+ template: '<ng-content></ng-content>',
302
+ inputs: ['noAutoClose', 'overflow', 'placement']
303
+ }]
304
+ }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
206
305
  let CatIcon = class CatIcon {
207
306
  constructor(c, r, z) {
208
307
  this.z = z;
@@ -253,55 +352,53 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
253
352
  inputs: ['autoComplete', 'clearable', 'disabled', 'hint', 'icon', 'iconRight', 'label', 'labelHidden', 'max', 'maxLength', 'min', 'minLength', 'name', 'placeholder', 'readonly', 'required', 'round', 'textPrefix', 'textSuffix', 'type', 'value']
254
353
  }]
255
354
  }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
256
- let CatMenu = class CatMenu {
355
+ let CatModal = class CatModal {
257
356
  constructor(c, r, z) {
258
357
  this.z = z;
259
358
  c.detach();
260
359
  this.el = r.nativeElement;
261
- proxyOutputs(this, this.el, ['catOpen', 'catClose']);
262
360
  }
263
361
  };
264
- CatMenu.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CatMenu, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
265
- CatMenu.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: CatMenu, selector: "cat-menu", inputs: { noAutoClose: "noAutoClose", overflow: "overflow", placement: "placement" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
266
- CatMenu = __decorate([
362
+ CatModal.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CatModal, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
363
+ CatModal.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: CatModal, selector: "cat-modal", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
364
+ CatModal = __decorate([
267
365
  ProxyCmp({
268
366
  defineCustomElementFn: undefined,
269
- inputs: ['noAutoClose', 'overflow', 'placement'],
270
- methods: ['close']
367
+ inputs: ['size'],
368
+ methods: ['show']
271
369
  })
272
- ], CatMenu);
273
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CatMenu, decorators: [{
370
+ ], CatModal);
371
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CatModal, decorators: [{
274
372
  type: Component,
275
373
  args: [{
276
- selector: 'cat-menu',
374
+ selector: 'cat-modal',
277
375
  changeDetection: ChangeDetectionStrategy.OnPush,
278
376
  template: '<ng-content></ng-content>',
279
- inputs: ['noAutoClose', 'overflow', 'placement']
377
+ inputs: ['size']
280
378
  }]
281
379
  }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
282
- let CatModal = class CatModal {
380
+ let CatPagination = class CatPagination {
283
381
  constructor(c, r, z) {
284
382
  this.z = z;
285
383
  c.detach();
286
384
  this.el = r.nativeElement;
287
385
  }
288
386
  };
289
- CatModal.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CatModal, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
290
- CatModal.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: CatModal, selector: "cat-modal", inputs: { size: "size" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
291
- CatModal = __decorate([
387
+ CatPagination.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CatPagination, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
388
+ CatPagination.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: CatPagination, selector: "cat-pagination", inputs: { activePadding: "activePadding", compact: "compact", iconNext: "iconNext", iconPrev: "iconPrev", page: "page", pageCount: "pageCount", round: "round", sidePadding: "sidePadding", size: "size", variant: "variant" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
389
+ CatPagination = __decorate([
292
390
  ProxyCmp({
293
391
  defineCustomElementFn: undefined,
294
- inputs: ['size'],
295
- methods: ['show']
392
+ inputs: ['activePadding', 'compact', 'iconNext', 'iconPrev', 'page', 'pageCount', 'round', 'sidePadding', 'size', 'variant']
296
393
  })
297
- ], CatModal);
298
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CatModal, decorators: [{
394
+ ], CatPagination);
395
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CatPagination, decorators: [{
299
396
  type: Component,
300
397
  args: [{
301
- selector: 'cat-modal',
398
+ selector: 'cat-pagination',
302
399
  changeDetection: ChangeDetectionStrategy.OnPush,
303
400
  template: '<ng-content></ng-content>',
304
- inputs: ['size']
401
+ inputs: ['activePadding', 'compact', 'iconNext', 'iconPrev', 'page', 'pageCount', 'round', 'sidePadding', 'size', 'variant']
305
402
  }]
306
403
  }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
307
404
  let CatRadio = class CatRadio {
@@ -551,28 +648,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
551
648
  inputs: ['disabled', 'hint', 'label', 'labelHidden', 'maxLength', 'minLength', 'name', 'placeholder', 'readonly', 'required', 'rows', 'value']
552
649
  }]
553
650
  }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
554
- let CatToastDemo = class CatToastDemo {
555
- constructor(c, r, z) {
556
- this.z = z;
557
- c.detach();
558
- this.el = r.nativeElement;
559
- }
560
- };
561
- CatToastDemo.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CatToastDemo, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
562
- CatToastDemo.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: CatToastDemo, selector: "cat-toast-demo", ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
563
- CatToastDemo = __decorate([
564
- ProxyCmp({
565
- defineCustomElementFn: undefined
566
- })
567
- ], CatToastDemo);
568
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CatToastDemo, decorators: [{
569
- type: Component,
570
- args: [{
571
- selector: 'cat-toast-demo',
572
- changeDetection: ChangeDetectionStrategy.OnPush,
573
- template: '<ng-content></ng-content>'
574
- }]
575
- }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
576
651
  let CatToggle = class CatToggle {
577
652
  constructor(c, r, z) {
578
653
  this.z = z;
@@ -624,69 +699,31 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
624
699
  }]
625
700
  }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.NgZone }]; } });
626
701
 
627
- class ValueAccessor {
628
- constructor(el) {
629
- this.el = el;
630
- this.onChange = () => { };
631
- this.onTouched = () => { };
632
- }
633
- writeValue(value) {
634
- this.el.nativeElement.value = this.lastValue = value == null ? '' : value;
635
- }
636
- handleChangeEvent(value) {
637
- if (value !== this.lastValue) {
638
- this.lastValue = value;
639
- this.onChange(value);
640
- }
641
- }
642
- _handleBlurEvent() {
643
- this.onTouched();
644
- }
645
- registerOnChange(fn) {
646
- this.onChange = fn;
647
- }
648
- registerOnTouched(fn) {
649
- this.onTouched = fn;
650
- }
651
- setDisabledState(isDisabled) {
652
- this.el.nativeElement.disabled = isDisabled;
653
- }
654
- }
655
- ValueAccessor.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ValueAccessor, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
656
- ValueAccessor.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.11", type: ValueAccessor, host: { listeners: { "focusout": "_handleBlurEvent()" } }, ngImport: i0 });
657
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ValueAccessor, decorators: [{
658
- type: Directive,
659
- args: [{}]
660
- }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { _handleBlurEvent: [{
661
- type: HostListener,
662
- args: ['focusout']
663
- }] } });
664
-
665
- class TextValueAccessor extends ValueAccessor {
702
+ class RadioValueAccessor extends ValueAccessor {
666
703
  constructor(el) {
667
704
  super(el);
668
705
  }
669
706
  }
670
- TextValueAccessor.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TextValueAccessor, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
671
- TextValueAccessor.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.11", type: TextValueAccessor, selector: "cat-input, cat-textarea", host: { listeners: { "catChange": "handleChangeEvent($event.target.value)" } }, providers: [
707
+ RadioValueAccessor.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: RadioValueAccessor, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
708
+ RadioValueAccessor.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.11", type: RadioValueAccessor, selector: "cat-radio, cat-radio-group", host: { listeners: { "catChange": "handleChangeEvent($event.target.value)" } }, providers: [
672
709
  {
673
710
  provide: NG_VALUE_ACCESSOR,
674
- useExisting: TextValueAccessor,
711
+ useExisting: RadioValueAccessor,
675
712
  multi: true
676
713
  }
677
714
  ], usesInheritance: true, ngImport: i0 });
678
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TextValueAccessor, decorators: [{
715
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: RadioValueAccessor, decorators: [{
679
716
  type: Directive,
680
717
  args: [{
681
718
  /* tslint:disable-next-line:directive-selector */
682
- selector: 'cat-input, cat-textarea',
719
+ selector: 'cat-radio, cat-radio-group',
683
720
  host: {
684
721
  '(catChange)': 'handleChangeEvent($event.target.value)'
685
722
  },
686
723
  providers: [
687
724
  {
688
725
  provide: NG_VALUE_ACCESSOR,
689
- useExisting: TextValueAccessor,
726
+ useExisting: RadioValueAccessor,
690
727
  multi: true
691
728
  }
692
729
  ]
@@ -724,65 +761,31 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
724
761
  }]
725
762
  }], ctorParameters: function () { return [{ type: i0.ElementRef }]; } });
726
763
 
727
- class RadioValueAccessor extends ValueAccessor {
728
- constructor(el) {
729
- super(el);
730
- }
731
- }
732
- RadioValueAccessor.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: RadioValueAccessor, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
733
- RadioValueAccessor.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.11", type: RadioValueAccessor, selector: "cat-radio, cat-radio-group", host: { listeners: { "catChange": "handleChangeEvent($event.target.value)" } }, providers: [
734
- {
735
- provide: NG_VALUE_ACCESSOR,
736
- useExisting: RadioValueAccessor,
737
- multi: true
738
- }
739
- ], usesInheritance: true, ngImport: i0 });
740
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: RadioValueAccessor, decorators: [{
741
- type: Directive,
742
- args: [{
743
- /* tslint:disable-next-line:directive-selector */
744
- selector: 'cat-radio, cat-radio-group',
745
- host: {
746
- '(catChange)': 'handleChangeEvent($event.target.value)'
747
- },
748
- providers: [
749
- {
750
- provide: NG_VALUE_ACCESSOR,
751
- useExisting: RadioValueAccessor,
752
- multi: true
753
- }
754
- ]
755
- }]
756
- }], ctorParameters: function () { return [{ type: i0.ElementRef }]; } });
757
-
758
- class BooleanValueAccessor extends ValueAccessor {
764
+ class TextValueAccessor extends ValueAccessor {
759
765
  constructor(el) {
760
766
  super(el);
761
767
  }
762
- writeValue(value) {
763
- this.el.nativeElement.checked = this.lastValue = value == null ? false : value;
764
- }
765
768
  }
766
- BooleanValueAccessor.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: BooleanValueAccessor, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
767
- BooleanValueAccessor.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.11", type: BooleanValueAccessor, selector: "cat-checkbox, cat-toggle", host: { listeners: { "catChange": "handleChangeEvent($event.target.value)" } }, providers: [
769
+ TextValueAccessor.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TextValueAccessor, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
770
+ TextValueAccessor.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.11", type: TextValueAccessor, selector: "cat-input, cat-textarea", host: { listeners: { "catChange": "handleChangeEvent($event.target.value)" } }, providers: [
768
771
  {
769
772
  provide: NG_VALUE_ACCESSOR,
770
- useExisting: BooleanValueAccessor,
773
+ useExisting: TextValueAccessor,
771
774
  multi: true
772
775
  }
773
776
  ], usesInheritance: true, ngImport: i0 });
774
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: BooleanValueAccessor, decorators: [{
777
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: TextValueAccessor, decorators: [{
775
778
  type: Directive,
776
779
  args: [{
777
780
  /* tslint:disable-next-line:directive-selector */
778
- selector: 'cat-checkbox, cat-toggle',
781
+ selector: 'cat-input, cat-textarea',
779
782
  host: {
780
783
  '(catChange)': 'handleChangeEvent($event.target.value)'
781
784
  },
782
785
  providers: [
783
786
  {
784
787
  provide: NG_VALUE_ACCESSOR,
785
- useExisting: BooleanValueAccessor,
788
+ useExisting: TextValueAccessor,
786
789
  multi: true
787
790
  }
788
791
  ]
@@ -796,9 +799,9 @@ const CatComponents = [
796
799
  CatButton,
797
800
  CatCard,
798
801
  CatCheckbox,
802
+ CatDropdown,
799
803
  CatIcon,
800
804
  CatInput,
801
- CatMenu,
802
805
  CatModal,
803
806
  CatRadio,
804
807
  CatRadioGroup,
@@ -820,11 +823,15 @@ const CatDirectives = [
820
823
  ];
821
824
  const CAT_I18N_REGISTRY_TOKEN = new InjectionToken('CAT_I18N_REGISTRY', {
822
825
  providedIn: 'root',
823
- factory: () => CatI18nRegistry.getInstance(),
826
+ factory: () => catI18nRegistry,
824
827
  });
825
828
  const CAT_ICON_REGISTRY_TOKEN = new InjectionToken('CAT_ICON_REGISTRY', {
826
829
  providedIn: 'root',
827
- factory: () => CatIconRegistry.getInstance(),
830
+ factory: () => catIconRegistry,
831
+ });
832
+ const CAT_NOTIFICATION_SERVICE_TOKEN = new InjectionToken('CAT_NOTIFICATION_SERVICE', {
833
+ providedIn: 'root',
834
+ factory: () => catNotificationService,
828
835
  });
829
836
  class CatalystModule {
830
837
  static forRoot() {
@@ -835,10 +842,10 @@ class CatalystModule {
835
842
  }
836
843
  }
837
844
  CatalystModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CatalystModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
838
- CatalystModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CatalystModule, declarations: [CatAlert, CatAvatar, CatBadge, CatButton, CatCard, CatCheckbox, CatIcon, CatInput, CatMenu, CatModal, CatRadio, CatRadioGroup, CatScrollable, CatSelect, CatSkeleton, CatSpinner, CatTab, CatTabs, CatTextarea, CatToggle, CatTooltip, TextValueAccessor,
845
+ CatalystModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: CatalystModule, declarations: [CatAlert, CatAvatar, CatBadge, CatButton, CatCard, CatCheckbox, CatDropdown, CatIcon, CatInput, CatModal, CatRadio, CatRadioGroup, CatScrollable, CatSelect, CatSkeleton, CatSpinner, CatTab, CatTabs, CatTextarea, CatToggle, CatTooltip, TextValueAccessor,
839
846
  SelectValueAccessor,
840
847
  RadioValueAccessor,
841
- BooleanValueAccessor], exports: [CatAlert, CatAvatar, CatBadge, CatButton, CatCard, CatCheckbox, CatIcon, CatInput, CatMenu, CatModal, CatRadio, CatRadioGroup, CatScrollable, CatSelect, CatSkeleton, CatSpinner, CatTab, CatTabs, CatTextarea, CatToggle, CatTooltip, TextValueAccessor,
848
+ BooleanValueAccessor], exports: [CatAlert, CatAvatar, CatBadge, CatButton, CatCard, CatCheckbox, CatDropdown, CatIcon, CatInput, CatModal, CatRadio, CatRadioGroup, CatScrollable, CatSelect, CatSkeleton, CatSpinner, CatTab, CatTabs, CatTextarea, CatToggle, CatTooltip, TextValueAccessor,
842
849
  SelectValueAccessor,
843
850
  RadioValueAccessor,
844
851
  BooleanValueAccessor] });
@@ -857,5 +864,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
857
864
  * Generated bundle index. Do not edit.
858
865
  */
859
866
 
860
- export { BooleanValueAccessor, CAT_I18N_REGISTRY_TOKEN, CAT_ICON_REGISTRY_TOKEN, CatAlert, CatAvatar, CatBadge, CatButton, CatCard, CatCheckbox, CatIcon, CatInput, CatMenu, CatModal, CatRadio, CatRadioGroup, CatScrollable, CatSelect, CatSelectDemo, CatSkeleton, CatSpinner, CatTab, CatTabs, CatTextarea, CatToastDemo, CatToggle, CatTooltip, CatalystModule, RadioValueAccessor, SelectValueAccessor, TextValueAccessor, ValueAccessor };
867
+ export { BooleanValueAccessor, CAT_I18N_REGISTRY_TOKEN, CAT_ICON_REGISTRY_TOKEN, CAT_NOTIFICATION_SERVICE_TOKEN, CatAlert, CatAvatar, CatBadge, CatButton, CatCard, CatCheckbox, CatDropdown, CatIcon, CatInput, CatModal, CatPagination, CatRadio, CatRadioGroup, CatScrollable, CatSelect, CatSelectDemo, CatSkeleton, CatSpinner, CatTab, CatTabs, CatTextarea, CatToggle, CatTooltip, CatalystModule, RadioValueAccessor, SelectValueAccessor, TextValueAccessor, ValueAccessor };
861
868
  //# sourceMappingURL=haiilo-catalyst-angular.mjs.map