@mgremy/ng-primitives 0.13.0 → 0.14.0

package/fesm2022/mgremy-ng-primitives-button.mjs

@@ -1,63 +1,39 @@
 import * as i0 from '@angular/core';
-import { inject, input, Directive } from '@angular/core';
-import { NgpAccordionTrigger } from 'ng-primitives/accordion';
-import { NgpButton } from 'ng-primitives/button';
-import { NgpComboboxButton } from 'ng-primitives/combobox';
-import { NgpDialogTrigger } from 'ng-primitives/dialog';
-import { NgpMenuTrigger } from 'ng-primitives/menu';
-import { NgpTooltipTrigger } from 'ng-primitives/tooltip';
+import { input, Directive } from '@angular/core';
+import * as i1 from 'ng-primitives/button';
+import { injectButtonState, provideButtonState, NgpButton } from 'ng-primitives/button';
 
-const options = [
-    'ngpButton',
-    'ngpComboboxButton',
-    'ngpMenuTrigger',
-    'ngpTooltipTrigger',
-    'ngpAccordionTrigger',
-    'ngpDialogTrigger',
-];
-const error = new Error(`MgnpButton must be used with ${options.join(' / ')}`);
 class MgnpButton {
-    ngpButton = inject(NgpButton, { optional: true });
-    ngpComboboxButton = inject(NgpComboboxButton, { optional: true });
-    ngpMenuTrigger = inject(NgpMenuTrigger, { optional: true });
-    ngpTooltipTrigger = inject(NgpTooltipTrigger, { optional: true });
-    ngpAccordionTrigger = inject(NgpAccordionTrigger, { optional: true });
-    ngpDialogTrigger = inject(NgpDialogTrigger, { optional: true });
+    state = injectButtonState();
     color = input('ui', ...(ngDevMode ? [{ debugName: "color" }] : []));
     variant = input('solid', ...(ngDevMode ? [{ debugName: "variant" }] : []));
     size = input('md', ...(ngDevMode ? [{ debugName: "size" }] : []));
-    constructor() {
-        if (!this.ngpButton &&
-            !this.ngpComboboxButton &&
-            !this.ngpMenuTrigger &&
-            !this.ngpTooltipTrigger &&
-            !this.ngpAccordionTrigger &&
-            !this.ngpDialogTrigger) {
-            console.error(this);
-            throw error;
-        }
-    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: MgnpButton, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    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 });
+    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 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: MgnpButton, decorators: [{
             type: Directive,
             args: [{
-                    selector: `[ngpButton][mgnpButton],
-    [ngpComboboxButton][mgnpButton],
-    [ngpMenuTrigger][mgnpButton],
-    [ngpTooltipTrigger][mgnpButton],
-    [ngpAccordionTrigger][mgnpButton],
-    [ngpDialogTrigger][mgnpButton]`,
+                    selector: `[mgnpButton]`,
                     standalone: true,
+                    providers: [provideButtonState()],
                     host: {
-                        'data-mgnp-component': 'mgnp-button',
-                        '[attr.data-mgnp-size]': 'size()',
-                        '[attr.data-mgnp-color]': 'color()',
-                        '[attr.data-mgnp-variant]': 'variant()',
+                        class: 'mgnp-button mgnp-c-button',
+                        'data-mgnp-button': '',
+                        '[attr.data-mgnp-button-size]': 'size()',
+                        '[attr.data-mgnp-button-color]': 'color()',
+                        '[attr.data-mgnp-button-variant]': 'variant()',
                     },
+                    hostDirectives: [
+                        {
+                            directive: NgpButton,
+                            inputs: ['disabled:disabled'],
+                            outputs: [],
+                        },
+                    ],
+                    exportAs: 'mgnpButton',
                 }]
-        }], 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 }] }] } });
+        }], 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 }] }] } });
 
 /**
  * Generated bundle index. Do not edit.

package/fesm2022/mgremy-ng-primitives-button.mjs.map

@@ -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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"}
+{"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;;;;"}

package/fesm2022/mgremy-ng-primitives-checkbox.mjs

@@ -1,30 +1,68 @@
 import * as i0 from '@angular/core';
-import { inject, Directive } from '@angular/core';
-import { NgpCheckbox } from 'ng-primitives/checkbox';
+import { input, Directive } from '@angular/core';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import * as i1 from 'ng-primitives/checkbox';
+import { injectCheckboxState, provideCheckboxState, NgpCheckbox } from 'ng-primitives/checkbox';
+import { provideValueAccessor } from 'ng-primitives/utils';
 
-const options = ['ngpCheckbox'];
-const error = new Error(`MgnpCheckbox must be used with ${options.join(' / ')}`);
 class MgnpCheckbox {
-    ngpCheckbox = inject(NgpCheckbox, { optional: true });
+    state = injectCheckboxState();
+    onChangeFn;
+    onTouchedFn;
+    color = input('ui', ...(ngDevMode ? [{ debugName: "color" }] : []));
+    size = input('md', ...(ngDevMode ? [{ debugName: "size" }] : []));
     constructor() {
-        if (!this.ngpCheckbox) {
-            console.error(this);
-            throw error;
-        }
+        this.state()
+            .checkedChange.pipe(takeUntilDestroyed())
+            .subscribe((value) => this.onChangeFn?.(value));
+    }
+    writeValue(value) {
+        this.state().setChecked(value);
+    }
+    registerOnChange(fn) {
+        this.onChangeFn = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouchedFn = fn;
+    }
+    setDisabledState(value) {
+        this.state().setDisabled(value);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: MgnpCheckbox, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    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 });
+    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", "checked", "ngpCheckboxDefaultChecked", "defaultChecked", "ngpCheckboxIndeterminate", "indeterminate", "ngpCheckboxRequired", "required", "ngpCheckboxDisabled", "disabled"], outputs: ["ngpCheckboxCheckedChange", "checkedChange", "ngpCheckboxIndeterminateChange", "indeterminateChange"] }], ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: MgnpCheckbox, decorators: [{
             type: Directive,
             args: [{
-                    selector: `[ngpCheckbox][mgnpCheckbox]`,
+                    selector: `[mgnpCheckbox]`,
                     standalone: true,
+                    providers: [provideCheckboxState(), provideValueAccessor(MgnpCheckbox)],
                     host: {
-                        'data-mgnp-component': 'mgnp-checkbox',
+                        class: 'mgnp-checkbox mgnp-c-checkbox',
+                        'data-mgnp-checkbox': '',
+                        '[attr.data-mgnp-checkbox-size]': 'size()',
+                        '[attr.data-mgnp-checkbox-color]': 'color()',
+                        '(focusout)': 'onTouchedFn?.()',
                     },
+                    hostDirectives: [
+                        {
+                            directive: NgpCheckbox,
+                            inputs: [
+                                'ngpCheckboxChecked:checked',
+                                'ngpCheckboxDefaultChecked:defaultChecked',
+                                'ngpCheckboxIndeterminate:indeterminate',
+                                'ngpCheckboxRequired:required',
+                                'ngpCheckboxDisabled:disabled',
+                            ],
+                            outputs: [
+                                'ngpCheckboxCheckedChange:checkedChange',
+                                'ngpCheckboxIndeterminateChange:indeterminateChange',
+                            ],
+                        },
+                    ],
+                    exportAs: 'mgnpCheckbox',
                 }]
-        }], ctorParameters: () => [] });
+        }], ctorParameters: () => [], propDecorators: { color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }] } });
 
 /**
  * Generated bundle index. Do not edit.

package/fesm2022/mgremy-ng-primitives-checkbox.mjs.map

@@ -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;;;;"}
+{"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:checked',\n        'ngpCheckboxDefaultChecked:defaultChecked',\n        'ngpCheckboxIndeterminate:indeterminate',\n        'ngpCheckboxRequired:required',\n        'ngpCheckboxDisabled:disabled',\n      ],\n      outputs: [\n        'ngpCheckboxCheckedChange:checkedChange',\n        'ngpCheckboxIndeterminateChange:indeterminateChange',\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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"}

package/fesm2022/mgremy-ng-primitives-combobox.mjs

@@ -1,112 +1,171 @@
 import * as i0 from '@angular/core';
-import { inject, Directive } from '@angular/core';
-import { NgpCombobox, NgpComboboxDropdown, NgpComboboxInput, NgpComboboxOption } from 'ng-primitives/combobox';
+import { Directive } from '@angular/core';
+import * as i1 from 'ng-primitives/combobox';
+import { injectComboboxState, provideComboboxState, NgpCombobox, NgpComboboxButton, NgpComboboxDropdown, NgpComboboxInput, NgpComboboxOption } from 'ng-primitives/combobox';
+import { provideValueAccessor } from 'ng-primitives/utils';
 
-const options$3 = ['ngpCombobox'];
-const error$3 = new Error(`MgnpCombobox must be used with ${options$3.join(' / ')}`);
 class MgnpCombobox {
-    ngpCombobox = inject(NgpCombobox, { optional: true });
+    state = injectComboboxState();
+    onChangeFn;
+    onTouchedFn;
     constructor() {
-        if (!this.ngpCombobox) {
-            console.error(this);
-            throw error$3;
-        }
+        this.state()
+            .valueChange // TODO : pipe(takeUntilDestroyed())
+            .subscribe((value) => this.onChangeFn?.(value));
+    }
+    writeValue(value) {
+        this.state().value.set(value);
+    }
+    registerOnChange(fn) {
+        this.onChangeFn = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouchedFn = fn;
+    }
+    setDisabledState(value) {
+        this.state().disabled.set(value);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: MgnpCombobox, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    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 });
+    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", "value", "ngpComboboxMultiple", "multiple", "ngpComboboxDisabled", "disabled", "ngpComboboxAllowDeselect", "allowDeselect", "ngpComboboxCompareWith", "compareWith", "ngpComboboxDropdownPlacement", "dropdownPlacement", "ngpComboboxDropdownContainer", "dropdownContainer", "ngpComboboxDropdownFlip", "dropdownFlip", "ngpComboboxDropdownOffset", "dropdownOffset", "ngpComboboxScrollToOption", "scrollToOption", "ngpComboboxOptions", "options"], outputs: ["ngpComboboxValueChange", "valueChange", "ngpComboboxOpenChange", "openChange"] }], ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: MgnpCombobox, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[ngpCombobox][mgnpCombobox]',
+                    selector: '[mgnpCombobox]',
                     standalone: true,
+                    providers: [provideComboboxState(), provideValueAccessor(MgnpCombobox)],
                     host: {
-                        'data-mgnp-component': 'mgnp-combobox',
+                        class: 'mgnp-combobox mgnp-c-combobox',
+                        'data-mgnp-combobox': '',
+                        '(focusout)': 'onTouchedFn?.()',
                     },
+                    hostDirectives: [
+                        {
+                            directive: NgpCombobox,
+                            inputs: [
+                                'ngpComboboxValue:value',
+                                'ngpComboboxMultiple:multiple',
+                                'ngpComboboxDisabled:disabled',
+                                'ngpComboboxAllowDeselect:allowDeselect',
+                                'ngpComboboxCompareWith:compareWith',
+                                'ngpComboboxDropdownPlacement:dropdownPlacement',
+                                'ngpComboboxDropdownContainer:dropdownContainer',
+                                'ngpComboboxDropdownFlip:dropdownFlip',
+                                'ngpComboboxDropdownOffset:dropdownOffset',
+                                'ngpComboboxScrollToOption:scrollToOption',
+                                'ngpComboboxOptions:options',
+                            ],
+                            outputs: ['ngpComboboxValueChange:valueChange', 'ngpComboboxOpenChange:openChange'],
+                        },
+                    ],
+                    exportAs: 'mgnpCombobox',
                 }]
         }], ctorParameters: () => [] });
 
-const options$2 = ['ngpComboboxDroprown'];
-const error$2 = new Error(`MgnpComboboxDropdown must be used with ${options$2.join(' / ')}`);
+class MgnpComboboxButton {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: MgnpComboboxButton, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    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 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: MgnpComboboxButton, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[mgnpComboboxButton]',
+                    standalone: true,
+                    providers: [],
+                    host: {
+                        'class': 'mgnp-combobox-button mgnp-c-combobox-button',
+                        'data-mgnp-combobox-button': '',
+                    },
+                    hostDirectives: [
+                        {
+                            directive: NgpComboboxButton,
+                            inputs: [],
+                            outputs: [],
+                        },
+                    ],
+                    exportAs: 'mgnpComboboxButton',
+                }]
+        }] });
+
 class MgnpComboboxDropdown {
-    ngpComboboxDropdown = inject(NgpComboboxDropdown, {
-        optional: true,
-    });
-    constructor() {
-        if (!this.ngpComboboxDropdown) {
-            console.error(this);
-            throw error$2;
-        }
-    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: MgnpComboboxDropdown, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    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 });
+    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 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: MgnpComboboxDropdown, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[ngpComboboxDropdown][mgnpComboboxDropdown]',
+                    selector: '[mgnpComboboxDropdown]',
                     standalone: true,
                     host: {
-                        'data-mgnp-component': 'mgnp-combobox-dropdown',
+                        class: 'mgnp-combobox-dropdown mgnp-c-combobox-dropdown',
+                        'data-mgnp-combobox-dropdown': '',
                     },
+                    hostDirectives: [
+                        {
+                            directive: NgpComboboxDropdown,
+                            inputs: [],
+                            outputs: [],
+                        },
+                    ],
+                    exportAs: 'mgnpComboboxDropdown',
                 }]
-        }], ctorParameters: () => [] });
+        }] });
 
-const options$1 = ['ngpComboboxInput'];
-const error$1 = new Error(`MgnpComboboxInput must be used with ${options$1.join(' / ')}`);
 class MgnpComboboxInput {
-    ngpComboboxInput = inject(NgpComboboxInput, {
-        optional: true,
-    });
-    constructor() {
-        if (!this.ngpComboboxInput) {
-            console.error(this);
-            throw error$1;
-        }
-    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: MgnpComboboxInput, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    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 });
+    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 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: MgnpComboboxInput, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[ngpComboboxInput][mgnpComboboxInput]',
+                    selector: '[mgnpComboboxInput]',
                     standalone: true,
                     host: {
-                        'data-mgnp-component': 'mgnp-combobox-input',
+                        class: 'mgnp-combobox-input mgnp-c-combobox-input',
+                        'data-mgnp-combobox-input': '',
                     },
+                    hostDirectives: [
+                        {
+                            directive: NgpComboboxInput,
+                            inputs: [],
+                            outputs: [],
+                        },
+                    ],
+                    exportAs: 'mgnpComboboxInput',
                 }]
-        }], ctorParameters: () => [] });
+        }] });
 
-const options = ['ngpComboboxOption'];
-const error = new Error(`MgnpComboboxOption must be used with ${options.join(' / ')}`);
 class MgnpComboboxOption {
-    ngpComboboxOption = inject(NgpComboboxOption, {
-        optional: true,
-    });
-    constructor() {
-        if (!this.ngpComboboxOption) {
-            console.error(this);
-            throw error;
-        }
-    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: MgnpComboboxOption, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    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 });
+    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", "value", "ngpComboboxOptionDisabled", "disabled", "ngpComboboxOptionIndex", "index"], outputs: ["ngpComboboxOptionActivated", "activated"] }], ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: MgnpComboboxOption, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[ngpComboboxOption][mgnpComboboxOption]',
+                    selector: '[mgnpComboboxOption]',
                     standalone: true,
                     host: {
-                        'data-mgnp-component': 'mgnp-combobox-option',
+                        class: 'mgnp-combobox-option mgnp-c-combobox-option',
+                        'data-mgnp-combobox-option': '',
                     },
+                    hostDirectives: [
+                        {
+                            directive: NgpComboboxOption,
+                            inputs: [
+                                'ngpComboboxOptionValue:value',
+                                'ngpComboboxOptionDisabled:disabled',
+                                'ngpComboboxOptionIndex:index',
+                            ],
+                            outputs: ['ngpComboboxOptionActivated:activated'],
+                        },
+                    ],
+                    exportAs: 'mgnpComboboxOption',
                 }]
-        }], ctorParameters: () => [] });
+        }] });
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { MgnpCombobox, MgnpComboboxDropdown, MgnpComboboxInput, MgnpComboboxOption };
+export { MgnpCombobox, MgnpComboboxButton, MgnpComboboxDropdown, MgnpComboboxInput, MgnpComboboxOption };
 //# sourceMappingURL=mgremy-ng-primitives-combobox.mjs.map

package/fesm2022/mgremy-ng-primitives-combobox.mjs.map

@@ -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":"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"}
+{"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:value',\n        'ngpComboboxMultiple:multiple',\n        'ngpComboboxDisabled:disabled',\n        'ngpComboboxAllowDeselect:allowDeselect',\n        'ngpComboboxCompareWith:compareWith',\n        'ngpComboboxDropdownPlacement:dropdownPlacement',\n        'ngpComboboxDropdownContainer:dropdownContainer',\n        'ngpComboboxDropdownFlip:dropdownFlip',\n        'ngpComboboxDropdownOffset:dropdownOffset',\n        'ngpComboboxScrollToOption:scrollToOption',\n        'ngpComboboxOptions:options',\n      ],\n      outputs: ['ngpComboboxValueChange:valueChange', 'ngpComboboxOpenChange:openChange'],\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:value',\n        'ngpComboboxOptionDisabled:disabled',\n        'ngpComboboxOptionIndex:index',\n      ],\n      outputs: ['ngpComboboxOptionActivated:activated'],\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":"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"}