@mgremy/ng-primitives 0.13.0 → 0.14.1

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 (70) hide show
  1. package/_theme/components/accordion/orientation.css +96 -0
  2. package/_theme/components/accordion.css +62 -0
  3. package/_theme/components/button/color.css +169 -0
  4. package/_theme/components/button/size.css +24 -0
  5. package/_theme/components/button.css +42 -0
  6. package/_theme/components/checkbox/color.css +83 -0
  7. package/_theme/components/checkbox/size.css +24 -0
  8. package/_theme/components/checkbox.css +32 -0
  9. package/_theme/components/combobox.css +97 -0
  10. package/_theme/components/dialog/mode.css +50 -0
  11. package/_theme/components/dialog.css +39 -0
  12. package/_theme/components/form-field.css +97 -0
  13. package/_theme/components/input.css +19 -0
  14. package/_theme/components/menu.css +47 -0
  15. package/_theme/components/pagination.css +48 -0
  16. package/_theme/components/switch.css +29 -0
  17. package/_theme/components/toast.css +103 -0
  18. package/_theme/components/tooltip.css +36 -0
  19. package/{theme → _theme}/mgnp.css +1 -0
  20. package/_theme/utilities.css +5 -0
  21. package/fesm2022/mgremy-ng-primitives-accordion.mjs +84 -42
  22. package/fesm2022/mgremy-ng-primitives-accordion.mjs.map +1 -1
  23. package/fesm2022/mgremy-ng-primitives-button.mjs +21 -45
  24. package/fesm2022/mgremy-ng-primitives-button.mjs.map +1 -1
  25. package/fesm2022/mgremy-ng-primitives-checkbox.mjs +51 -13
  26. package/fesm2022/mgremy-ng-primitives-checkbox.mjs.map +1 -1
  27. package/fesm2022/mgremy-ng-primitives-combobox.mjs +120 -58
  28. package/fesm2022/mgremy-ng-primitives-combobox.mjs.map +1 -1
  29. package/fesm2022/mgremy-ng-primitives-dialog.mjs +91 -59
  30. package/fesm2022/mgremy-ng-primitives-dialog.mjs.map +1 -1
  31. package/fesm2022/mgremy-ng-primitives-form-field.mjs +109 -16
  32. package/fesm2022/mgremy-ng-primitives-form-field.mjs.map +1 -1
  33. package/fesm2022/mgremy-ng-primitives-input.mjs +18 -15
  34. package/fesm2022/mgremy-ng-primitives-input.mjs.map +1 -1
  35. package/fesm2022/mgremy-ng-primitives-menu.mjs +217 -29
  36. package/fesm2022/mgremy-ng-primitives-menu.mjs.map +1 -1
  37. package/fesm2022/mgremy-ng-primitives-pagination.mjs +146 -16
  38. package/fesm2022/mgremy-ng-primitives-pagination.mjs.map +1 -1
  39. package/fesm2022/mgremy-ng-primitives-switch.mjs +52 -25
  40. package/fesm2022/mgremy-ng-primitives-switch.mjs.map +1 -1
  41. package/fesm2022/mgremy-ng-primitives-toast.mjs +15 -14
  42. package/fesm2022/mgremy-ng-primitives-toast.mjs.map +1 -1
  43. package/fesm2022/mgremy-ng-primitives-tooltip.mjs +76 -31
  44. package/fesm2022/mgremy-ng-primitives-tooltip.mjs.map +1 -1
  45. package/package.json +7 -5
  46. package/types/mgremy-ng-primitives-accordion.d.ts +19 -11
  47. package/types/mgremy-ng-primitives-button.d.ts +3 -14
  48. package/types/mgremy-ng-primitives-checkbox.d.ts +20 -6
  49. package/types/mgremy-ng-primitives-combobox.d.ts +24 -15
  50. package/types/mgremy-ng-primitives-dialog.d.ts +15 -14
  51. package/types/mgremy-ng-primitives-form-field.d.ts +54 -12
  52. package/types/mgremy-ng-primitives-input.d.ts +11 -6
  53. package/types/mgremy-ng-primitives-menu.d.ts +65 -8
  54. package/types/mgremy-ng-primitives-pagination.d.ts +31 -5
  55. package/types/mgremy-ng-primitives-switch.d.ts +14 -6
  56. package/types/mgremy-ng-primitives-toast.d.ts +2 -4
  57. package/types/mgremy-ng-primitives-tooltip.d.ts +14 -8
  58. package/theme/components/accordion.css +0 -171
  59. package/theme/components/button.css +0 -252
  60. package/theme/components/checkbox.css +0 -37
  61. package/theme/components/combobox.css +0 -124
  62. package/theme/components/dialog.css +0 -101
  63. package/theme/components/form-field.css +0 -78
  64. package/theme/components/input.css +0 -26
  65. package/theme/components/menu.css +0 -61
  66. package/theme/components/pagination.css +0 -72
  67. package/theme/components/switch.css +0 -44
  68. package/theme/components/toast.css +0 -111
  69. package/theme/components/tooltip.css +0 -46
  70. /package/{theme → _theme}/animation.css +0 -0
@@ -1,63 +1,39 @@
1
1
  import * as i0 from '@angular/core';
2
- import { inject, input, Directive } from '@angular/core';
3
- import { NgpAccordionTrigger } from 'ng-primitives/accordion';
4
- import { NgpButton } from 'ng-primitives/button';
5
- import { NgpComboboxButton } from 'ng-primitives/combobox';
6
- import { NgpDialogTrigger } from 'ng-primitives/dialog';
7
- import { NgpMenuTrigger } from 'ng-primitives/menu';
8
- import { NgpTooltipTrigger } from 'ng-primitives/tooltip';
2
+ import { input, Directive } from '@angular/core';
3
+ import * as i1 from 'ng-primitives/button';
4
+ import { injectButtonState, provideButtonState, NgpButton } from 'ng-primitives/button';
9
5
 
10
- const options = [
11
- 'ngpButton',
12
- 'ngpComboboxButton',
13
- 'ngpMenuTrigger',
14
- 'ngpTooltipTrigger',
15
- 'ngpAccordionTrigger',
16
- 'ngpDialogTrigger',
17
- ];
18
- const error = new Error(`MgnpButton must be used with ${options.join(' / ')}`);
19
6
  class MgnpButton {
20
- ngpButton = inject(NgpButton, { optional: true });
21
- ngpComboboxButton = inject(NgpComboboxButton, { optional: true });
22
- ngpMenuTrigger = inject(NgpMenuTrigger, { optional: true });
23
- ngpTooltipTrigger = inject(NgpTooltipTrigger, { optional: true });
24
- ngpAccordionTrigger = inject(NgpAccordionTrigger, { optional: true });
25
- ngpDialogTrigger = inject(NgpDialogTrigger, { optional: true });
7
+ state = injectButtonState();
26
8
  color = input('ui', ...(ngDevMode ? [{ debugName: "color" }] : []));
27
9
  variant = input('solid', ...(ngDevMode ? [{ debugName: "variant" }] : []));
28
10
  size = input('md', ...(ngDevMode ? [{ debugName: "size" }] : []));
29
- constructor() {
30
- if (!this.ngpButton &&
31
- !this.ngpComboboxButton &&
32
- !this.ngpMenuTrigger &&
33
- !this.ngpTooltipTrigger &&
34
- !this.ngpAccordionTrigger &&
35
- !this.ngpDialogTrigger) {
36
- console.error(this);
37
- throw error;
38
- }
39
- }
40
11
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: MgnpButton, deps: [], target: i0.ɵɵFactoryTarget.Directive });
41
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.1", type: MgnpButton, isStandalone: true, selector: "[ngpButton][mgnpButton],\n [ngpComboboxButton][mgnpButton],\n [ngpMenuTrigger][mgnpButton],\n [ngpTooltipTrigger][mgnpButton],\n [ngpAccordionTrigger][mgnpButton],\n [ngpDialogTrigger][mgnpButton]", inputs: { color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-mgnp-component": "mgnp-button" }, properties: { "attr.data-mgnp-size": "size()", "attr.data-mgnp-color": "color()", "attr.data-mgnp-variant": "variant()" } }, ngImport: i0 });
12
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.1", type: MgnpButton, isStandalone: true, selector: "[mgnpButton]", inputs: { color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-mgnp-button": "" }, properties: { "attr.data-mgnp-button-size": "size()", "attr.data-mgnp-button-color": "color()", "attr.data-mgnp-button-variant": "variant()" }, classAttribute: "mgnp-button mgnp-c-button" }, providers: [provideButtonState()], exportAs: ["mgnpButton"], hostDirectives: [{ directive: i1.NgpButton, inputs: ["disabled", "disabled"] }], ngImport: i0 });
42
13
  }
