@mgremy/ng-primitives 0.9.0 → 0.10.0

package/dialog/README.md

@@ -0,0 +1,4 @@
+# @mgremy/ng-primitives/src/lib/dialog
+
+Secondary entry point of `@mgremy/ng-primitives`. It can be used by importing from
+`@mgremy/ng-primitives/dialog`.

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

@@ -3,6 +3,7 @@ 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';
 
@@ -12,6 +13,7 @@ const options = [
     'ngpMenuTrigger',
     'ngpTooltipTrigger',
     'ngpAccordionTrigger',
+    'ngpDialogTrigger',
 ];
 const error = new Error(`MgnpButton must be used with ${options.join(' / ')}`);
 class MgnpButton {
@@ -20,6 +22,7 @@ class MgnpButton {
     ngpMenuTrigger = inject(NgpMenuTrigger, { optional: true });
     ngpTooltipTrigger = inject(NgpTooltipTrigger, { optional: true });
     ngpAccordionTrigger = inject(NgpAccordionTrigger, { optional: true });
+    ngpDialogTrigger = inject(NgpDialogTrigger, { optional: true });
     color = input('ui', ...(ngDevMode ? [{ debugName: "color" }] : []));
     variant = input('solid', ...(ngDevMode ? [{ debugName: "variant" }] : []));
     size = input('md', ...(ngDevMode ? [{ debugName: "size" }] : []));
@@ -28,13 +31,14 @@ class MgnpButton {
             !this.ngpComboboxButton &&
             !this.ngpMenuTrigger &&
             !this.ngpTooltipTrigger &&
-            !this.ngpAccordionTrigger) {
+            !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]", 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: "[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 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: MgnpButton, decorators: [{
             type: Directive,
@@ -43,7 +47,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImpor
     [ngpComboboxButton][mgnpButton],
     [ngpMenuTrigger][mgnpButton],
     [ngpTooltipTrigger][mgnpButton],
-    [ngpAccordionTrigger][mgnpButton]`,
+    [ngpAccordionTrigger][mgnpButton],
+    [ngpDialogTrigger][mgnpButton]`,
                     standalone: true,
                     host: {
                         'data-mgnp-component': 'mgnp-button',

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 { 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];\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  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\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    ) {\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":";;;;;;;;AASA,MAAM,OAAO,GAAG;IACd,WAAW;IACX,mBAAmB;IACnB,gBAAgB;IAChB,mBAAmB;IACnB,qBAAqB;CACtB;AAED,MAAM,KAAK,GAAG,IAAI,KAAK,CAAC,CAAA,6BAAA,EAAgC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA,CAAE,CAAC;MAwBjE,UAAU,CAAA;IACF,SAAS,GAAG,MAAM,CAAC,SAAS,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;IACjD,iBAAiB,GAAG,MAAM,CAAC,iBAAiB,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;IACjE,cAAc,GAAG,MAAM,CAAC,cAAc,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;IAC3D,iBAAiB,GAAG,MAAM,CAAC,iBAAiB,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;IACjE,mBAAmB,GAAG,MAAM,CAAC,mBAAmB,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;AAE/E,IAAA,KAAK,GAAG,KAAK,CAAkB,IAAI,iDAAC;AACpC,IAAA,OAAO,GAAG,KAAK,CAAoB,OAAO,mDAAC;AAC3C,IAAA,IAAI,GAAG,KAAK,CAAiB,IAAI,gDAAC;AAE3C,IAAA,WAAA,GAAA;QACE,IACE,CAAC,IAAI,CAAC,SAAS;YACf,CAAC,IAAI,CAAC,iBAAiB;YACvB,CAAC,IAAI,CAAC,cAAc;YACpB,CAAC,IAAI,CAAC,iBAAiB;AACvB,YAAA,CAAC,IAAI,CAAC,mBAAmB,EACzB;AACA,YAAA,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC;AACnB,YAAA,MAAM,KAAK;QACb;IACF;uGAtBW,UAAU,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAV,UAAU,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gLAAA,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,qBAAA,EAAA,aAAA,EAAA,EAAA,UAAA,EAAA,EAAA,qBAAA,EAAA,QAAA,EAAA,sBAAA,EAAA,SAAA,EAAA,wBAAA,EAAA,WAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAAV,UAAU,EAAA,UAAA,EAAA,CAAA;kBAdtB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,CAAA;;;;AAI0B,qCAAA,CAAA;AACpC,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,IAAI,EAAE;AACJ,wBAAA,qBAAqB,EAAE,aAAa;AACpC,wBAAA,uBAAuB,EAAE,QAAQ;AACjC,wBAAA,wBAAwB,EAAE,SAAS;AACnC,wBAAA,0BAA0B,EAAE,WAAW;AACxC,qBAAA;AACF,iBAAA;;;ACxCD;;AAEG;;;;"}
+{"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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"}

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

@@ -0,0 +1,106 @@
+import * as i0 from '@angular/core';
+import { inject, Directive } from '@angular/core';
+import { NgpDialog, NgpDialogDescription, NgpDialogOverlay, NgpDialogTitle } from 'ng-primitives/dialog';
+
+const options$3 = ['ngpDialog'];
+const error$3 = new Error(`MgnpDialog must be used with ${options$3.join(' / ')}`);
+class MgnpDialog {
+    _ngpDialog = inject(NgpDialog, { optional: true });
+    constructor() {
+        if (!this._ngpDialog) {
+            console.error(this);
+            throw error$3;
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: MgnpDialog, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.1", type: MgnpDialog, isStandalone: true, selector: "[ngpDialog][mgnpDialog]", host: { attributes: { "data-mgnp-component": "mgnp-dialog" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: MgnpDialog, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[ngpDialog][mgnpDialog]',
+                    standalone: true,
+                    host: {
+                        'data-mgnp-component': 'mgnp-dialog',
+                    },
+                }]
+        }], ctorParameters: () => [] });
+
+const options$2 = ['ngpDialogDescription'];
+const error$2 = new Error(`MgnpDialogDescription must be used with ${options$2.join(' / ')}`);
+class MgnpDialogDescription {
+    _ngpDialogDescription = inject(NgpDialogDescription, { optional: true });
+    constructor() {
+        if (!this._ngpDialogDescription) {
+            console.error(this);
+            throw error$2;
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: MgnpDialogDescription, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.1", type: MgnpDialogDescription, isStandalone: true, selector: "[ngpDialogDescription][mgnpDialogDescription]", host: { attributes: { "data-mgnp-component": "mgnp-dialog-description" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: MgnpDialogDescription, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[ngpDialogDescription][mgnpDialogDescription]',
+                    standalone: true,
+                    host: {
+                        'data-mgnp-component': 'mgnp-dialog-description',
+                    },
+                }]
+        }], ctorParameters: () => [] });
+
+const options$1 = ['ngpDialogOverlay'];
+const error$1 = new Error(`MgnpDialogOverlay must be used with ${options$1.join(' / ')}`);
+class MgnpDialogOverlay {
+    _ngpDialogOverlay = inject(NgpDialogOverlay, { optional: true });
+    constructor() {
+        if (!this._ngpDialogOverlay) {
+            console.error(this);
+            throw error$1;
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: MgnpDialogOverlay, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.1", type: MgnpDialogOverlay, isStandalone: true, selector: "[ngpDialogOverlay][mgnpDialogOverlay]", host: { attributes: { "data-mgnp-component": "mgnp-dialog-overlay" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: MgnpDialogOverlay, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[ngpDialogOverlay][mgnpDialogOverlay]',
+                    standalone: true,
+                    host: {
+                        'data-mgnp-component': 'mgnp-dialog-overlay',
+                    },
+                }]
+        }], ctorParameters: () => [] });
+
+const options = ['ngpDialogTitle'];
+const error = new Error(`MgnpDialogTitle must be used with ${options.join(' / ')}`);
+class MgnpDialogTitle {
+    _ngpDialogTitle = inject(NgpDialogTitle, { optional: true });
+    constructor() {
+        if (!this._ngpDialogTitle) {
+            console.error(this);
+            throw error;
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: MgnpDialogTitle, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.1", type: MgnpDialogTitle, isStandalone: true, selector: "[ngpDialogTitle][mgnpDialogTitle]", host: { attributes: { "data-mgnp-component": "mgnp-dialog-title" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: MgnpDialogTitle, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[ngpDialogTitle][mgnpDialogTitle]',
+                    standalone: true,
+                    host: {
+                        'data-mgnp-component': 'mgnp-dialog-title',
+                    },
+                }]
+        }], ctorParameters: () => [] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { MgnpDialog, MgnpDialogDescription, MgnpDialogOverlay, MgnpDialogTitle };
+//# sourceMappingURL=mgremy-ng-primitives-dialog.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"mgremy-ng-primitives-dialog.mjs","sources":["../../../../libs/ng-primitives/dialog/src/lib/mgnp-dialog/mgnp-dialog.directive.ts","../../../../libs/ng-primitives/dialog/src/lib/mgnp-dialog-description/mgnp-dialog-description.directive.ts","../../../../libs/ng-primitives/dialog/src/lib/mgnp-dialog-overlay/mgnp-dialog-overlay.directive.ts","../../../../libs/ng-primitives/dialog/src/lib/mgnp-dialog-title/mgnp-dialog-title.directive.ts","../../../../libs/ng-primitives/dialog/src/mgremy-ng-primitives-dialog.ts"],"sourcesContent":["import { Directive, inject } from '@angular/core';\nimport { NgpDialog } from 'ng-primitives/dialog';\n\nconst options = ['ngpDialog'];\n\nconst error = new Error(`MgnpDialog must be used with ${options.join(' / ')}`);\n\n@Directive({\n  selector: '[ngpDialog][mgnpDialog]',\n  standalone: true,\n  host: {\n    'data-mgnp-component': 'mgnp-dialog',\n  },\n})\nexport class MgnpDialog {\n  private readonly _ngpDialog = inject(NgpDialog, { optional: true });\n\n  constructor() {\n    if (!this._ngpDialog) {\n      console.error(this);\n      throw error;\n    }\n  }\n}\n","import { Directive, inject } from '@angular/core';\nimport { NgpDialogDescription } from 'ng-primitives/dialog';\n\nconst options = ['ngpDialogDescription'];\n\nconst error = new Error(`MgnpDialogDescription must be used with ${options.join(' / ')}`);\n\n@Directive({\n  selector: '[ngpDialogDescription][mgnpDialogDescription]',\n  standalone: true,\n  host: {\n    'data-mgnp-component': 'mgnp-dialog-description',\n  },\n})\nexport class MgnpDialogDescription {\n  private readonly _ngpDialogDescription = inject(NgpDialogDescription, { optional: true });\n\n  constructor() {\n    if (!this._ngpDialogDescription) {\n      console.error(this);\n      throw error;\n    }\n  }\n}\n","import { Directive, inject } from '@angular/core';\nimport { NgpDialogOverlay } from 'ng-primitives/dialog';\n\nconst options = ['ngpDialogOverlay'];\n\nconst error = new Error(`MgnpDialogOverlay must be used with ${options.join(' / ')}`);\n\n@Directive({\n  selector: '[ngpDialogOverlay][mgnpDialogOverlay]',\n  standalone: true,\n  host: {\n    'data-mgnp-component': 'mgnp-dialog-overlay',\n  },\n})\nexport class MgnpDialogOverlay {\n  private readonly _ngpDialogOverlay = inject(NgpDialogOverlay, { optional: true });\n\n  constructor() {\n    if (!this._ngpDialogOverlay) {\n      console.error(this);\n      throw error;\n    }\n  }\n}\n","import { Directive, inject } from '@angular/core';\nimport { NgpDialogTitle } from 'ng-primitives/dialog';\n\nconst options = ['ngpDialogTitle'];\n\nconst error = new Error(`MgnpDialogTitle must be used with ${options.join(' / ')}`);\n\n@Directive({\n  selector: '[ngpDialogTitle][mgnpDialogTitle]',\n  standalone: true,\n  host: {\n    'data-mgnp-component': 'mgnp-dialog-title',\n  },\n})\nexport class MgnpDialogTitle {\n  private readonly _ngpDialogTitle = inject(NgpDialogTitle, { optional: true });\n\n  constructor() {\n    if (!this._ngpDialogTitle) {\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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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mgremy/ng-primitives",
-  "version": "0.9.0",
+  "version": "0.10.0",
   "license": "Apache-2.0",
   "homepage": "https://doc.mgremy.xyz/ng-primitives",
   "publishConfig": {
@@ -12,7 +12,7 @@
   "peerDependencies": {
     "@angular/core": "^21.1.0",
     "ng-primitives": "^0.110.0",
-    "tailwindcss": "^4.0.0"
+    "tailwindcss": "^4.3.0"
   },
   "sideEffects": false,
   "style": "theme/mgnp.css",
@@ -41,6 +41,10 @@
       "types": "./types/mgremy-ng-primitives-combobox.d.ts",
       "default": "./fesm2022/mgremy-ng-primitives-combobox.mjs"
     },
