@mgremy/ng-primitives 0.3.0 → 0.4.0

package/accordion/README.md

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

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

@@ -0,0 +1,82 @@
+import * as i0 from '@angular/core';
+import { inject, Directive } from '@angular/core';
+import { NgpAccordion, NgpAccordionContent, NgpAccordionItem } from 'ng-primitives/accordion';
+
+const options$2 = ['ngpAccordion'];
+const error$2 = new Error(`MgnpAccordion must be used with ${options$2.join(' / ')}`);
+class MgnpAccordion {
+    ngpAccordion = inject(NgpAccordion, { optional: true });
+    constructor() {
+        if (!this.ngpAccordion) {
+            console.error(this);
+            throw error$2;
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: MgnpAccordion, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.1", type: MgnpAccordion, isStandalone: true, selector: "[ngpAccordion][mgnpAccordion]", host: { attributes: { "data-mgnp-component": "mgnp-accordion" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: MgnpAccordion, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[ngpAccordion][mgnpAccordion]',
+                    standalone: true,
+                    host: {
+                        'data-mgnp-component': 'mgnp-accordion',
+                    },
+                }]
+        }], ctorParameters: () => [] });
+
+const options$1 = ['ngpAccordionContent'];
+const error$1 = new Error(`MgnpAccordionContent must be used with ${options$1.join(' / ')}`);
+class MgnpAccordionContent {
+    ngpAccordionContent = inject(NgpAccordionContent, { optional: true });
+    constructor() {
+        if (!this.ngpAccordionContent) {
+            console.error(this);
+            throw error$1;
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: MgnpAccordionContent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.1", type: MgnpAccordionContent, isStandalone: true, selector: "[ngpAccordionContent][mgnpAccordionContent]", host: { attributes: { "data-mgnp-component": "mgnp-accordion-content" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: MgnpAccordionContent, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[ngpAccordionContent][mgnpAccordionContent]',
+                    standalone: true,
+                    host: {
+                        'data-mgnp-component': 'mgnp-accordion-content',
+                    },
+                }]
+        }], ctorParameters: () => [] });
+
+const options = ['ngpAccordionItem'];
+const error = new Error(`MgnpAccordionItem must be used with ${options.join(' / ')}`);
+class MgnpAccordionItem {
+    ngpAccordionItem = inject(NgpAccordionItem, { optional: true });
+    constructor() {
+        if (!this.ngpAccordionItem) {
+            console.error(this);
+            throw error;
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: MgnpAccordionItem, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.1", type: MgnpAccordionItem, isStandalone: true, selector: "[ngpAccordionItem][mgnpAccordionItem]", host: { attributes: { "data-mgnp-component": "mgnp-accordion-item" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: MgnpAccordionItem, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[ngpAccordionItem][mgnpAccordionItem]',
+                    standalone: true,
+                    host: {
+                        'data-mgnp-component': 'mgnp-accordion-item',
+                    },
+                }]
+        }], ctorParameters: () => [] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { MgnpAccordion, MgnpAccordionContent, MgnpAccordionItem };
+//# sourceMappingURL=mgremy-ng-primitives-accordion.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"mgremy-ng-primitives-accordion.mjs","sources":["../../../../libs/ng-primitives/accordion/src/lib/mgnp-accordion/mgnp-accordion.directive.ts","../../../../libs/ng-primitives/accordion/src/lib/mgnp-accordion-content/mgnp-accordion-content.directive.ts","../../../../libs/ng-primitives/accordion/src/lib/mgnp-accordion-item/mgnp-accordion-item.directive.ts","../../../../libs/ng-primitives/accordion/src/mgremy-ng-primitives-accordion.ts"],"sourcesContent":["import { Directive, inject } from '@angular/core';\nimport { NgpAccordion } from 'ng-primitives/accordion';\n\nconst options = ['ngpAccordion'];\n\nconst error = new Error(`MgnpAccordion must be used with ${options.join(' / ')}`);\n\n@Directive({\n  selector: '[ngpAccordion][mgnpAccordion]',\n  standalone: true,\n  host: {\n    'data-mgnp-component': 'mgnp-accordion',\n  },\n})\nexport class MgnpAccordion {\n  protected readonly ngpAccordion = inject(NgpAccordion, { optional: true });\n\n  constructor() {\n    if (!this.ngpAccordion) {\n      console.error(this);\n      throw error;\n    }\n  }\n}\n","import { Directive, inject } from '@angular/core';\nimport { NgpAccordionContent } from 'ng-primitives/accordion';\n\nconst options = ['ngpAccordionContent'];\n\nconst error = new Error(`MgnpAccordionContent must be used with ${options.join(' / ')}`);\n\n@Directive({\n  selector: '[ngpAccordionContent][mgnpAccordionContent]',\n  standalone: true,\n  host: {\n    'data-mgnp-component': 'mgnp-accordion-content',\n  },\n})\nexport class MgnpAccordionContent {\n  protected readonly ngpAccordionContent = inject(NgpAccordionContent, { optional: true });\n\n  constructor() {\n    if (!this.ngpAccordionContent) {\n      console.error(this);\n      throw error;\n    }\n  }\n}\n","import { Directive, inject } from '@angular/core';\nimport { NgpAccordionItem } from 'ng-primitives/accordion';\n\nconst options = ['ngpAccordionItem'];\n\nconst error = new Error(`MgnpAccordionItem must be used with ${options.join(' / ')}`);\n\n@Directive({\n  selector: '[ngpAccordionItem][mgnpAccordionItem]',\n  standalone: true,\n  host: {\n    'data-mgnp-component': 'mgnp-accordion-item',\n  },\n})\nexport class MgnpAccordionItem {\n  protected readonly ngpAccordionItem = inject(NgpAccordionItem, { optional: true });\n\n  constructor() {\n    if (!this.ngpAccordionItem) {\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/fesm2022/mgremy-ng-primitives-button.mjs