43
14
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: MgnpButton, decorators: [{
44
15
  type: Directive,
45
16
  args: [{
46
- selector: `[ngpButton][mgnpButton],
47
- [ngpComboboxButton][mgnpButton],
48
- [ngpMenuTrigger][mgnpButton],
49
- [ngpTooltipTrigger][mgnpButton],
50
- [ngpAccordionTrigger][mgnpButton],
51
- [ngpDialogTrigger][mgnpButton]`,
17
+ selector: `[mgnpButton]`,
52
18
  standalone: true,
19
+ providers: [provideButtonState()],
53
20
  host: {
54
- 'data-mgnp-component': 'mgnp-button',
55
- '[attr.data-mgnp-size]': 'size()',
56
- '[attr.data-mgnp-color]': 'color()',
57
- '[attr.data-mgnp-variant]': 'variant()',
21
+ class: 'mgnp-button mgnp-c-button',
22
+ 'data-mgnp-button': '',
23
+ '[attr.data-mgnp-button-size]': 'size()',
24
+ '[attr.data-mgnp-button-color]': 'color()',
25
+ '[attr.data-mgnp-button-variant]': 'variant()',
58
26
  },
27
+ hostDirectives: [
28
+ {
29
+ directive: NgpButton,
30
+ inputs: ['disabled:disabled'],
31
+ outputs: [],
32
+ },
33
+ ],
34
+ exportAs: 'mgnpButton',
59
35
  }]
60
- }], ctorParameters: () => [], propDecorators: { color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }] } });
36
+ }], propDecorators: { color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }] } });
61
37
 