+    "./dialog": {
+      "types": "./types/mgremy-ng-primitives-dialog.d.ts",
+      "default": "./fesm2022/mgremy-ng-primitives-dialog.mjs"
+    },
     "./input": {
       "types": "./types/mgremy-ng-primitives-input.d.ts",
       "default": "./fesm2022/mgremy-ng-primitives-input.mjs"

package/theme/components/dialog.css

@@ -0,0 +1,101 @@
+@utility mgnp-dialog {
+  background-color: var(--mg-background-ui);
+  box-shadow: var(--ngp-button-shadow);
+  padding: --spacing(6);
+  border-radius: --spacing(2);
+  animation: fade-in var(--default-transition-duration) var(--default-transition-timing-function);
+
+  @variant data-exit {
+    animation: fade-out var(--default-transition-duration) var(--default-transition-timing-function);
+  }
+}
+
+@utility mgnp-dialog-title {
+  font-size: var(--text-lg);
+  line-height: var(--text-lg--line-height);
+  color: var(--mg-text-ui);
+  margin-block: --spacing(1);
+}
+
+@utility mgnp-dialog-description {
+  font-size: var(--text-base);
+  line-height: var(--text-base--line-height);
+  color: var(--mg-text-ui-disabled);
+  margin: --spacing(0);
+}
+
+@utility mgnp-dialog-overlay {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  position: fixed;
+  z-index: 9999;
+  background-color: --alpha(var(--mg-background-ui) / 50%);
+  backdrop-filter: blur(--spacing(0.5));
+  inset: --spacing(0);
+  animation: slide-in var(--default-transition-duration) var(--default-transition-timing-function);
+
+  @variant data-exit {
+    animation: slide-out var(--default-transition-duration)
+      var(--default-transition-timing-function);
+  }
+}
+
+@layer base {
+  [mgnpDialog][data-mgnp-component='mgnp-dialog'] {
+    @apply transition mgnp-dialog;
+  }
+
+  [mgnpDialogTitle][data-mgnp-component='mgnp-dialog-title'] {
+    @apply transition mgnp-dialog-title;
+  }
+
+  [mgnpDialogDescription][data-mgnp-component='mgnp-dialog-description'] {
+    @apply transition mgnp-dialog-description;
+  }
+
+  [mgnpDialogOverlay][data-mgnp-component='mgnp-dialog-overlay'] {
+    @apply transition mgnp-dialog-overlay;
+  }
+}
+
+@keyframes fade-in {
+  0% {
+    opacity: 0;
+  }
+  100% {
+    opacity: 1;
+  }
+}
+
+@keyframes fade-out {
+  0% {
+    opacity: 1;
+  }
+  100% {
+    opacity: 0;
+  }
+}
+
+@keyframes slide-in {
+  0% {
+    transform: translateY(-20px);
+    opacity: 0;
+  }
+  100% {
+    transform: translateY(0);
+    opacity: 1;
+  }
+}
+
+@keyframes slide-out {
+  0% {
+    transform: translateY(0);
+    opacity: 1;
+  }
+
+  100% {
+    transform: translateY(-20px);
+    opacity: 0;
+  }
+}

package/theme/ngp_tw.css

@@ -2,6 +2,7 @@
 @import './components/button.css';
 @import './components/checkbox.css';
 @import './components/combobox.css';
+@import './components/dialog.css';
 @import './components/input.css';
 @import './components/menu.css';
 @import './components/pagination.css';

package/types/mgremy-ng-primitives-button.d.ts

@@ -3,6 +3,7 @@ import { PropertyType } from '@mgremy/ng-primitives';
 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';
 
@@ -15,12 +16,13 @@ declare class MgnpButton {
     protected readonly ngpMenuTrigger: NgpMenuTrigger<any> | null;
     protected readonly ngpTooltipTrigger: NgpTooltipTrigger<any> | null;
     protected readonly ngpAccordionTrigger: NgpAccordionTrigger<any> | null;
+    protected readonly ngpDialogTrigger: NgpDialogTrigger<any> | null;
     readonly color: _angular_core.InputSignal<MgnpButtonColor>;
     readonly variant: _angular_core.InputSignal<MgnpButtonVariant>;
     readonly size: _angular_core.InputSignal<MgnpButtonSize>;
     constructor();
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<MgnpButton, never>;
-    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<MgnpButton, "[ngpButton][mgnpButton],    [ngpComboboxButton][mgnpButton],    [ngpMenuTrigger][mgnpButton],    [ngpTooltipTrigger][mgnpButton],    [ngpAccordionTrigger][mgnpButton]", never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<MgnpButton, "[ngpButton][mgnpButton],    [ngpComboboxButton][mgnpButton],    [ngpMenuTrigger][mgnpButton],    [ngpTooltipTrigger][mgnpButton],    [ngpAccordionTrigger][mgnpButton],    [ngpDialogTrigger][mgnpButton]", never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 export { MgnpButton };

package/types/mgremy-ng-primitives-dialog.d.ts

@@ -0,0 +1,31 @@
+import * as i0 from '@angular/core';
+
+declare class MgnpDialog {
+    private readonly _ngpDialog;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<MgnpDialog, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MgnpDialog, "[ngpDialog][mgnpDialog]", never, {}, {}, never, never, true, never>;
+}
+
+declare class MgnpDialogDescription {
+    private readonly _ngpDialogDescription;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<MgnpDialogDescription, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MgnpDialogDescription, "[ngpDialogDescription][mgnpDialogDescription]", never, {}, {}, never, never, true, never>;
+}
+
+declare class MgnpDialogOverlay {
+    private readonly _ngpDialogOverlay;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<MgnpDialogOverlay, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MgnpDialogOverlay, "[ngpDialogOverlay][mgnpDialogOverlay]", never, {}, {}, never, never, true, never>;
+}
+
+declare class MgnpDialogTitle {
+    private readonly _ngpDialogTitle;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<MgnpDialogTitle, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MgnpDialogTitle, "[ngpDialogTitle][mgnpDialogTitle]", never, {}, {}, never, never, true, never>;
+}
+
+export { MgnpDialog, MgnpDialogDescription, MgnpDialogOverlay, MgnpDialogTitle };