{"_id":"@bmat-shared-libs/angular-dialog-service","name":"@bmat-shared-libs/angular-dialog-service","dist-tags":{"latest":"11.2.14"},"versions":{"11.2.14":{"name":"@bmat-shared-libs/angular-dialog-service","version":"11.2.14","peerDependencies":{"@angular/common":">= 11.2.14","@angular/core":">= 11.2.14","@angular/cdk":">= 11.2.13","rxjs":">= 6.5.0"},"main":"bundles/bmat-shared-libs-angular-dialog-service.umd.js","module":"fesm2015/bmat-shared-libs-angular-dialog-service.js","es2015":"fesm2015/bmat-shared-libs-angular-dialog-service.js","esm2015":"esm2015/bmat-shared-libs-angular-dialog-service.js","fesm2015":"fesm2015/bmat-shared-libs-angular-dialog-service.js","typings":"bmat-shared-libs-angular-dialog-service.d.ts","metadata":"bmat-shared-libs-angular-dialog-service.metadata.json","sideEffects":false,"dependencies":{"tslib":"^2.0.0"},"description":"This module provides a service to create dialogs with a dialog style.","_id":"@bmat-shared-libs/angular-dialog-service@11.2.14","_nodeVersion":"14.18.3","_npmVersion":"6.14.15","dist":{"integrity":"sha512-/hC40fIr7pGyOZq2+BxYCXy/LgEkdDlQ1CL3e52s5NUY1xK6lIterX+4YmD2g/5mq94RIreuahQMYcWYr7wS7A==","shasum":"b1b7a69cb51f9e9090c4691353305a62bc9e7f13","tarball":"https://registry.npmjs.org/@bmat-shared-libs/angular-dialog-service/-/angular-dialog-service-11.2.14.tgz","fileCount":25,"unpackedSize":149406,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIH6mqSMrCZM5sbErE46vxIp/HCUUgBYWJdNJgDHRx0llAiEA+R7kErCNYZAPDdS4Wxl08mOKxwOPjW6M+k+nGsoH3es="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkCIn2ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrhXBAAknA4j11xVAK90aeteInS8CJU2Y4u2mfbDFzQkl/1QQhsXs1C\r\n2fwJYW8oaqR2SuIQ/tcvWdnxkRC9qXRjy9aCtADbZFBwLtR3KE2BokYYgsbf\r\nc5rCUpuV3UOBlDgRjWdf55wDp6NH35J6Iada3atYwEH2UsUocW+Gth3niMXf\r\n/d0n4QtGpvfxnEzddjUjdl/zcFY7vPVj4E36ZCC1GTW1sQaRrpg2rJlO0UZH\r\nI5lS3n0fhy2KExBYp9OJkmXG3ZHdpWnt3GaMueaJqnDSB6IbKj9u6wRlczIn\r\n+ZK0LsU9pQoTiMD3s5WIr3j2/dewsE9mz+rxFC04AlEn1W7pwiOUJIex5Shv\r\nqUD2qoIWm2Y3o3U+2ixC5t2aLsLLMDijMB5CLDuKrMnIy1zqgq4OcwDS2G7R\r\ngIeS05aQVoIObDsICbMo7xgWbrS9rp6hJpaUzf358UVFCa1HeiHhmSla9VzS\r\nj09ylGjNetjzZpB+T36T+CWdyEdrggcjyPPAodYKIx61Ir3Rb1IeQc/PQGpU\r\ndWjIPVeQ4e2PeRqk1mocA/ufok1yVnw840Soj09H4z6DgeUTpZUpLPXH5Xck\r\n6Mi/zmKnvu/bi0ZIorfZ4A/0YxAnJnAwn8WM+ZBi4xmnAYcmNjFuryFtRVv4\r\nEJ3o7Xd3w4OHRBK8+2y96dscTm/zbYqa+js=\r\n=tw9i\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"https.albjoni","email":"gjuzialbjon@gmail.com"},"directories":{},"maintainers":[{"name":"https.albjoni","email":"gjuzialbjon@gmail.com"},{"name":"bmat-libs","email":"admin@bmat.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/angular-dialog-service_11.2.14_1678281206402_0.7266011558477179"},"_hasShrinkwrap":false}},"time":{"created":"2023-03-08T13:13:26.336Z","11.2.14":"2023-03-08T13:13:26.582Z","modified":"2023-03-08T13:13:26.788Z"},"maintainers":[{"name":"https.albjoni","email":"gjuzialbjon@gmail.com"},{"name":"bmat-libs","email":"admin@bmat.com"}],"description":"This module provides a service to create dialogs with a dialog style.","readme":"# @bmat-shared-libs/angular-dialog-service\n\nThis module provides a service to create dialogs with a dialog style.\n\n## Creating dialogs\n\nThe main piece is the Angular service `DialogService`. This\nservice provide a method\n\n```Typescript\nopen(\n    embedComp: ComponentType<T> | TemplateRef<T>,\n    options: Partial<OpenDialogOption<E>> = {},\n  ): DialogRef<T, E>\n```\n\nCalling this method will create the dialog and return a `DialogRef` object:\n\n```Typescript\nexport class DialogRef<CLOSE extends any = any, DATA extends any = any> {\n  public readonly data: DATA;\n  public readonly close: (value: CLOSE) => void;\n  public readonly valueChanges$: Observable<DialogAction<CLOSE>>;\n  public readonly dismiss: () => void;\n\n  public componentInstance: ComponentType<DATA> | null = null;\n}\n```\n\nThe `DialogRef` is injected in the created element and can be used to `close` (semantically close the dialog and send a result message) and `dismiss` (close and do not send a message, like for example clicking a backdrop).\n\n`valueChanges$` streams the events Open, Close and Dismiss\nwith the related payload\n\n## Adding dialog components\n\nDialog components, not TemplateRef, need to be added to a `NgModule.entryComponents` as they are dynamically created.\n","readmeFilename":"README.md"}