62
38
  /**
63
39
  * Generated bundle index. Do not edit.
@@ -1 +1 @@
1
- {"version":3,"file":"mgremy-ng-primitives-button.mjs","sources":["../../../../libs/ng-primitives/button/src/lib/mgnp-button/mgnp-button.directive.ts","../../../../libs/ng-primitives/button/src/mgremy-ng-primitives-button.ts"],"sourcesContent":["import { PropertyType } from '@mgremy/ng-primitives';\n\nimport { Directive, inject, input } from '@angular/core';\nimport { NgpAccordionTrigger } from 'ng-primitives/accordion';\nimport { NgpButton } from 'ng-primitives/button';\nimport { NgpComboboxButton } from 'ng-primitives/combobox';\nimport { NgpDialogTrigger } from 'ng-primitives/dialog';\nimport { NgpMenuTrigger } from 'ng-primitives/menu';\nimport { NgpTooltipTrigger } from 'ng-primitives/tooltip';\n\nconst options = [\n 'ngpButton',\n 'ngpComboboxButton',\n 'ngpMenuTrigger',\n 'ngpTooltipTrigger',\n 'ngpAccordionTrigger',\n 'ngpDialogTrigger',\n];\n\nconst error = new Error(`MgnpButton must be used with ${options.join(' / ')}`);\n\nexport type MgnpButtonColor = PropertyType<\n 'ui' | 'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'danger'\n>;\n\nexport type MgnpButtonVariant = PropertyType<'solid' | 'outline'>;\n\nexport type MgnpButtonSize = PropertyType<'xs' | 'sm' | 'md' | 'lg' | 'xl'>;\n\n@Directive({\n selector: `[ngpButton][mgnpButton],\n [ngpComboboxButton][mgnpButton],\n [ngpMenuTrigger][mgnpButton],\n [ngpTooltipTrigger][mgnpButton],\n [ngpAccordionTrigger][mgnpButton],\n [ngpDialogTrigger][mgnpButton]`,\n standalone: true,\n host: {\n 'data-mgnp-component': 'mgnp-button',\n '[attr.data-mgnp-size]': 'size()',\n '[attr.data-mgnp-color]': 'color()',\n '[attr.data-mgnp-variant]': 'variant()',\n },\n})\nexport class MgnpButton {\n protected readonly ngpButton = inject(NgpButton, { optional: true });\n protected readonly ngpComboboxButton = inject(NgpComboboxButton, { optional: true });\n protected readonly ngpMenuTrigger = inject(NgpMenuTrigger, { optional: true });\n protected readonly ngpTooltipTrigger = inject(NgpTooltipTrigger, { optional: true });\n protected readonly ngpAccordionTrigger = inject(NgpAccordionTrigger, { optional: true });\n protected readonly ngpDialogTrigger = inject(NgpDialogTrigger, { optional: true });\n\n readonly color = input<MgnpButtonColor>('ui');\n readonly variant = input<MgnpButtonVariant>('solid');\n readonly size = input<MgnpButtonSize>('md');\n\n constructor() {\n if (\n !this.ngpButton &&\n !this.ngpComboboxButton &&\n !this.ngpMenuTrigger &&\n !this.ngpTooltipTrigger &&\n !this.ngpAccordionTrigger &&\n !this.ngpDialogTrigger\n ) {\n console.error(this);\n throw error;\n }\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"mgremy-ng-primitives-button.mjs","sources":["../../../../libs/ng-primitives/button/src/lib/mgnp-button/mgnp-button.directive.ts","../../../../libs/ng-primitives/button/src/mgremy-ng-primitives-button.ts"],"sourcesContent":["import { PropertyType } from '@mgremy/ng-primitives';\n\nimport { Directive, input } from '@angular/core';\nimport { injectButtonState, NgpButton, provideButtonState } from 'ng-primitives/button';\n\nexport type MgnpButtonColor = PropertyType<\n 'ui' | 'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'danger'\n>;\n\nexport type MgnpButtonVariant = PropertyType<'solid' | 'outline'>;\n\nexport type MgnpButtonSize = PropertyType<'xs' | 'sm' | 'md' | 'lg' | 'xl'>;\n\n@Directive({\n selector: `[mgnpButton]`,\n standalone: true,\n providers: [provideButtonState()],\n host: {\n class: 'mgnp-button mgnp-c-button',\n 'data-mgnp-button': '',\n '[attr.data-mgnp-button-size]': 'size()',\n '[attr.data-mgnp-button-color]': 'color()',\n '[attr.data-mgnp-button-variant]': 'variant()',\n },\n hostDirectives: [\n {\n directive: NgpButton,\n inputs: ['disabled:disabled'],\n outputs: [],\n },\n ],\n exportAs: 'mgnpButton',\n})\nexport class MgnpButton {\n protected readonly state = injectButtonState();\n\n readonly color = input<MgnpButtonColor>('ui');\n readonly variant = input<MgnpButtonVariant>('solid');\n readonly size = input<MgnpButtonSize>('md');\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;MAiCa,UAAU,CAAA;IACF,KAAK,GAAG,iBAAiB,EAAE;AAErC,IAAA,KAAK,GAAG,KAAK,CAAkB,IAAI,iDAAC;AACpC,IAAA,OAAO,GAAG,KAAK,CAAoB,OAAO,mDAAC;AAC3C,IAAA,IAAI,GAAG,KAAK,CAAiB,IAAI,gDAAC;uGALhC,UAAU,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAV,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAU,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,kBAAA,EAAA,EAAA,EAAA,EAAA,UAAA,EAAA,EAAA,4BAAA,EAAA,QAAA,EAAA,6BAAA,EAAA,SAAA,EAAA,+BAAA,EAAA,WAAA,EAAA,EAAA,cAAA,EAAA,2BAAA,EAAA,EAAA,SAAA,EAjBV,CAAC,kBAAkB,EAAE,CAAC,EAAA,QAAA,EAAA,CAAA,YAAA,CAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAAA,EAAA,CAAA,SAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,UAAA,CAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAiBtB,UAAU,EAAA,UAAA,EAAA,CAAA;kBApBtB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,CAAA,YAAA,CAAc;AACxB,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,SAAS,EAAE,CAAC,kBAAkB,EAAE,CAAC;AACjC,oBAAA,IAAI,EAAE;AACJ,wBAAA,KAAK,EAAE,2BAA2B;AAClC,wBAAA,kBAAkB,EAAE,EAAE;AACtB,wBAAA,8BAA8B,EAAE,QAAQ;AACxC,wBAAA,+BAA+B,EAAE,SAAS;AAC1C,wBAAA,iCAAiC,EAAE,WAAW;AAC/C,qBAAA;AACD,oBAAA,cAAc,EAAE;AACd,wBAAA;AACE,4BAAA,SAAS,EAAE,SAAS;4BACpB,MAAM,EAAE,CAAC,mBAAmB,CAAC;AAC7B,4BAAA,OAAO,EAAE,EAAE;AACZ,yBAAA;AACF,qBAAA;AACD,oBAAA,QAAQ,EAAE,YAAY;AACvB,iBAAA;;;AChCD;;AAEG;;;;"}
@@ -1,30 +1,68 @@
1
1
  import * as i0 from '@angular/core';
2
- import { inject, Directive } from '@angular/core';
3
- import { NgpCheckbox } from 'ng-primitives/checkbox';
2
+ import { input, Directive } from '@angular/core';
3
+ import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
4
+ import * as i1 from 'ng-primitives/checkbox';
5
+ import { injectCheckboxState, provideCheckboxState, NgpCheckbox } from 'ng-primitives/checkbox';
6
+ import { provideValueAccessor } from 'ng-primitives/utils';
4
7
 
5
- const options = ['ngpCheckbox'];
6
- const error = new Error(`MgnpCheckbox must be used with ${options.join(' / ')}`);
7
8
  class MgnpCheckbox {
8
- ngpCheckbox = inject(NgpCheckbox, { optional: true });
9
+ state = injectCheckboxState();
10
+ onChangeFn;
11
+ onTouchedFn;
12
+ color = input('ui', ...(ngDevMode ? [{ debugName: "color" }] : []));
13
+ size = input('md', ...(ngDevMode ? [{ debugName: "size" }] : []));
9
14
  constructor() {
10
- if (!this.ngpCheckbox) {
11
- console.error(this);
12
- throw error;
13
- }
15
+ this.state()
16
+ .checkedChange.pipe(takeUntilDestroyed())
17
+ .subscribe((value) => this.onChangeFn?.(value));
18
+ }
19
+ writeValue(value) {
20
+ this.state().setChecked(value);
21
+ }
22
+ registerOnChange(fn) {
23
+ this.onChangeFn = fn;
24
+ }
25
+ registerOnTouched(fn) {
26
+ this.onTouchedFn = fn;
27
+ }
28
+ setDisabledState(value) {
29
+ this.state().setDisabled(value);
14
30
  }
15
31
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: MgnpCheckbox, deps: [], target: i0.ɵɵFactoryTarget.Directive });
16
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.1", type: MgnpCheckbox, isStandalone: true, selector: "[ngpCheckbox][mgnpCheckbox]", host: { attributes: { "data-mgnp-component": "mgnp-checkbox" } }, ngImport: i0 });
32
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.1", type: MgnpCheckbox, isStandalone: true, selector: "[mgnpCheckbox]", inputs: { color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-mgnp-checkbox": "" }, listeners: { "focusout": "onTouchedFn?.()" }, properties: { "attr.data-mgnp-checkbox-size": "size()", "attr.data-mgnp-checkbox-color": "color()" }, classAttribute: "mgnp-checkbox mgnp-c-checkbox" }, providers: [provideCheckboxState(), provideValueAccessor(MgnpCheckbox)], exportAs: ["mgnpCheckbox"], hostDirectives: [{ directive: i1.NgpCheckbox, inputs: ["ngpCheckboxChecked", "mgnpCheckboxChecked", "ngpCheckboxDefaultChecked", "mgnpCheckboxDefaultChecked", "ngpCheckboxIndeterminate", "mgnpCheckboxIndeterminate", "ngpCheckboxRequired", "mgnpCheckboxRequired", "ngpCheckboxDisabled", "mgnpCheckboxDisabled"], outputs: ["ngpCheckboxCheckedChange", "mgnpCheckboxCheckedChange", "ngpCheckboxIndeterminateChange", "mgnpCheckboxIndeterminateChange"] }], ngImport: i0 });
17
33
  }
18
34
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: MgnpCheckbox, decorators: [{
19
35
  type: Directive,
20
36
  args: [{
21
- selector: `[ngpCheckbox][mgnpCheckbox]`,
37
+ selector: `[mgnpCheckbox]`,
22
38
  standalone: true,
39
+ providers: [provideCheckboxState(), provideValueAccessor(MgnpCheckbox)],
23
40
  host: {
24
- 'data-mgnp-component': 'mgnp-checkbox',
41
+ class: 'mgnp-checkbox mgnp-c-checkbox',
42
+ 'data-mgnp-checkbox': '',
43
+ '[attr.data-mgnp-checkbox-size]': 'size()',
44
+ '[attr.data-mgnp-checkbox-color]': 'color()',
45
+ '(focusout)': 'onTouchedFn?.()',
25
46
  },
47
+ hostDirectives: [
48
+ {
49
+ directive: NgpCheckbox,
50
+ inputs: [
51
+ 'ngpCheckboxChecked:mgnpCheckboxChecked',
52
+ 'ngpCheckboxDefaultChecked:mgnpCheckboxDefaultChecked',
53
+ 'ngpCheckboxIndeterminate:mgnpCheckboxIndeterminate',
54
+ 'ngpCheckboxRequired:mgnpCheckboxRequired',
55
+ 'ngpCheckboxDisabled:mgnpCheckboxDisabled',
56
+ ],
57
+ outputs: [
58
+ 'ngpCheckboxCheckedChange:mgnpCheckboxCheckedChange',
59
+ 'ngpCheckboxIndeterminateChange:mgnpCheckboxIndeterminateChange',
60
+ ],
61
+ },
62
+ ],
63
+ exportAs: 'mgnpCheckbox',
26
64
  }]
27
- }], ctorParameters: () => [] });
65
+ }], ctorParameters: () => [], propDecorators: { color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }] } });
28
66
 
29
67
  /**
30
68
  * Generated bundle index. Do not edit.
@@ -1 +1 @@
1
- {"version":3,"file":"mgremy-ng-primitives-checkbox.mjs","sources":["../../../../libs/ng-primitives/checkbox/src/lib/mgnp-checkbox/mgnp-checkbox.directive.ts","../../../../libs/ng-primitives/checkbox/src/mgremy-ng-primitives-checkbox.ts"],"sourcesContent":["import { Directive, inject } from '@angular/core';\nimport { NgpCheckbox } from 'ng-primitives/checkbox';\n\nconst options = ['ngpCheckbox'];\n\nconst error = new Error(`MgnpCheckbox must be used with ${options.join(' / ')}`);\n\n@Directive({\n selector: `[ngpCheckbox][mgnpCheckbox]`,\n standalone: true,\n host: {\n 'data-mgnp-component': 'mgnp-checkbox',\n },\n})\nexport class MgnpCheckbox {\n protected readonly ngpCheckbox = inject(NgpCheckbox, { optional: true });\n\n constructor() {\n if (!this.ngpCheckbox) {\n console.error(this);\n throw error;\n }\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;AAGA,MAAM,OAAO,GAAG,CAAC,aAAa,CAAC;AAE/B,MAAM,KAAK,GAAG,IAAI,KAAK,CAAC,CAAA,+BAAA,EAAkC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA,CAAE,CAAC;MASnE,YAAY,CAAA;IACJ,WAAW,GAAG,MAAM,CAAC,WAAW,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;AAExE,IAAA,WAAA,GAAA;AACE,QAAA,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE;AACrB,YAAA,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC;AACnB,YAAA,MAAM,KAAK;QACb;IACF;uGARW,YAAY,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAZ,YAAY,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,6BAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,qBAAA,EAAA,eAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAAZ,YAAY,EAAA,UAAA,EAAA,CAAA;kBAPxB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,CAAA,2BAAA,CAA6B;AACvC,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,IAAI,EAAE;AACJ,wBAAA,qBAAqB,EAAE,eAAe;AACvC,qBAAA;AACF,iBAAA;;;ACbD;;AAEG;;;;"}
1
+ {"version":3,"file":"mgremy-ng-primitives-checkbox.mjs","sources":["../../../../libs/ng-primitives/checkbox/src/lib/mgnp-checkbox/mgnp-checkbox.directive.ts","../../../../libs/ng-primitives/checkbox/src/mgremy-ng-primitives-checkbox.ts"],"sourcesContent":["import { PropertyType } from '@mgremy/ng-primitives';\n\nimport { Directive, input } from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { ControlValueAccessor } from '@angular/forms';\nimport { injectCheckboxState, NgpCheckbox, provideCheckboxState } from 'ng-primitives/checkbox';\nimport { ChangeFn, provideValueAccessor, TouchedFn } from 'ng-primitives/utils';\n\nexport type MgnpCheckboxColor = PropertyType<\n 'ui' | 'primary' | 'secondary' | 'info' | 'success' | 'warning' | 'danger'\n>;\n\nexport type MgnpCheckboxSize = PropertyType<'xs' | 'sm' | 'md' | 'lg' | 'xl'>;\n\n@Directive({\n selector: `[mgnpCheckbox]`,\n standalone: true,\n providers: [provideCheckboxState(), provideValueAccessor(MgnpCheckbox)],\n host: {\n class: 'mgnp-checkbox mgnp-c-checkbox',\n 'data-mgnp-checkbox': '',\n '[attr.data-mgnp-checkbox-size]': 'size()',\n '[attr.data-mgnp-checkbox-color]': 'color()',\n '(focusout)': 'onTouchedFn?.()',\n },\n hostDirectives: [\n {\n directive: NgpCheckbox,\n inputs: [\n 'ngpCheckboxChecked:mgnpCheckboxChecked',\n 'ngpCheckboxDefaultChecked:mgnpCheckboxDefaultChecked',\n 'ngpCheckboxIndeterminate:mgnpCheckboxIndeterminate',\n 'ngpCheckboxRequired:mgnpCheckboxRequired',\n 'ngpCheckboxDisabled:mgnpCheckboxDisabled',\n ],\n outputs: [\n 'ngpCheckboxCheckedChange:mgnpCheckboxCheckedChange',\n 'ngpCheckboxIndeterminateChange:mgnpCheckboxIndeterminateChange',\n ],\n },\n ],\n exportAs: 'mgnpCheckbox',\n})\nexport class MgnpCheckbox implements ControlValueAccessor {\n protected readonly state = injectCheckboxState();\n\n protected onChangeFn?: ChangeFn<boolean>;\n protected onTouchedFn?: TouchedFn;\n\n readonly color = input<MgnpCheckboxColor>('ui');\n readonly size = input<MgnpCheckboxSize>('md');\n\n constructor() {\n this.state()\n .checkedChange.pipe(takeUntilDestroyed())\n .subscribe((value) => this.onChangeFn?.(value));\n }\n\n writeValue(value: boolean): void {\n this.state().setChecked(value);\n }\n\n registerOnChange(fn: ChangeFn<boolean>): void {\n this.onChangeFn = fn;\n }\n\n registerOnTouched(fn: TouchedFn): void {\n this.onTouchedFn = fn;\n }\n\n setDisabledState(value: boolean): void {\n this.state().setDisabled(value);\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
@@ -1,112 +1,174 @@
1
1
  import * as i0 from '@angular/core';
2
- import { inject, Directive } from '@angular/core';
3
- import { NgpCombobox, NgpComboboxDropdown, NgpComboboxInput, NgpComboboxOption } from 'ng-primitives/combobox';
2
+ import { Directive } from '@angular/core';
3
+ import * as i1 from 'ng-primitives/combobox';
4
+ import { injectComboboxState, provideComboboxState, NgpCombobox, NgpComboboxButton, NgpComboboxDropdown, NgpComboboxInput, NgpComboboxOption } from 'ng-primitives/combobox';
5
+ import { provideValueAccessor } from 'ng-primitives/utils';
4
6
 
5
- const options$3 = ['ngpCombobox'];
6
- const error$3 = new Error(`MgnpCombobox must be used with ${options$3.join(' / ')}`);
7
7
  class MgnpCombobox {
8
- ngpCombobox = inject(NgpCombobox, { optional: true });
8
+ state = injectComboboxState();
9
+ onChangeFn;
10
+ onTouchedFn;
9
11
  constructor() {
10
- if (!this.ngpCombobox) {
11
- console.error(this);
12
- throw error$3;
13
- }
12
+ this.state()
13
+ .valueChange // TODO : pipe(takeUntilDestroyed())
14
+ .subscribe((value) => this.onChangeFn?.(value));
15
+ }
16
+ writeValue(value) {
17
+ this.state().value.set(value);
18
+ }
19
+ registerOnChange(fn) {
20
+ this.onChangeFn = fn;
21
+ }
22
+ registerOnTouched(fn) {
23
+ this.onTouchedFn = fn;
24
+ }
25
+ setDisabledState(value) {
26
+ this.state().disabled.set(value);
14
27
  }
15
28
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: MgnpCombobox, deps: [], target: i0.ɵɵFactoryTarget.Directive });
16
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.1", type: MgnpCombobox, isStandalone: true, selector: "[ngpCombobox][mgnpCombobox]", host: { attributes: { "data-mgnp-component": "mgnp-combobox" } }, ngImport: i0 });
29
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.1", type: MgnpCombobox, isStandalone: true, selector: "[mgnpCombobox]", host: { attributes: { "data-mgnp-combobox": "" }, listeners: { "focusout": "onTouchedFn?.()" }, classAttribute: "mgnp-combobox mgnp-c-combobox" }, providers: [provideComboboxState(), provideValueAccessor(MgnpCombobox)], exportAs: ["mgnpCombobox"], hostDirectives: [{ directive: i1.NgpCombobox, inputs: ["ngpComboboxValue", "mgnpComboboxValue", "ngpComboboxMultiple", "mgnpComboboxMultiple", "ngpComboboxDisabled", "mgnpComboboxDisabled", "ngpComboboxAllowDeselect", "mgnpComboboxAllowDeselect", "ngpComboboxCompareWith", "mgnpComboboxCompareWith", "ngpComboboxDropdownPlacement", "mgnpComboboxDropdownPlacement", "ngpComboboxDropdownContainer", "mgnpComboboxDropdownContainer", "ngpComboboxDropdownFlip", "mgnpComboboxDropdownFlip", "ngpComboboxDropdownOffset", "mgnpComboboxDropdownOffset", "ngpComboboxScrollToOption", "mgnpComboboxScrollToOption", "ngpComboboxOptions", "mgnpComboboxOptions"], outputs: ["ngpComboboxValueChange", "mgnpComboboxValueChange", "ngpComboboxOpenChange", "mgnpComboboxOpenChange"] }], ngImport: i0 });
17
30
  }
18
31
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: MgnpCombobox, decorators: [{
19
32
  type: Directive,
20
33
  args: [{
21
- selector: '[ngpCombobox][mgnpCombobox]',
34
+ selector: '[mgnpCombobox]',
22
35
  standalone: true,
36
+ providers: [provideComboboxState(), provideValueAccessor(MgnpCombobox)],
23
37
  host: {
24
- 'data-mgnp-component': 'mgnp-combobox',
38
+ class: 'mgnp-combobox mgnp-c-combobox',
39
+ 'data-mgnp-combobox': '',
40
+ '(focusout)': 'onTouchedFn?.()',
25
41
  },
42
+ hostDirectives: [
43
+ {
44
+ directive: NgpCombobox,
45
+ inputs: [
46
+ 'ngpComboboxValue:mgnpComboboxValue',
47
+ 'ngpComboboxMultiple:mgnpComboboxMultiple',
48
+ 'ngpComboboxDisabled:mgnpComboboxDisabled',
49
+ 'ngpComboboxAllowDeselect:mgnpComboboxAllowDeselect',
50
+ 'ngpComboboxCompareWith:mgnpComboboxCompareWith',
51
+ 'ngpComboboxDropdownPlacement:mgnpComboboxDropdownPlacement',
52
+ 'ngpComboboxDropdownContainer:mgnpComboboxDropdownContainer',
53
+ 'ngpComboboxDropdownFlip:mgnpComboboxDropdownFlip',
54
+ 'ngpComboboxDropdownOffset:mgnpComboboxDropdownOffset',
55
+ 'ngpComboboxScrollToOption:mgnpComboboxScrollToOption',
56
+ 'ngpComboboxOptions:mgnpComboboxOptions',
57
+ ],
58
+ outputs: [
59
+ 'ngpComboboxValueChange:mgnpComboboxValueChange',
60
+ 'ngpComboboxOpenChange:mgnpComboboxOpenChange',
61
+ ],
62
+ },
63
+ ],
64
+ exportAs: 'mgnpCombobox',
26
65
  }]
27
66
  }], ctorParameters: () => [] });
28
67
 
29
- const options$2 = ['ngpComboboxDroprown'];
30
- const error$2 = new Error(`MgnpComboboxDropdown must be used with ${options$2.join(' / ')}`);
68
+ class MgnpComboboxButton {
69
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: MgnpComboboxButton, deps: [], target: i0.ɵɵFactoryTarget.Directive });
70
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.1", type: MgnpComboboxButton, isStandalone: true, selector: "[mgnpComboboxButton]", host: { attributes: { "data-mgnp-combobox-button": "" }, classAttribute: "mgnp-combobox-button mgnp-c-combobox-button" }, providers: [], exportAs: ["mgnpComboboxButton"], hostDirectives: [{ directive: i1.NgpComboboxButton }], ngImport: i0 });
71
+ }
72
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: MgnpComboboxButton, decorators: [{
73
+ type: Directive,
74
+ args: [{
75
+ selector: '[mgnpComboboxButton]',
76
+ standalone: true,
77
+ providers: [],
78
+ host: {
79
+ 'class': 'mgnp-combobox-button mgnp-c-combobox-button',
80
+ 'data-mgnp-combobox-button': '',
81
+ },
82
+ hostDirectives: [
83
+ {
84
+ directive: NgpComboboxButton,
85
+ inputs: [],
86
+ outputs: [],
87
+ },
88
+ ],
89
+ exportAs: 'mgnpComboboxButton',
90
+ }]
91
+ }] });
92
+
31
93
  class MgnpComboboxDropdown {
32
- ngpComboboxDropdown = inject(NgpComboboxDropdown, {
33
- optional: true,
34
- });
35
- constructor() {
36
- if (!this.ngpComboboxDropdown) {
37
- console.error(this);
38
- throw error$2;
39
- }
40
- }
41
94
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: MgnpComboboxDropdown, deps: [], target: i0.ɵɵFactoryTarget.Directive });
42
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.1", type: MgnpComboboxDropdown, isStandalone: true, selector: "[ngpComboboxDropdown][mgnpComboboxDropdown]", host: { attributes: { "data-mgnp-component": "mgnp-combobox-dropdown" } }, ngImport: i0 });
95
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.1", type: MgnpComboboxDropdown, isStandalone: true, selector: "[mgnpComboboxDropdown]", host: { attributes: { "data-mgnp-combobox-dropdown": "" }, classAttribute: "mgnp-combobox-dropdown mgnp-c-combobox-dropdown" }, exportAs: ["mgnpComboboxDropdown"], hostDirectives: [{ directive: i1.NgpComboboxDropdown }], ngImport: i0 });
43
96
  }
44
97
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: MgnpComboboxDropdown, decorators: [{
45
98
  type: Directive,
46
99
  args: [{
47
- selector: '[ngpComboboxDropdown][mgnpComboboxDropdown]',
100
+ selector: '[mgnpComboboxDropdown]',
48
101
  standalone: true,
49
102
  host: {
50
- 'data-mgnp-component': 'mgnp-combobox-dropdown',
103
+ class: 'mgnp-combobox-dropdown mgnp-c-combobox-dropdown',
104
+ 'data-mgnp-combobox-dropdown': '',
51
105
  },
106
+ hostDirectives: [
107
+ {
108
+ directive: NgpComboboxDropdown,
109
+ inputs: [],
110
+ outputs: [],
111
+ },
112
+ ],
113
+ exportAs: 'mgnpComboboxDropdown',
52
114
  }]
53
- }], ctorParameters: () => [] });
115
+ }] });
54
116
 
55
- const options$1 = ['ngpComboboxInput'];
56
- const error$1 = new Error(`MgnpComboboxInput must be used with ${options$1.join(' / ')}`);
57
117
  class MgnpComboboxInput {
58
- ngpComboboxInput = inject(NgpComboboxInput, {
59
- optional: true,
60
- });
61
- constructor() {
62
- if (!this.ngpComboboxInput) {
63
- console.error(this);
64
- throw error$1;
65
- }
66
- }
67
118
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: MgnpComboboxInput, deps: [], target: i0.ɵɵFactoryTarget.Directive });
68
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.1", type: MgnpComboboxInput, isStandalone: true, selector: "[ngpComboboxInput][mgnpComboboxInput]", host: { attributes: { "data-mgnp-component": "mgnp-combobox-input" } }, ngImport: i0 });
119
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.1", type: MgnpComboboxInput, isStandalone: true, selector: "[mgnpComboboxInput]", host: { attributes: { "data-mgnp-combobox-input": "" }, classAttribute: "mgnp-combobox-input mgnp-c-combobox-input" }, exportAs: ["mgnpComboboxInput"], hostDirectives: [{ directive: i1.NgpComboboxInput }], ngImport: i0 });
69
120
  }
70
121
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: MgnpComboboxInput, decorators: [{
71
122
  type: Directive,
72
123
  args: [{
73
- selector: '[ngpComboboxInput][mgnpComboboxInput]',
124
+ selector: '[mgnpComboboxInput]',
74
125
  standalone: true,
75
126
  host: {
76
- 'data-mgnp-component': 'mgnp-combobox-input',
127
+ class: 'mgnp-combobox-input mgnp-c-combobox-input',
128
+ 'data-mgnp-combobox-input': '',
77
129
  },
130
+ hostDirectives: [
131
+ {
132
+ directive: NgpComboboxInput,
133
+ inputs: [],
134
+ outputs: [],
135
+ },
136
+ ],
137
+ exportAs: 'mgnpComboboxInput',
78
138
  }]
79
- }], ctorParameters: () => [] });
139
+ }] });
80
140
 
81
- const options = ['ngpComboboxOption'];
82
- const error = new Error(`MgnpComboboxOption must be used with ${options.join(' / ')}`);
83
141
  class MgnpComboboxOption {
84
- ngpComboboxOption = inject(NgpComboboxOption, {
85
- optional: true,
86
- });
87
- constructor() {
88
- if (!this.ngpComboboxOption) {
89
- console.error(this);
90
- throw error;
91
- }
92
- }
93
142
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: MgnpComboboxOption, deps: [], target: i0.ɵɵFactoryTarget.Directive });
94
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.1", type: MgnpComboboxOption, isStandalone: true, selector: "[ngpComboboxOption][mgnpComboboxOption]", host: { attributes: { "data-mgnp-component": "mgnp-combobox-option" } }, ngImport: i0 });
143
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.1", type: MgnpComboboxOption, isStandalone: true, selector: "[mgnpComboboxOption]", host: { attributes: { "data-mgnp-combobox-option": "" }, classAttribute: "mgnp-combobox-option mgnp-c-combobox-option" }, exportAs: ["mgnpComboboxOption"], hostDirectives: [{ directive: i1.NgpComboboxOption, inputs: ["ngpComboboxOptionValue", "mgnpComboboxOptionValue", "ngpComboboxOptionDisabled", "mgnpComboboxOptionDisabled", "ngpComboboxOptionIndex", "mgnpComboboxOptionIndex"], outputs: ["ngpComboboxOptionActivated", "mgnpComboboxOptionActivated"] }], ngImport: i0 });
95
144
  }
96
145
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: MgnpComboboxOption, decorators: [{
97
146
  type: Directive,
98
147
  args: [{
99
- selector: '[ngpComboboxOption][mgnpComboboxOption]',
148
+ selector: '[mgnpComboboxOption]',
100
149
  standalone: true,
101
150
  host: {
102
- 'data-mgnp-component': 'mgnp-combobox-option',
151
+ class: 'mgnp-combobox-option mgnp-c-combobox-option',
152
+ 'data-mgnp-combobox-option': '',
103
153
  },
154
+ hostDirectives: [
155
+ {
156
+ directive: NgpComboboxOption,
157
+ inputs: [
158
+ 'ngpComboboxOptionValue:mgnpComboboxOptionValue',
159
+ 'ngpComboboxOptionDisabled:mgnpComboboxOptionDisabled',
160
+ 'ngpComboboxOptionIndex:mgnpComboboxOptionIndex',
161
+ ],
162
+ outputs: ['ngpComboboxOptionActivated:mgnpComboboxOptionActivated'],
163
+ },
164
+ ],
165
+ exportAs: 'mgnpComboboxOption',
104
166
  }]
105
- }], ctorParameters: () => [] });
167
+ }] });
106
168
 
107
169
  /**
108
170
  * Generated bundle index. Do not edit.
109
171
  */
