mat-helper 0.0.1

package/README.md

@@ -0,0 +1,63 @@
+# MatHelper
+
+This project was generated using [Angular CLI](https://github.com/angular/angular-cli) version 20.3.0.
+
+## Code scaffolding
+
+Angular CLI includes powerful code scaffolding tools. To generate a new component, run:
+
+```bash
+ng generate component component-name
+```
+
+For a complete list of available schematics (such as `components`, `directives`, or `pipes`), run:
+
+```bash
+ng generate --help
+```
+
+## Building
+
+To build the library, run:
+
+```bash
+ng build mat-helper
+```
+
+This command will compile your project, and the build artifacts will be placed in the `dist/` directory.
+
+### Publishing the Library
+
+Once the project is built, you can publish your library by following these steps:
+
+1. Navigate to the `dist` directory:
+   ```bash
+   cd dist/mat-helper
+   ```
+
+2. Run the `npm publish` command to publish your library to the npm registry:
+   ```bash
+   npm publish
+   ```
+
+## Running unit tests
+
+To execute unit tests with the [Karma](https://karma-runner.github.io) test runner, use the following command:
+
+```bash
+ng test
+```
+
+## Running end-to-end tests
+
+For end-to-end (e2e) testing, run:
+
+```bash
+ng e2e
+```
+
+Angular CLI does not come with an end-to-end testing framework by default. You can choose one that suits your needs.
+
+## Additional Resources
+
+For more information on using the Angular CLI, including detailed command references, visit the [Angular CLI Overview and Command Reference](https://angular.dev/tools/cli) page.

package/fesm2022/mat-helper.mjs

@@ -0,0 +1,56 @@
+import * as i0 from '@angular/core';
+import { inject, Component } from '@angular/core';
+import * as i1 from '@angular/material/dialog';
+import { MAT_DIALOG_DATA, MatDialogActions, MatDialogContent, MatDialog } from '@angular/material/dialog';
+import { MatSnackBar } from '@angular/material/snack-bar';
+import { MatButton } from '@angular/material/button';
+
+class Alert {
+    dialogRef;
+    data = inject(MAT_DIALOG_DATA);
+    constructor(dialogRef) {
+        this.dialogRef = dialogRef;
+    }
+    close() {
+        this.dialogRef.close();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: Alert, deps: [{ token: i1.MatDialogRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.2", type: Alert, isStandalone: true, selector: "lib-alert", ngImport: i0, template: "<mat-dialog-content>\r\n  <div style=\"white-space: pre-line\">{{ data.message }}</div>\r\n</mat-dialog-content>\r\n<mat-dialog-actions>\r\n  <button mat-button (click)=\"close()\">OK</button>\r\n</mat-dialog-actions>\r\n", styles: [""], dependencies: [{ kind: "directive", type: MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "component", type: MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: Alert, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-alert', imports: [MatDialogActions, MatDialogContent, MatButton], template: "<mat-dialog-content>\r\n  <div style=\"white-space: pre-line\">{{ data.message }}</div>\r\n</mat-dialog-content>\r\n<mat-dialog-actions>\r\n  <button mat-button (click)=\"close()\">OK</button>\r\n</mat-dialog-actions>\r\n" }]
+        }], ctorParameters: () => [{ type: i1.MatDialogRef }] });
+
+class MatHelper {
+    snackBar = inject(MatSnackBar);
+    dialog = inject(MatDialog);
+    async presentAlert(text, onDidDismiss) {
+        const dialogRef = this.dialog.open(Alert, {
+            minWidth: '300px',
+            data: { message: text },
+        });
+        if (onDidDismiss) {
+            dialogRef.afterClosed().subscribe(() => {
+                onDidDismiss();
+            });
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatHelper, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.2", type: MatHelper, isStandalone: true, selector: "lib-mat-helper", ngImport: i0, template: ` <p>mat-helper works!</p> `, isInline: true, styles: [""] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.2", ngImport: i0, type: MatHelper, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-mat-helper', imports: [], template: ` <p>mat-helper works!</p> ` }]
+        }] });
+
+/*
+ * Public API Surface of mat-helper
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { Alert, MatHelper };
+//# sourceMappingURL=mat-helper.mjs.map

package/fesm2022/mat-helper.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"mat-helper.mjs","sources":["../../../projects/mat-helper/src/lib/components/alert/alert.ts","../../../projects/mat-helper/src/lib/components/alert/alert.html","../../../projects/mat-helper/src/lib/mat-helper.ts","../../../projects/mat-helper/src/public-api.ts","../../../projects/mat-helper/src/mat-helper.ts"],"sourcesContent":["import { Component, inject } from '@angular/core';\r\nimport { MatButton } from '@angular/material/button';\r\nimport {\r\n  MAT_DIALOG_DATA,\r\n  MatDialogActions,\r\n  MatDialogContent,\r\n  MatDialogRef,\r\n} from '@angular/material/dialog';\r\n\r\nexport interface AlertInput {\r\n  message: string;\r\n}\r\n\r\n@Component({\r\n  selector: 'lib-alert',\r\n  imports: [MatDialogActions, MatDialogContent, MatButton],\r\n  templateUrl: './alert.html',\r\n  styleUrl: './alert.css',\r\n})\r\nexport class Alert {\r\n  readonly data = inject<AlertInput>(MAT_DIALOG_DATA);\r\n  constructor(private dialogRef: MatDialogRef<Alert>) {}\r\n  close(): void {\r\n    this.dialogRef.close();\r\n  }\r\n}\r\n","<mat-dialog-content>\r\n  <div style=\"white-space: pre-line\">{{ data.message }}</div>\r\n</mat-dialog-content>\r\n<mat-dialog-actions>\r\n  <button mat-button (click)=\"close()\">OK</button>\r\n</mat-dialog-actions>\r\n","import { Component, inject } from '@angular/core';\r\nimport { MatDialog } from '@angular/material/dialog';\r\nimport { MatSnackBar } from '@angular/material/snack-bar';\r\nimport { Alert, AlertInput } from './components/alert/alert';\r\n\r\n@Component({\r\n  selector: 'lib-mat-helper',\r\n  imports: [],\r\n  template: ` <p>mat-helper works!</p> `,\r\n  styles: ``,\r\n})\r\nexport class MatHelper {\r\n  public snackBar = inject(MatSnackBar);\r\n  public dialog = inject(MatDialog);\r\n  async presentAlert(text: string, onDidDismiss?: () => void) {\r\n    const dialogRef = this.dialog.open(Alert, {\r\n      minWidth: '300px',\r\n      data: { message: text } as AlertInput,\r\n    });\r\n\r\n    if (onDidDismiss) {\r\n      dialogRef.afterClosed().subscribe(() => {\r\n        onDidDismiss();\r\n      });\r\n    }\r\n  }\r\n}\r\n","/*\r\n * Public API Surface of mat-helper\r\n */\r\n\r\nexport * from './lib/mat-helper';\r\n\r\nexport * from './lib/components/alert/alert';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;MAmBa,KAAK,CAAA;AAEI,IAAA,SAAA;AADX,IAAA,IAAI,GAAG,MAAM,CAAa,eAAe,CAAC;AACnD,IAAA,WAAA,CAAoB,SAA8B,EAAA;QAA9B,IAAA,CAAA,SAAS,GAAT,SAAS;IAAwB;IACrD,KAAK,GAAA;AACH,QAAA,IAAI,CAAC,SAAS,CAAC,KAAK,EAAE;IACxB;uGALW,KAAK,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,YAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAL,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAK,qECnBlB,+NAMA,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDSY,gBAAgB,EAAA,QAAA,EAAA,8DAAA,EAAA,MAAA,EAAA,CAAA,OAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,gBAAgB,yGAAE,SAAS,EAAA,QAAA,EAAA,iOAAA,EAAA,MAAA,EAAA,CAAA,WAAA,CAAA,EAAA,QAAA,EAAA,CAAA,WAAA,EAAA,WAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;2FAI5C,KAAK,EAAA,UAAA,EAAA,CAAA;kBANjB,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,WAAW,WACZ,CAAC,gBAAgB,EAAE,gBAAgB,EAAE,SAAS,CAAC,EAAA,QAAA,EAAA,+NAAA,EAAA;;;MEJ7C,SAAS,CAAA;AACb,IAAA,QAAQ,GAAG,MAAM,CAAC,WAAW,CAAC;AAC9B,IAAA,MAAM,GAAG,MAAM,CAAC,SAAS,CAAC;AACjC,IAAA,MAAM,YAAY,CAAC,IAAY,EAAE,YAAyB,EAAA;QACxD,MAAM,SAAS,GAAG,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,EAAE;AACxC,YAAA,QAAQ,EAAE,OAAO;AACjB,YAAA,IAAI,EAAE,EAAE,OAAO,EAAE,IAAI,EAAgB;AACtC,SAAA,CAAC;QAEF,IAAI,YAAY,EAAE;AAChB,YAAA,SAAS,CAAC,WAAW,EAAE,CAAC,SAAS,CAAC,MAAK;AACrC,gBAAA,YAAY,EAAE;AAChB,YAAA,CAAC,CAAC;QACJ;IACF;uGAdW,SAAS,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAT,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,SAAS,0EAHV,CAAA,0BAAA,CAA4B,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;2FAG3B,SAAS,EAAA,UAAA,EAAA,CAAA;kBANrB,SAAS;+BACE,gBAAgB,EAAA,OAAA,EACjB,EAAE,EAAA,QAAA,EACD,CAAA,0BAAA,CAA4B,EAAA;;;ACRxC;;AAEG;;ACFH;;AAEG;;;;"}

package/index.d.ts

@@ -0,0 +1,26 @@
+import { MatDialog, MatDialogRef } from '@angular/material/dialog';
+import { MatSnackBar } from '@angular/material/snack-bar';
+import * as i0 from '@angular/core';
+
+declare class MatHelper {
+    snackBar: MatSnackBar;
+    dialog: MatDialog;
+    presentAlert(text: string, onDidDismiss?: () => void): Promise<void>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatHelper, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MatHelper, "lib-mat-helper", never, {}, {}, never, never, true, never>;
+}
+
+interface AlertInput {
+    message: string;
+}
+declare class Alert {
+    private dialogRef;
+    readonly data: AlertInput;
+    constructor(dialogRef: MatDialogRef<Alert>);
+    close(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<Alert, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<Alert, "lib-alert", never, {}, {}, never, never, true, never>;
+}
+
+export { Alert, MatHelper };
+export type { AlertInput };

package/package.json

@@ -0,0 +1,23 @@
+{
+  "name": "mat-helper",
+  "version": "0.0.1",
+  "peerDependencies": {
+    "@angular/common": "^20.3.0",
+    "@angular/core": "^20.3.0"
+  },
+  "dependencies": {
+    "tslib": "^2.3.0"
+  },
+  "sideEffects": false,
+  "module": "fesm2022/mat-helper.mjs",
+  "typings": "index.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./index.d.ts",
+      "default": "./fesm2022/mat-helper.mjs"
+    }
+  }
+}