@@ -1,10 +1,18 @@
 import * as i0 from '@angular/core';
 import { inject, Directive } from '@angular/core';
+import { NgpAccordionTrigger } from 'ng-primitives/accordion';
 import { NgpButton } from 'ng-primitives/button';
 import { NgpComboboxButton } from 'ng-primitives/combobox';
 import { NgpMenuTrigger } from 'ng-primitives/menu';
+import { NgpTooltipTrigger } from 'ng-primitives/tooltip';
 
-const options = ['ngpButton', 'ngpComboboxButton', 'ngpMenuTrigger'];
+const options = [
+    'ngpButton',
+    'ngpComboboxButton',
+    'ngpMenuTrigger',
+    'ngpTooltipTrigger',
+    'ngpAccordionTrigger',
+];
 const error = new Error(`MgnpButton must be used with ${options.join(' / ')}`);
 class MgnpButton {
     ngpButton = inject(NgpButton, { optional: true });
@@ -14,19 +22,25 @@ class MgnpButton {
     ngpMenuTrigger = inject(NgpMenuTrigger, {
         optional: true,
     });
+    ngpTooltipTrigger = inject(NgpTooltipTrigger, { optional: true });
+    ngpAccordionTrigger = inject(NgpAccordionTrigger, { optional: true });
     constructor() {
-        if (!this.ngpButton && !this.ngpComboboxButton && !this.ngpMenuTrigger) {
+        if (!this.ngpButton &&
+            !this.ngpComboboxButton &&
+            !this.ngpMenuTrigger &&
+            !this.ngpTooltipTrigger &&
+            !this.ngpAccordionTrigger) {
             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: "14.0.0", version: "21.2.1", type: MgnpButton, isStandalone: true, selector: "[ngpButton][mgnpButton], [ngpComboboxButton][mgnpButton], [ngpMenuTrigger][mgnpButton]", host: { attributes: { "data-mgnp-component": "mgnp-button" } }, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.1", type: MgnpButton, isStandalone: true, selector: "[ngpButton][mgnpButton], [ngpComboboxButton][mgnpButton], [ngpMenuTrigger][mgnpButton], [ngpTooltipTrigger][mgnpButton], [ngpAccordionTrigger][mgnpButton]", host: { attributes: { "data-mgnp-component": "mgnp-button" } }, 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]',
+                    selector: '[ngpButton][mgnpButton], [ngpComboboxButton][mgnpButton], [ngpMenuTrigger][mgnpButton], [ngpTooltipTrigger][mgnpButton], [ngpAccordionTrigger][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 { Directive, inject } from '@angular/core';\nimport { NgpButton } from 'ng-primitives/button';\nimport { NgpComboboxButton } from 'ng-primitives/combobox';\nimport { NgpMenuTrigger } from 'ng-primitives/menu';\n\nconst options = ['ngpButton', 'ngpComboboxButton', 'ngpMenuTrigger'];\n\nconst error = new Error(`MgnpButton must be used with ${options.join(' / ')}`);\n\n@Directive({\n  selector:\n    '[ngpButton][mgnpButton], [ngpComboboxButton][mgnpButton], [ngpMenuTrigger][mgnpButton]',\n  standalone: true,\n  host: {\n    'data-mgnp-component': 'mgnp-button',\n  },\n})\nexport class MgnpButton {\n  protected readonly ngpButton = inject(NgpButton, { optional: true });\n  protected readonly ngpComboboxButton = inject(NgpComboboxButton, {\n    optional: true,\n  });\n  protected readonly ngpMenuTrigger = inject(NgpMenuTrigger, {\n    optional: true,\n  });\n\n  constructor() {\n    if (!this.ngpButton && !this.ngpComboboxButton && !this.ngpMenuTrigger) {\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":";;;;;;AAKA,MAAM,OAAO,GAAG,CAAC,WAAW,EAAE,mBAAmB,EAAE,gBAAgB,CAAC;AAEpE,MAAM,KAAK,GAAG,IAAI,KAAK,CAAC,CAAA,6BAAA,EAAgC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA,CAAE,CAAC;MAUjE,UAAU,CAAA;IACF,SAAS,GAAG,MAAM,CAAC,SAAS,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;AACjD,IAAA,iBAAiB,GAAG,MAAM,CAAC,iBAAiB,EAAE;AAC/D,QAAA,QAAQ,EAAE,IAAI;AACf,KAAA,CAAC;AACiB,IAAA,cAAc,GAAG,MAAM,CAAC,cAAc,EAAE;AACzD,QAAA,QAAQ,EAAE,IAAI;AACf,KAAA,CAAC;AAEF,IAAA,WAAA,GAAA;AACE,QAAA,IAAI,CAAC,IAAI,CAAC,SAAS,IAAI,CAAC,IAAI,CAAC,iBAAiB,IAAI,CAAC,IAAI,CAAC,cAAc,EAAE;AACtE,YAAA,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC;AACnB,YAAA,MAAM,KAAK;QACb;IACF;uGAdW,UAAU,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAV,UAAU,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,wFAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,qBAAA,EAAA,aAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAAV,UAAU,EAAA,UAAA,EAAA,CAAA;kBARtB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EACN,wFAAwF;AAC1F,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,IAAI,EAAE;AACJ,wBAAA,qBAAqB,EAAE,aAAa;AACrC,qBAAA;AACF,iBAAA;;;AChBD;;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 { Directive, inject } 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\n@Directive({\n  selector:\n    '[ngpButton][mgnpButton], [ngpComboboxButton][mgnpButton], [ngpMenuTrigger][mgnpButton], [ngpTooltipTrigger][mgnpButton], [ngpAccordionTrigger][mgnpButton]',\n  standalone: true,\n  host: {\n    'data-mgnp-component': 'mgnp-button',\n  },\n})\nexport class MgnpButton {\n  protected readonly ngpButton = inject(NgpButton, { optional: true });\n  protected readonly ngpComboboxButton = inject(NgpComboboxButton, {\n    optional: true,\n  });\n  protected readonly ngpMenuTrigger = inject(NgpMenuTrigger, {\n    optional: true,\n  });\n  protected readonly ngpTooltipTrigger = inject(NgpTooltipTrigger, { optional: true });\n  protected readonly ngpAccordionTrigger = inject(NgpAccordionTrigger, { optional: true });\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":";;;;;;;;AAOA,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;MAUjE,UAAU,CAAA;IACF,SAAS,GAAG,MAAM,CAAC,SAAS,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;AACjD,IAAA,iBAAiB,GAAG,MAAM,CAAC,iBAAiB,EAAE;AAC/D,QAAA,QAAQ,EAAE,IAAI;AACf,KAAA,CAAC;AACiB,IAAA,cAAc,GAAG,MAAM,CAAC,cAAc,EAAE;AACzD,QAAA,QAAQ,EAAE,IAAI;AACf,KAAA,CAAC;IACiB,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;AAExF,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,4JAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,qBAAA,EAAA,aAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAAV,UAAU,EAAA,UAAA,EAAA,CAAA;kBARtB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EACN,4JAA4J;AAC9J,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,IAAI,EAAE;AACJ,wBAAA,qBAAqB,EAAE,aAAa;AACrC,qBAAA;AACF,iBAAA;;;ACxBD;;AAEG;;;;"}

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

@@ -4,7 +4,7 @@ import { NgpPagination } from 'ng-primitives/pagination';
 
 const options = ['ngpPagination'];
 const error = new Error(`MgnpDirective must be used with ${options.join(' / ')}`);
-class Pagination {
+class MgnpPagination {
     ngpPagination = inject(NgpPagination, { optional: true });
     constructor() {
         if (!this.ngpPagination) {
@@ -12,10 +12,10 @@ class Pagination {
             throw error;
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: Pagination, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.1", type: Pagination, isStandalone: true, selector: "[ngpPagination][mgnpPagination]", host: { attributes: { "data-mgnp-component": "mgnp-pagination" } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: MgnpPagination, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.1", type: MgnpPagination, isStandalone: true, selector: "[ngpPagination][mgnpPagination]", host: { attributes: { "data-mgnp-component": "mgnp-pagination" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: Pagination, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImport: i0, type: MgnpPagination, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngpPagination][mgnpPagination]',
@@ -30,5 +30,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.1", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { Pagination };
+export { MgnpPagination };
 //# sourceMappingURL=mgremy-ng-primitives-pagination.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"mgremy-ng-primitives-pagination.mjs","sources":["../../../../libs/ng-primitives/pagination/src/lib/mgnp-pagination/mgnp-pagination.directive.ts","../../../../libs/ng-primitives/pagination/src/mgremy-ng-primitives-pagination.ts"],"sourcesContent":["import { Directive, inject } from '@angular/core';\nimport { NgpPagination } from 'ng-primitives/pagination';\n\nconst options = ['ngpPagination'];\n\nconst error = new Error(`MgnpDirective must be used with ${options.join(' / ')}`);\n\n@Directive({\n  selector: '[ngpPagination][mgnpPagination]',\n  standalone: true,\n  host: {\n    'data-mgnp-component': 'mgnp-pagination',\n  },\n})\nexport class Pagination {\n  protected readonly ngpPagination = inject(NgpPagination, { optional: true });\n\n  constructor() {\n    if (!this.ngpPagination) {\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,eAAe,CAAC;AAEjC,MAAM,KAAK,GAAG,IAAI,KAAK,CAAC,CAAA,gCAAA,EAAmC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA,CAAE,CAAC;MASpE,UAAU,CAAA;IACF,aAAa,GAAG,MAAM,CAAC,aAAa,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;AAE5E,IAAA,WAAA,GAAA;AACE,QAAA,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE;AACvB,YAAA,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC;AACnB,YAAA,MAAM,KAAK;QACb;IACF;uGARW,UAAU,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAV,UAAU,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,iCAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,qBAAA,EAAA,iBAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAAV,UAAU,EAAA,UAAA,EAAA,CAAA;kBAPtB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,iCAAiC;AAC3C,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,IAAI,EAAE;AACJ,wBAAA,qBAAqB,EAAE,iBAAiB;AACzC,qBAAA;AACF,iBAAA;;;ACbD;;AAEG;;;;"}
+{"version":3,"file":"mgremy-ng-primitives-pagination.mjs","sources":["../../../../libs/ng-primitives/pagination/src/lib/mgnp-pagination/mgnp-pagination.directive.ts","../../../../libs/ng-primitives/pagination/src/mgremy-ng-primitives-pagination.ts"],"sourcesContent":["import { Directive, inject } from '@angular/core';\nimport { NgpPagination } from 'ng-primitives/pagination';\n\nconst options = ['ngpPagination'];\n\nconst error = new Error(`MgnpDirective must be used with ${options.join(' / ')}`);\n\n@Directive({\n  selector: '[ngpPagination][mgnpPagination]',\n  standalone: true,\n  host: {\n    'data-mgnp-component': 'mgnp-pagination',\n  },\n})\nexport class MgnpPagination {\n  protected readonly ngpPagination = inject(NgpPagination, { optional: true });\n\n  constructor() {\n    if (!this.ngpPagination) {\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,eAAe,CAAC;AAEjC,MAAM,KAAK,GAAG,IAAI,KAAK,CAAC,CAAA,gCAAA,EAAmC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA,CAAE,CAAC;MASpE,cAAc,CAAA;IACN,aAAa,GAAG,MAAM,CAAC,aAAa,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;AAE5E,IAAA,WAAA,GAAA;AACE,QAAA,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE;AACvB,YAAA,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC;AACnB,YAAA,MAAM,KAAK;QACb;IACF;uGARW,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAd,cAAc,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,iCAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,qBAAA,EAAA,iBAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAAd,cAAc,EAAA,UAAA,EAAA,CAAA;kBAP1B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,iCAAiC;AAC3C,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,IAAI,EAAE;AACJ,wBAAA,qBAAqB,EAAE,iBAAiB;AACzC,qBAAA;AACF,iBAAA;;;ACbD;;AAEG;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mgremy/ng-primitives",
-  "version": "0.3.0",
+  "version": "0.4.0",
   "publishConfig": {
     "access": "public"
   },
@@ -28,6 +28,10 @@
       "types": "./types/mgremy-ng-primitives.d.ts",
       "default": "./fesm2022/mgremy-ng-primitives.mjs"
     },
+    "./accordion": {
+      "types": "./types/mgremy-ng-primitives-accordion.d.ts",
+      "default": "./fesm2022/mgremy-ng-primitives-accordion.mjs"
+    },
     "./button": {
       "types": "./types/mgremy-ng-primitives-button.d.ts",
       "default": "./fesm2022/mgremy-ng-primitives-button.mjs"

package/theme/components/accordion.css

@@ -0,0 +1,111 @@
+@utility mgnp-accordion {
+  display: block;
+  width: 100%;
+  max-width: --spacing(96);
+  border-radius: --spacing(3);
+  border: 1px solid var(--ngp-border);
+  background-color: var(--ngp-background);
+  box-shadow: var(--ngp-shadow);
+}
+
+@utility mgnp-accordion-content {
+  font-size: --spacing(3.5);
+  color: var(--ngp-text-secondary);
+  overflow: hidden;
+
+  @variant data-open {
+    animation: accordion-show 200ms ease-in-out forwards;
+  }
+
+  @variant data-closed {
+    animation: accordion-hide 200ms ease-in-out forwards;
+  }
+}
+
+@utility mgnp-accordion-item {
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    margin: --spacing(0);
+  }
+
+  @variant not-last {
+    border-bottom: 1px solid var(--ngp-border);
+  }
+}
+
+@utility mgnp-accordion-trigger {
+  display: flex;
+  padding-left: --spacing(4);
+  padding-right: --spacing(4);
+  font-size: --spacing(3.5);
+  line-height: --spacing(5);
+  font-weight: var(--font-weight-medium);
+  justify-content: space-between;
+  align-items: center;
+  width: 100%;
+  height: --spacing(11);
+  border-radius: --spacing(3);
+  outline: none;
+  color: var(--ngp-text-primary);
+  background-color: var(--ngp-background);
+  border: none;
+  box-shadow: none;
+
+  @variant data-focus-visible {
+    font-size: --spacing(3.5);
+    color: var(--ngp-text-secondary);
+    overflow: hidden;
+  }
+
+  ng-icon {
+    transition: transform 200ms ease-in-out;
+  }
+
+  @variant data-open {
+    ng-icon {
+      transform: rotate(180deg);
+    }
+  }
+}
+
+@layer base {
+  [mgnpAccordion][data-mgnp-component='mgnp-accordion'] {
+    @apply mgnp-accordion;
+  }
+
+  [mgnpAccordionContent][data-mgnp-component='mgnp-accordion-content'] {
+    @apply mgnp-accordion-content;
+  }
+
+  [mgnpAccordionItem][data-mgnp-component='mgnp-accordion-item'] {
+    @apply mgnp-accordion-item;
+  }
+
+  [ngpAccordionTrigger][mgnpButton][data-mgnp-component='mgnp-button'] {
+    @apply mgnp-accordion-trigger;
+  }
+}
+
+@theme {
+  @keyframes accordion-show {
+    from {
+      height: 0;
+    }
+    to {
+      height: var(--ngp-accordion-content-height);
+    }
+  }
+
+  @keyframes accordion-hide {
+    from {
+      height: var(--ngp-accordion-content-height);
+    }
+    to {
+      height: 0;
+    }
+  }
+}

package/theme/components/button.css

@@ -9,7 +9,7 @@
   height: fit-content;
   width: max-content;
   background-color: var(--ngp-background);
-  transition: background-color 300ms cubic-bezier(0.4, 0, 0.2, 1);
+  transition: background-color 200ms ease-in-out;
   box-shadow: var(--ngp-button-shadow);
   cursor: pointer;
 

package/theme/components/combobox.css

@@ -31,6 +31,19 @@
   width: auto;
 }
 
+@utility mgnp-combobox-button {
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+  height: 100%;
+  background-color: transparent;
+  border: none;
+  color: var(--ngp-text);
+  cursor: pointer;
+  box-sizing: border-box;
+  box-shadow: none;
+}
+
 @utility mgnp-combobox-dropdown {
   background-color: var(--ngp-background);
   border: 1px solid var(--ngp-border);
@@ -49,11 +62,11 @@
   z-index: 1001;
 
   @variant data-enter {
-    animation: combobox-show 0.1s ease-out;
+    animation: combobox-show 200ms ease-out;
   }
 
   @variant data-exit {
-    animation: combobox-hide 0.1s ease-out;
+    animation: combobox-hide 200ms ease-out;
   }
 }
 
@@ -98,6 +111,10 @@
     @apply mgnp-combobox-input;
   }
 
+  [ngpComboboxButton][mgnpButton][data-mgnp-component='mgnp-button'] {
+    @apply mgnp-combobox-button;
+  }
+
   [mgnpComboboxDropdown][data-mgnp-component='mgnp-combobox-dropdown'] {
     @apply mgnp-combobox-dropdown;
   }

package/theme/components/menu.css

@@ -11,11 +11,11 @@
   transform-origin: var(--ngp-menu-transform-origin);
 
   @variant data-enter {
-    animation: menu-show 0.1s ease-out;
+    animation: menu-show 200ms ease-out;
   }
 
   @variant data-exit {
-    animation: menu-hide 0.1s ease-out;
+    animation: menu-hide 200ms ease-out;
   }
 }
 
@@ -25,7 +25,7 @@
   border: none;
   background: none;
   cursor: pointer;
-  transition: background-color 0.2s;
+  transition: background-color 200ms;
   border-radius: var(--radius-sm);
   min-width: --spacing(30);
   text-align: start;

package/theme/components/pagination.css

@@ -11,9 +11,9 @@
   [ngpPaginationNext],
   [ngpPaginationLast] {
     all: unset;
-
     display: flex;
     width: --spacing(8);
+    height: --spacing(8);
     cursor: pointer;
     align-items: center;
     justify-content: center;
@@ -24,7 +24,7 @@
     font-size: var(--text-sm);
     font-weight: var(--font-weight-medium);
     box-shadow: var(--mg-shadow-button);
-    transition: background-color 0.2s ease-in-out;
+    transition: background-color 200ms ease-in-out;
 
     @variant data-hover {
       @variant not-data-disabled {

package/theme/mgnp.css

@@ -6,7 +6,7 @@
   --mg-background-ui: var(--color-stone-50);
   --mg-background-secondary: var(--color-stone-100);
   --mg-background-hover: var(--color-stone-100);
-  --mg-background-active: var(--color-stone-100);
+  --mg-background-active: var(--color-stone-200);
   --mg-background-inverse: var(--color-stone-950);
   --mg-background-disabled: var(--color-stone-100);
   --mg-background-blue: var(--color-blue-200);
@@ -96,7 +96,7 @@
     --mg-background-ui: var(--color-stone-950);
     --mg-background-secondary: var(--color-stone-900);
     --mg-background-hover: var(--color-stone-900);
-    --mg-background-active: var(--color-stone-900);
+    --mg-background-active: var(--color-stone-800);
     --mg-background-inverse: var(--color-stone-50);
     --mg-background-disabled: var(--color-stone-900);
     --mg-background-blue: var(--color-blue-200);

package/theme/ngp_tw.css

@@ -1,3 +1,4 @@
+@import './components/accordion.css';
 @import './components/button.css';
 @import './components/combobox.css';
 @import './components/input.css';

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

@@ -0,0 +1,25 @@
+import { NgpAccordion, NgpAccordionContent, NgpAccordionItem } from 'ng-primitives/accordion';
+import * as i0 from '@angular/core';
+
+declare class MgnpAccordion {
+    protected readonly ngpAccordion: NgpAccordion<any> | null;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<MgnpAccordion, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MgnpAccordion, "[ngpAccordion][mgnpAccordion]", never, {}, {}, never, never, true, never>;
+}
+
+declare class MgnpAccordionContent {
+    protected readonly ngpAccordionContent: NgpAccordionContent<any> | null;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<MgnpAccordionContent, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MgnpAccordionContent, "[ngpAccordionContent][mgnpAccordionContent]", never, {}, {}, never, never, true, never>;
+}
+
+declare class MgnpAccordionItem {
+    protected readonly ngpAccordionItem: NgpAccordionItem<any> | null;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<MgnpAccordionItem, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MgnpAccordionItem, "[ngpAccordionItem][mgnpAccordionItem]", never, {}, {}, never, never, true, never>;
+}
+
+export { MgnpAccordion, MgnpAccordionContent, MgnpAccordionItem };

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

@@ -1,15 +1,19 @@
+import { NgpAccordionTrigger } from 'ng-primitives/accordion';
 import { NgpButton } from 'ng-primitives/button';
 import { NgpComboboxButton } from 'ng-primitives/combobox';
 import { NgpMenuTrigger } from 'ng-primitives/menu';
+import { NgpTooltipTrigger } from 'ng-primitives/tooltip';
 import * as i0 from '@angular/core';
 
 declare class MgnpButton {
     protected readonly ngpButton: NgpButton | null;
     protected readonly ngpComboboxButton: NgpComboboxButton | null;
     protected readonly ngpMenuTrigger: NgpMenuTrigger<any> | null;
+    protected readonly ngpTooltipTrigger: NgpTooltipTrigger<any> | null;
+    protected readonly ngpAccordionTrigger: NgpAccordionTrigger<any> | null;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<MgnpButton, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MgnpButton, "[ngpButton][mgnpButton], [ngpComboboxButton][mgnpButton], [ngpMenuTrigger][mgnpButton]", never, {}, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MgnpButton, "[ngpButton][mgnpButton], [ngpComboboxButton][mgnpButton], [ngpMenuTrigger][mgnpButton], [ngpTooltipTrigger][mgnpButton], [ngpAccordionTrigger][mgnpButton]", never, {}, {}, never, never, true, never>;
 }
 
 export { MgnpButton };

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

@@ -1,11 +1,11 @@
 import { NgpPagination } from 'ng-primitives/pagination';
 import * as i0 from '@angular/core';
 
-declare class Pagination {
+declare class MgnpPagination {
     protected readonly ngpPagination: NgpPagination | null;
     constructor();
-    static ɵfac: i0.ɵɵFactoryDeclaration<Pagination, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<Pagination, "[ngpPagination][mgnpPagination]", never, {}, {}, never, never, true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MgnpPagination, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MgnpPagination, "[ngpPagination][mgnpPagination]", never, {}, {}, never, never, true, never>;
 }
 
-export { Pagination };
+export { MgnpPagination };