110
172
 
111
- export { MgnpCombobox, MgnpComboboxDropdown, MgnpComboboxInput, MgnpComboboxOption };
173
+ export { MgnpCombobox, MgnpComboboxButton, MgnpComboboxDropdown, MgnpComboboxInput, MgnpComboboxOption };
112
174
  //# sourceMappingURL=mgremy-ng-primitives-combobox.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"mgremy-ng-primitives-combobox.mjs","sources":["../../../../libs/ng-primitives/combobox/src/lib/mgnp-combobox/mgnp-combobox.directive.ts","../../../../libs/ng-primitives/combobox/src/lib/mgnp-combobox-dropdown/mgnp-combobox-dropdown.directive.ts","../../../../libs/ng-primitives/combobox/src/lib/mgnp-combobox-input/mgnp-combobox-input.directive.ts","../../../../libs/ng-primitives/combobox/src/lib/mgnp-combobox-option/mgnp-combobox-option.directive.ts","../../../../libs/ng-primitives/combobox/src/mgremy-ng-primitives-combobox.ts"],"sourcesContent":["import { Directive, inject } from '@angular/core';\nimport { NgpCombobox } from 'ng-primitives/combobox';\n\nconst options = ['ngpCombobox'];\n\nconst error = new Error(`MgnpCombobox must be used with ${options.join(' / ')}`);\n\n@Directive({\n selector: '[ngpCombobox][mgnpCombobox]',\n standalone: true,\n host: {\n 'data-mgnp-component': 'mgnp-combobox',\n },\n})\nexport class MgnpCombobox {\n protected readonly ngpCombobox = inject(NgpCombobox, { optional: true });\n\n constructor() {\n if (!this.ngpCombobox) {\n console.error(this);\n throw error;\n }\n }\n}\n","import { Directive, inject } from '@angular/core';\nimport { NgpComboboxDropdown } from 'ng-primitives/combobox';\n\nconst options = ['ngpComboboxDroprown'];\n\nconst error = new Error(`MgnpComboboxDropdown must be used with ${options.join(' / ')}`);\n\n@Directive({\n selector: '[ngpComboboxDropdown][mgnpComboboxDropdown]',\n standalone: true,\n host: {\n 'data-mgnp-component': 'mgnp-combobox-dropdown',\n },\n})\nexport class MgnpComboboxDropdown {\n protected readonly ngpComboboxDropdown = inject(NgpComboboxDropdown, {\n optional: true,\n });\n\n constructor() {\n if (!this.ngpComboboxDropdown) {\n console.error(this);\n throw error;\n }\n }\n}\n","import { Directive, inject } from '@angular/core';\nimport { NgpComboboxInput } from 'ng-primitives/combobox';\n\nconst options = ['ngpComboboxInput'];\n\nconst error = new Error(`MgnpComboboxInput must be used with ${options.join(' / ')}`);\n\n@Directive({\n selector: '[ngpComboboxInput][mgnpComboboxInput]',\n standalone: true,\n host: {\n 'data-mgnp-component': 'mgnp-combobox-input',\n },\n})\nexport class MgnpComboboxInput {\n protected readonly ngpComboboxInput = inject(NgpComboboxInput, {\n optional: true,\n });\n\n constructor() {\n if (!this.ngpComboboxInput) {\n console.error(this);\n throw error;\n }\n }\n}\n","import { Directive, inject } from '@angular/core';\nimport { NgpComboboxOption } from 'ng-primitives/combobox';\n\nconst options = ['ngpComboboxOption'];\n\nconst error = new Error(`MgnpComboboxOption must be used with ${options.join(' / ')}`);\n\n@Directive({\n selector: '[ngpComboboxOption][mgnpComboboxOption]',\n standalone: true,\n host: {\n 'data-mgnp-component': 'mgnp-combobox-option',\n },\n})\nexport class MgnpComboboxOption {\n protected readonly ngpComboboxOption = inject(NgpComboboxOption, {\n optional: true,\n });\n\n constructor() {\n if (!this.ngpComboboxOption) {\n console.error(this);\n throw error;\n }\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["options","error"],"mappings":";;;;AAGA,MAAMA,SAAO,GAAG,CAAC,aAAa,CAAC;AAE/B,MAAMC,OAAK,GAAG,IAAI,KAAK,CAAC,CAAA,+BAAA,EAAkCD,SAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA,CAAE,CAAC;MASnE,YAAY,CAAA;IACJ,WAAW,GAAG,MAAM,CAAC,WAAW,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;AAExE,IAAA,WAAA,GAAA;AACE,QAAA,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE;AACrB,YAAA,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC;AACnB,YAAA,MAAMC,OAAK;QACb;IACF;uGARW,YAAY,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAZ,YAAY,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,6BAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,qBAAA,EAAA,eAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAAZ,YAAY,EAAA,UAAA,EAAA,CAAA;kBAPxB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,6BAA6B;AACvC,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,IAAI,EAAE;AACJ,wBAAA,qBAAqB,EAAE,eAAe;AACvC,qBAAA;AACF,iBAAA;;;ACVD,MAAMD,SAAO,GAAG,CAAC,qBAAqB,CAAC;AAEvC,MAAMC,OAAK,GAAG,IAAI,KAAK,CAAC,CAAA,uCAAA,EAA0CD,SAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA,CAAE,CAAC;MAS3E,oBAAoB,CAAA;AACZ,IAAA,mBAAmB,GAAG,MAAM,CAAC,mBAAmB,EAAE;AACnE,QAAA,QAAQ,EAAE,IAAI;AACf,KAAA,CAAC;AAEF,IAAA,WAAA,GAAA;AACE,QAAA,IAAI,CAAC,IAAI,CAAC,mBAAmB,EAAE;AAC7B,YAAA,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC;AACnB,YAAA,MAAMC,OAAK;QACb;IACF;uGAVW,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAApB,oBAAoB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,6CAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,qBAAA,EAAA,wBAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAApB,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAPhC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,6CAA6C;AACvD,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,IAAI,EAAE;AACJ,wBAAA,qBAAqB,EAAE,wBAAwB;AAChD,qBAAA;AACF,iBAAA;;;ACVD,MAAMD,SAAO,GAAG,CAAC,kBAAkB,CAAC;AAEpC,MAAMC,OAAK,GAAG,IAAI,KAAK,CAAC,CAAA,oCAAA,EAAuCD,SAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA,CAAE,CAAC;MASxE,iBAAiB,CAAA;AACT,IAAA,gBAAgB,GAAG,MAAM,CAAC,gBAAgB,EAAE;AAC7D,QAAA,QAAQ,EAAE,IAAI;AACf,KAAA,CAAC;AAEF,IAAA,WAAA,GAAA;AACE,QAAA,IAAI,CAAC,IAAI,CAAC,gBAAgB,EAAE;AAC1B,YAAA,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC;AACnB,YAAA,MAAMC,OAAK;QACb;IACF;uGAVW,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAjB,iBAAiB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,uCAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,qBAAA,EAAA,qBAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAAjB,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAP7B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,uCAAuC;AACjD,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,IAAI,EAAE;AACJ,wBAAA,qBAAqB,EAAE,qBAAqB;AAC7C,qBAAA;AACF,iBAAA;;;ACVD,MAAM,OAAO,GAAG,CAAC,mBAAmB,CAAC;AAErC,MAAM,KAAK,GAAG,IAAI,KAAK,CAAC,CAAA,qCAAA,EAAwC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA,CAAE,CAAC;MASzE,kBAAkB,CAAA;AACV,IAAA,iBAAiB,GAAG,MAAM,CAAC,iBAAiB,EAAE;AAC/D,QAAA,QAAQ,EAAE,IAAI;AACf,KAAA,CAAC;AAEF,IAAA,WAAA,GAAA;AACE,QAAA,IAAI,CAAC,IAAI,CAAC,iBAAiB,EAAE;AAC3B,YAAA,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC;AACnB,YAAA,MAAM,KAAK;QACb;IACF;uGAVW,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAlB,kBAAkB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,yCAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,qBAAA,EAAA,sBAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAAlB,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAP9B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,yCAAyC;AACnD,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,IAAI,EAAE;AACJ,wBAAA,qBAAqB,EAAE,sBAAsB;AAC9C,qBAAA;AACF,iBAAA;;;ACbD;;AAEG;;;;"}
