@ship-ui/core 0.18.0 → 0.18.2

package/assets/mcp/components.json

@@ -2522,7 +2522,7 @@
       {
         "name": "data-passing-dialog",
         "html": "<div style=\"padding: 2rem\">\n  <p>Dialog received: {{ data()?.message }}</p>\n  <button shButton (click)=\"closeWithValue()\">Close with value</button>\n</div>\n",
-        "ts": "import { Component, inject, input, output } from '@angular/core';\nimport { ShipButton, ShipDialogService } from 'ship-ui';\n\n@Component({\n  selector: 'data-passing-dialog',\n  standalone: true,\n  imports: [ShipButton],\n  templateUrl: './data-passing-dialog.html',\n  styleUrl: './data-passing-dialog.scss',\n})\nexport class DataPassingDialog {\n  #dialog = inject(ShipDialogService);\n\n  type = input<string>();\n\n  openDialog() {\n    const dialogRef = this.#dialog.open(DataDialogContent, {\n      class: this.type() ?? '',\n      data: { message: 'Hello from parent!', hello: true },\n      closed: (result: any) => {\n        console.log('Dialog function closed with: \\t' + result);\n      },\n    });\n\n    dialogRef.component.closed.subscribe((res) => {\n      console.log('Dialog component closed: \\t', res);\n    });\n\n    dialogRef.closed.subscribe((res) => {\n      console.log('Dialog ref closed: \\t', res);\n    });\n  }\n}\n\n@Component({\n  selector: 'data-dialog-content',\n  standalone: true,\n  imports: [ShipButton],\n  templateUrl: './data-dialog-content.html',\n  styleUrl: './data-dialog-content.scss',\n})\nclass DataDialogContent {\n  data = input<{ message: string; hello: boolean }>();\n  closed = output<string>();\n\n  closeWithValue() {\n    console.log('closeWithValue');\n    this.closed.emit('Some value from dialog');\n  }\n}\n"
+        "ts": "import { Component, inject, input, output } from '@angular/core';\nimport { ShipButton, ShipDialogService } from 'ship-ui';\n\n@Component({\n  selector: 'data-passing-dialog',\n  standalone: true,\n  imports: [ShipButton],\n  templateUrl: './data-passing-dialog.html',\n  styleUrl: './data-passing-dialog.scss',\n})\nexport class DataPassingDialog {\n  #dialog = inject(ShipDialogService);\n\n  type = input<string>();\n\n  openDialog() {\n    const dialogRef = this.#dialog.open(DataDialogContent, {\n      class: this.type() ?? '',\n      data: { message: 'Hello from parent!', hello: true },\n      closed: (result) => {\n        // Keep so we can easily see if the types break\n        const someString: string = result;\n        console.log('Dialog function closed with: \\t' + someString);\n      },\n    });\n\n    dialogRef.component.closed.subscribe((res) => {\n      console.log('Dialog component closed: \\t', res);\n    });\n\n    dialogRef.closed.subscribe((res) => {\n      console.log('Dialog ref closed: \\t', res);\n    });\n  }\n}\n\n@Component({\n  selector: 'data-dialog-content',\n  standalone: true,\n  imports: [ShipButton],\n  templateUrl: './data-dialog-content.html',\n  styleUrl: './data-dialog-content.scss',\n})\nclass DataDialogContent {\n  data = input<{ message: string; hello: boolean }>();\n  closed = output<string>();\n\n  closeWithValue() {\n    console.log('closeWithValue');\n    this.closed.emit('Some value from dialog');\n  }\n}\n"
       },
       {
         "name": "dialog-as-component",
@@ -2532,7 +2532,7 @@
       {
         "name": "template-dialog",
         "html": "<button shButton (click)=\"openTemplateDialog(myDialog)\">Open Template Dialog</button>\n\n<ng-template #myDialog let-data let-close=\"close\">\n  <div content>\n    <h2>{{ data.message }}</h2>\n    <p>This dialog is rendered entirely from a TemplateRef.</p>\n    <div>\n      <button shButton (click)=\"close()\">Close Dialog</button>\n    </div>\n  </div>\n</ng-template>\n",
-        "ts": "import { Component, inject, input, TemplateRef } from '@angular/core';\nimport { ShipButton, ShipDialogService } from 'ship-ui';\n\n@Component({\n  selector: 'template-dialog',\n  standalone: true,\n  imports: [ShipButton],\n  templateUrl: './template-dialog.html',\n  styleUrl: './template-dialog.scss',\n})\nexport class TemplateDialog {\n  #dialog = inject(ShipDialogService);\n  type = input<string>();\n\n  openTemplateDialog(template: TemplateRef<any>) {\n    this.#dialog.open(template, {\n      data: { message: 'Hello from Template!' },\n      class: this.type() || 'default',\n    });\n  }\n}\n"
+        "ts": "import { Component, inject, input, TemplateRef } from '@angular/core';\nimport { ShipButton, ShipDialogService } from 'ship-ui';\n\n@Component({\n  selector: 'template-dialog',\n  standalone: true,\n  imports: [ShipButton],\n  templateUrl: './template-dialog.html',\n  styleUrl: './template-dialog.scss',\n})\nexport class TemplateDialog {\n  #dialog = inject(ShipDialogService);\n  type = input<string>();\n\n  openTemplateDialog(template: TemplateRef<any>) {\n    this.#dialog.open(template, {\n      data: { message: 'Hello from Template!' },\n      class: this.type() || '',\n    });\n  }\n}\n"
       },
       {
         "name": "basic-dynamic-dialog",
@@ -2556,8 +2556,8 @@
     "methods": [
       {
         "name": "open",
-        "parameters": "componentOrTemplate: T,\n    options?: _Options",
-        "returnType": "T extends TemplateRef<any> ? ShipDialogTemplateInstance<T> : T extends Type<infer I> ? ShipDialogInstance<I> : never;\n  open<T = any, K = ComponentDataType<T>, U = ComponentClosedType<T>>(\n    componentOrTemplate: Type<T> | TemplateRef<any>,\n    options?: any\n  ): ShipDialogInstance<any>",
+        "parameters": "componentOrTemplate: Type<I> | (I extends TemplateRef<any> ? I : never),\n    options?: _Options",
+        "returnType": "I extends TemplateRef<any> ? ShipDialogTemplateInstance<I> : ShipDialogInstance<I>;\n  open<T = any, K = ComponentDataType<T>, U = ComponentClosedType<T>>(\n    componentOrTemplate: Type<T> | TemplateRef<any>,\n    options?: any\n  ): ShipDialogInstance<any>",
         "description": ""
       }
     ],
@@ -2566,7 +2566,7 @@
       {
         "name": "data-passing-dialog",
         "html": "<div style=\"padding: 2rem\">\n  <p>Dialog received: {{ data()?.message }}</p>\n  <button shButton (click)=\"closeWithValue()\">Close with value</button>\n</div>\n",
-        "ts": "import { Component, inject, input, output } from '@angular/core';\nimport { ShipButton, ShipDialogService } from 'ship-ui';\n\n@Component({\n  selector: 'data-passing-dialog',\n  standalone: true,\n  imports: [ShipButton],\n  templateUrl: './data-passing-dialog.html',\n  styleUrl: './data-passing-dialog.scss',\n})\nexport class DataPassingDialog {\n  #dialog = inject(ShipDialogService);\n\n  type = input<string>();\n\n  openDialog() {\n    const dialogRef = this.#dialog.open(DataDialogContent, {\n      class: this.type() ?? '',\n      data: { message: 'Hello from parent!', hello: true },\n      closed: (result: any) => {\n        console.log('Dialog function closed with: \\t' + result);\n      },\n    });\n\n    dialogRef.component.closed.subscribe((res) => {\n      console.log('Dialog component closed: \\t', res);\n    });\n\n    dialogRef.closed.subscribe((res) => {\n      console.log('Dialog ref closed: \\t', res);\n    });\n  }\n}\n\n@Component({\n  selector: 'data-dialog-content',\n  standalone: true,\n  imports: [ShipButton],\n  templateUrl: './data-dialog-content.html',\n  styleUrl: './data-dialog-content.scss',\n})\nclass DataDialogContent {\n  data = input<{ message: string; hello: boolean }>();\n  closed = output<string>();\n\n  closeWithValue() {\n    console.log('closeWithValue');\n    this.closed.emit('Some value from dialog');\n  }\n}\n"
+        "ts": "import { Component, inject, input, output } from '@angular/core';\nimport { ShipButton, ShipDialogService } from 'ship-ui';\n\n@Component({\n  selector: 'data-passing-dialog',\n  standalone: true,\n  imports: [ShipButton],\n  templateUrl: './data-passing-dialog.html',\n  styleUrl: './data-passing-dialog.scss',\n})\nexport class DataPassingDialog {\n  #dialog = inject(ShipDialogService);\n\n  type = input<string>();\n\n  openDialog() {\n    const dialogRef = this.#dialog.open(DataDialogContent, {\n      class: this.type() ?? '',\n      data: { message: 'Hello from parent!', hello: true },\n      closed: (result) => {\n        // Keep so we can easily see if the types break\n        const someString: string = result;\n        console.log('Dialog function closed with: \\t' + someString);\n      },\n    });\n\n    dialogRef.component.closed.subscribe((res) => {\n      console.log('Dialog component closed: \\t', res);\n    });\n\n    dialogRef.closed.subscribe((res) => {\n      console.log('Dialog ref closed: \\t', res);\n    });\n  }\n}\n\n@Component({\n  selector: 'data-dialog-content',\n  standalone: true,\n  imports: [ShipButton],\n  templateUrl: './data-dialog-content.html',\n  styleUrl: './data-dialog-content.scss',\n})\nclass DataDialogContent {\n  data = input<{ message: string; hello: boolean }>();\n  closed = output<string>();\n\n  closeWithValue() {\n    console.log('closeWithValue');\n    this.closed.emit('Some value from dialog');\n  }\n}\n"
       },
       {
         "name": "dialog-as-component",
@@ -2576,7 +2576,7 @@
       {
         "name": "template-dialog",
         "html": "<button shButton (click)=\"openTemplateDialog(myDialog)\">Open Template Dialog</button>\n\n<ng-template #myDialog let-data let-close=\"close\">\n  <div content>\n    <h2>{{ data.message }}</h2>\n    <p>This dialog is rendered entirely from a TemplateRef.</p>\n    <div>\n      <button shButton (click)=\"close()\">Close Dialog</button>\n    </div>\n  </div>\n</ng-template>\n",
-        "ts": "import { Component, inject, input, TemplateRef } from '@angular/core';\nimport { ShipButton, ShipDialogService } from 'ship-ui';\n\n@Component({\n  selector: 'template-dialog',\n  standalone: true,\n  imports: [ShipButton],\n  templateUrl: './template-dialog.html',\n  styleUrl: './template-dialog.scss',\n})\nexport class TemplateDialog {\n  #dialog = inject(ShipDialogService);\n  type = input<string>();\n\n  openTemplateDialog(template: TemplateRef<any>) {\n    this.#dialog.open(template, {\n      data: { message: 'Hello from Template!' },\n      class: this.type() || 'default',\n    });\n  }\n}\n"
+        "ts": "import { Component, inject, input, TemplateRef } from '@angular/core';\nimport { ShipButton, ShipDialogService } from 'ship-ui';\n\n@Component({\n  selector: 'template-dialog',\n  standalone: true,\n  imports: [ShipButton],\n  templateUrl: './template-dialog.html',\n  styleUrl: './template-dialog.scss',\n})\nexport class TemplateDialog {\n  #dialog = inject(ShipDialogService);\n  type = input<string>();\n\n  openTemplateDialog(template: TemplateRef<any>) {\n    this.#dialog.open(template, {\n      data: { message: 'Hello from Template!' },\n      class: this.type() || '',\n    });\n  }\n}\n"
       },
       {
         "name": "basic-dynamic-dialog",