1
+ {"version":3,"file":"mgremy-ng-primitives-combobox.mjs","sources":["../../../../libs/ng-primitives/combobox/src/lib/mgnp-combobox/mgnp-combobox.directive.ts","../../../../libs/ng-primitives/combobox/src/lib/mgnp-combobox-button/mgnp-combobox-button.directive.ts","../../../../libs/ng-primitives/combobox/src/lib/mgnp-combobox-dropdown/mgnp-combobox-dropdown.directive.ts","../../../../libs/ng-primitives/combobox/src/lib/mgnp-combobox-input/mgnp-combobox-input.directive.ts","../../../../libs/ng-primitives/combobox/src/lib/mgnp-combobox-option/mgnp-combobox-option.directive.ts","../../../../libs/ng-primitives/combobox/src/mgremy-ng-primitives-combobox.ts"],"sourcesContent":["import { Directive } from '@angular/core';\nimport { ControlValueAccessor } from '@angular/forms';\nimport { injectComboboxState, NgpCombobox, provideComboboxState } from 'ng-primitives/combobox';\nimport { ChangeFn, provideValueAccessor, TouchedFn } from 'ng-primitives/utils';\n\n@Directive({\n selector: '[mgnpCombobox]',\n standalone: true,\n providers: [provideComboboxState(), provideValueAccessor(MgnpCombobox)],\n host: {\n class: 'mgnp-combobox mgnp-c-combobox',\n 'data-mgnp-combobox': '',\n '(focusout)': 'onTouchedFn?.()',\n },\n hostDirectives: [\n {\n directive: NgpCombobox,\n inputs: [\n 'ngpComboboxValue:mgnpComboboxValue',\n 'ngpComboboxMultiple:mgnpComboboxMultiple',\n 'ngpComboboxDisabled:mgnpComboboxDisabled',\n 'ngpComboboxAllowDeselect:mgnpComboboxAllowDeselect',\n 'ngpComboboxCompareWith:mgnpComboboxCompareWith',\n 'ngpComboboxDropdownPlacement:mgnpComboboxDropdownPlacement',\n 'ngpComboboxDropdownContainer:mgnpComboboxDropdownContainer',\n 'ngpComboboxDropdownFlip:mgnpComboboxDropdownFlip',\n 'ngpComboboxDropdownOffset:mgnpComboboxDropdownOffset',\n 'ngpComboboxScrollToOption:mgnpComboboxScrollToOption',\n 'ngpComboboxOptions:mgnpComboboxOptions',\n ],\n outputs: [\n 'ngpComboboxValueChange:mgnpComboboxValueChange',\n 'ngpComboboxOpenChange:mgnpComboboxOpenChange',\n ],\n },\n ],\n exportAs: 'mgnpCombobox',\n})\nexport class MgnpCombobox<T> implements ControlValueAccessor {\n protected readonly state = injectComboboxState();\n\n protected onChangeFn?: ChangeFn<T>;\n protected onTouchedFn?: TouchedFn;\n\n constructor() {\n this.state()\n .valueChange // TODO : pipe(takeUntilDestroyed())\n .subscribe((value) => this.onChangeFn?.(value));\n }\n\n writeValue(value: T): void {\n this.state().value.set(value);\n }\n\n registerOnChange(fn: ChangeFn<T>): void {\n this.onChangeFn = fn;\n }\n\n registerOnTouched(fn: TouchedFn): void {\n this.onTouchedFn = fn;\n }\n\n setDisabledState(value: boolean): void {\n this.state().disabled.set(value);\n }\n}\n","import { Directive } from '@angular/core';\nimport { NgpComboboxButton } from 'ng-primitives/combobox';\n\n@Directive({\n selector: '[mgnpComboboxButton]',\n standalone: true,\n providers: [],\n host: {\n 'class': 'mgnp-combobox-button mgnp-c-combobox-button',\n 'data-mgnp-combobox-button': '',\n },\n hostDirectives: [\n {\n directive: NgpComboboxButton,\n inputs: [],\n outputs: [],\n },\n ],\n exportAs: 'mgnpComboboxButton',\n})\nexport class MgnpComboboxButton {}\n","import { Directive } from '@angular/core';\nimport { NgpComboboxDropdown } from 'ng-primitives/combobox';\n\n@Directive({\n selector: '[mgnpComboboxDropdown]',\n standalone: true,\n host: {\n class: 'mgnp-combobox-dropdown mgnp-c-combobox-dropdown',\n 'data-mgnp-combobox-dropdown': '',\n },\n hostDirectives: [\n {\n directive: NgpComboboxDropdown,\n inputs: [],\n outputs: [],\n },\n ],\n exportAs: 'mgnpComboboxDropdown',\n})\nexport class MgnpComboboxDropdown {}\n","import { Directive } from '@angular/core';\nimport { NgpComboboxInput } from 'ng-primitives/combobox';\n\n@Directive({\n selector: '[mgnpComboboxInput]',\n standalone: true,\n host: {\n class: 'mgnp-combobox-input mgnp-c-combobox-input',\n 'data-mgnp-combobox-input': '',\n },\n hostDirectives: [\n {\n directive: NgpComboboxInput,\n inputs: [],\n outputs: [],\n },\n ],\n exportAs: 'mgnpComboboxInput',\n})\nexport class MgnpComboboxInput {}\n","import { Directive } from '@angular/core';\nimport { NgpComboboxOption } from 'ng-primitives/combobox';\n\n@Directive({\n selector: '[mgnpComboboxOption]',\n standalone: true,\n host: {\n class: 'mgnp-combobox-option mgnp-c-combobox-option',\n 'data-mgnp-combobox-option': '',\n },\n hostDirectives: [\n {\n directive: NgpComboboxOption,\n inputs: [\n 'ngpComboboxOptionValue:mgnpComboboxOptionValue',\n 'ngpComboboxOptionDisabled:mgnpComboboxOptionDisabled',\n 'ngpComboboxOptionIndex:mgnpComboboxOptionIndex',\n ],\n outputs: ['ngpComboboxOptionActivated:mgnpComboboxOptionActivated'],\n },\n ],\n exportAs: 'mgnpComboboxOption',\n})\nexport class MgnpComboboxOption {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;MAsCa,YAAY,CAAA;IACJ,KAAK,GAAG,mBAAmB,EAAE;AAEtC,IAAA,UAAU;AACV,IAAA,WAAW;AAErB,IAAA,WAAA,GAAA;QACE,IAAI,CAAC,KAAK;AACP,aAAA,WAAW;AACX,aAAA,SAAS,CAAC,CAAC,KAAK,KAAK,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC,CAAC;IACnD;AAEA,IAAA,UAAU,CAAC,KAAQ,EAAA;QACjB,IAAI,CAAC,KAAK,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC;IAC/B;AAEA,IAAA,gBAAgB,CAAC,EAAe,EAAA;AAC9B,QAAA,IAAI,CAAC,UAAU,GAAG,EAAE;IACtB;AAEA,IAAA,iBAAiB,CAAC,EAAa,EAAA;AAC7B,QAAA,IAAI,CAAC,WAAW,GAAG,EAAE;IACvB;AAEA,IAAA,gBAAgB,CAAC,KAAc,EAAA;QAC7B,IAAI,CAAC,KAAK,EAAE,CAAC,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC;IAClC;uGA1BW,YAAY,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAZ,YAAY,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,oBAAA,EAAA,EAAA,EAAA,EAAA,SAAA,EAAA,EAAA,UAAA,EAAA,iBAAA,EAAA,EAAA,cAAA,EAAA,+BAAA,EAAA,EAAA,SAAA,EA9BZ,CAAC,oBAAoB,EAAE,EAAE,oBAAoB,CAAC,YAAY,CAAC,CAAC,EAAA,QAAA,EAAA,CAAA,cAAA,CAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAAA,EAAA,CAAA,WAAA,EAAA,MAAA,EAAA,CAAA,kBAAA,EAAA,mBAAA,EAAA,qBAAA,EAAA,sBAAA,EAAA,qBAAA,EAAA,sBAAA,EAAA,0BAAA,EAAA,2BAAA,EAAA,wBAAA,EAAA,yBAAA,EAAA,8BAAA,EAAA,+BAAA,EAAA,8BAAA,EAAA,+BAAA,EAAA,yBAAA,EAAA,0BAAA,EAAA,2BAAA,EAAA,4BAAA,EAAA,2BAAA,EAAA,4BAAA,EAAA,oBAAA,EAAA,qBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,wBAAA,EAAA,yBAAA,EAAA,uBAAA,EAAA,wBAAA,CAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FA8B5D,YAAY,EAAA,UAAA,EAAA,CAAA;kBAjCxB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,gBAAgB;AAC1B,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,SAAS,EAAE,CAAC,oBAAoB,EAAE,EAAE,oBAAoB,cAAc,CAAC;AACvE,oBAAA,IAAI,EAAE;AACJ,wBAAA,KAAK,EAAE,+BAA+B;AACtC,wBAAA,oBAAoB,EAAE,EAAE;AACxB,wBAAA,YAAY,EAAE,iBAAiB;AAChC,qBAAA;AACD,oBAAA,cAAc,EAAE;AACd,wBAAA;AACE,4BAAA,SAAS,EAAE,WAAW;AACtB,4BAAA,MAAM,EAAE;gCACN,oCAAoC;gCACpC,0CAA0C;gCAC1C,0CAA0C;gCAC1C,oDAAoD;gCACpD,gDAAgD;gCAChD,4DAA4D;gCAC5D,4DAA4D;gCAC5D,kDAAkD;gCAClD,sDAAsD;gCACtD,sDAAsD;gCACtD,wCAAwC;AACzC,6BAAA;AACD,4BAAA,OAAO,EAAE;gCACP,gDAAgD;gCAChD,8CAA8C;AAC/C,6BAAA;AACF,yBAAA;AACF,qBAAA;AACD,oBAAA,QAAQ,EAAE,cAAc;AACzB,iBAAA;;;MCjBY,kBAAkB,CAAA;uGAAlB,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAlB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,kBAAkB,6LAdlB,EAAE,EAAA,QAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAcF,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAjB9B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,sBAAsB;AAChC,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,SAAS,EAAE,EAAE;AACb,oBAAA,IAAI,EAAE;AACJ,wBAAA,OAAO,EAAE,6CAA6C;AACtD,wBAAA,2BAA2B,EAAE,EAAE;AAChC,qBAAA;AACD,oBAAA,cAAc,EAAE;AACd,wBAAA;AACE,4BAAA,SAAS,EAAE,iBAAiB;AAC5B,4BAAA,MAAM,EAAE,EAAE;AACV,4BAAA,OAAO,EAAE,EAAE;AACZ,yBAAA;AACF,qBAAA;AACD,oBAAA,QAAQ,EAAE,oBAAoB;AAC/B,iBAAA;;;MCAY,oBAAoB,CAAA;uGAApB,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAApB,oBAAoB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,wBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,6BAAA,EAAA,EAAA,EAAA,EAAA,cAAA,EAAA,iDAAA,EAAA,EAAA,QAAA,EAAA,CAAA,sBAAA,CAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAAA,EAAA,CAAA,mBAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAApB,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAhBhC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,wBAAwB;AAClC,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,IAAI,EAAE;AACJ,wBAAA,KAAK,EAAE,iDAAiD;AACxD,wBAAA,6BAA6B,EAAE,EAAE;AAClC,qBAAA;AACD,oBAAA,cAAc,EAAE;AACd,wBAAA;AACE,4BAAA,SAAS,EAAE,mBAAmB;AAC9B,4BAAA,MAAM,EAAE,EAAE;AACV,4BAAA,OAAO,EAAE,EAAE;AACZ,yBAAA;AACF,qBAAA;AACD,oBAAA,QAAQ,EAAE,sBAAsB;AACjC,iBAAA;;;MCCY,iBAAiB,CAAA;uGAAjB,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAjB,iBAAiB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,qBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,0BAAA,EAAA,EAAA,EAAA,EAAA,cAAA,EAAA,2CAAA,EAAA,EAAA,QAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAAjB,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAhB7B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,qBAAqB;AAC/B,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,IAAI,EAAE;AACJ,wBAAA,KAAK,EAAE,2CAA2C;AAClD,wBAAA,0BAA0B,EAAE,EAAE;AAC/B,qBAAA;AACD,oBAAA,cAAc,EAAE;AACd,wBAAA;AACE,4BAAA,SAAS,EAAE,gBAAgB;AAC3B,4BAAA,MAAM,EAAE,EAAE;AACV,4BAAA,OAAO,EAAE,EAAE;AACZ,yBAAA;AACF,qBAAA;AACD,oBAAA,QAAQ,EAAE,mBAAmB;AAC9B,iBAAA;;;MCKY,kBAAkB,CAAA;uGAAlB,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAlB,kBAAkB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,sBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,2BAAA,EAAA,EAAA,EAAA,EAAA,cAAA,EAAA,6CAAA,EAAA,EAAA,QAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,MAAA,EAAA,CAAA,wBAAA,EAAA,yBAAA,EAAA,2BAAA,EAAA,4BAAA,EAAA,wBAAA,EAAA,yBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,4BAAA,EAAA,6BAAA,CAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAAlB,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBApB9B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,sBAAsB;AAChC,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,IAAI,EAAE;AACJ,wBAAA,KAAK,EAAE,6CAA6C;AACpD,wBAAA,2BAA2B,EAAE,EAAE;AAChC,qBAAA;AACD,oBAAA,cAAc,EAAE;AACd,wBAAA;AACE,4BAAA,SAAS,EAAE,iBAAiB;AAC5B,4BAAA,MAAM,EAAE;gCACN,gDAAgD;gCAChD,sDAAsD;gCACtD,gDAAgD;AACjD,6BAAA;4BACD,OAAO,EAAE,CAAC,wDAAwD,CAAC;AACpE,yBAAA;AACF,qBAAA;AACD,oBAAA,QAAQ,EAAE,oBAAoB;AAC/B,iBAAA;;;ACtBD;;AAEG;;;;"}