@skyux/inline-form 5.0.0-alpha.0 → 5.0.0

package/documentation.json

@@ -0,0 +1,1084 @@
+{
+  "anchorIds": {
+    "SkyInlineFormButtonLayout": "enumeration-skyinlineformbuttonlayout",
+    "SkyInlineFormModule": "class-skyinlineformmodule",
+    "SkyInlineFormComponent": "class-skyinlineformcomponent",
+    "SkyInlineFormButtonConfig": "interface-skyinlineformbuttonconfig",
+    "SkyInlineFormCloseArgs": "interface-skyinlineformcloseargs",
+    "SkyInlineFormConfig": "interface-skyinlineformconfig"
+  },
+  "typedoc": {
+    "id": 0,
+    "name": "@skyux/inline-form",
+    "kind": 1,
+    "kindString": "Project",
+    "flags": {},
+    "originalName": "",
+    "children": [
+      {
+        "id": 53,
+        "name": "SkyInlineFormButtonLayout",
+        "kind": 8,
+        "kindString": "Enumeration",
+        "flags": {},
+        "children": [
+          {
+            "id": 54,
+            "name": "Custom",
+            "kind": 16,
+            "kindString": "Enumeration member",
+            "flags": {},
+            "sources": [
+              {
+                "fileName": "projects/inline-form/src/modules/inline-form/types/inline-form-button-layout.ts",
+                "line": 2,
+                "character": 2
+              }
+            ],
+            "defaultValue": "0"
+          },
+          {
+            "id": 55,
+            "name": "DoneCancel",
+            "kind": 16,
+            "kindString": "Enumeration member",
+            "flags": {},
+            "sources": [
+              {
+                "fileName": "projects/inline-form/src/modules/inline-form/types/inline-form-button-layout.ts",
+                "line": 3,
+                "character": 2
+              }
+            ],
+            "defaultValue": "1"
+          },
+          {
+            "id": 56,
+            "name": "DoneDeleteCancel",
+            "kind": 16,
+            "kindString": "Enumeration member",
+            "flags": {},
+            "sources": [
+              {
+                "fileName": "projects/inline-form/src/modules/inline-form/types/inline-form-button-layout.ts",
+                "line": 4,
+                "character": 2
+              }
+            ],
+            "defaultValue": "2"
+          },
+          {
+            "id": 57,
+            "name": "SaveCancel",
+            "kind": 16,
+            "kindString": "Enumeration member",
+            "flags": {},
+            "sources": [
+              {
+                "fileName": "projects/inline-form/src/modules/inline-form/types/inline-form-button-layout.ts",
+                "line": 5,
+                "character": 2
+              }
+            ],
+            "defaultValue": "3"
+          },
+          {
+            "id": 58,
+            "name": "SaveDeleteCancel",
+            "kind": 16,
+            "kindString": "Enumeration member",
+            "flags": {},
+            "sources": [
+              {
+                "fileName": "projects/inline-form/src/modules/inline-form/types/inline-form-button-layout.ts",
+                "line": 6,
+                "character": 2
+              }
+            ],
+            "defaultValue": "4"
+          }
+        ],
+        "groups": [
+          {
+            "title": "Enumeration members",
+            "kind": 16,
+            "children": [
+              54,
+              55,
+              56,
+              57,
+              58
+            ]
+          }
+        ],
+        "sources": [
+          {
+            "fileName": "projects/inline-form/src/modules/inline-form/types/inline-form-button-layout.ts",
+            "line": 1,
+            "character": 12
+          }
+        ]
+      },
+      {
+        "id": 39,
+        "name": "SkyInlineFormModule",
+        "kind": 128,
+        "kindString": "Class",
+        "flags": {},
+        "decorators": [
+          {
+            "name": "NgModule",
+            "type": {
+              "type": "reference",
+              "name": "NgModule"
+            },
+            "arguments": {
+              "obj": "{\n  declarations: [\n    SkyInlineFormComponent\n  ],\n  imports: [\n    CommonModule,\n    SkyInlineFormResourcesModule\n  ],\n  exports: [\n    SkyInlineFormComponent\n  ]\n}"
+            }
+          }
+        ],
+        "children": [
+          {
+            "id": 40,
+            "name": "constructor",
+            "kind": 512,
+            "kindString": "Constructor",
+            "flags": {},
+            "signatures": [
+              {
+                "id": 41,
+                "name": "new SkyInlineFormModule",
+                "kind": 16384,
+                "kindString": "Constructor signature",
+                "flags": {},
+                "type": {
+                  "type": "reference",
+                  "id": 39,
+                  "name": "SkyInlineFormModule"
+                }
+              }
+            ]
+          }
+        ],
+        "groups": [
+          {
+            "title": "Constructors",
+            "kind": 512,
+            "children": [
+              40
+            ]
+          }
+        ],
+        "sources": [
+          {
+            "fileName": "projects/inline-form/src/modules/inline-form/inline-form.module.ts",
+            "line": 29,
+            "character": 13
+          }
+        ]
+      },
+      {
+        "id": 1,
+        "name": "SkyInlineFormComponent",
+        "kind": 128,
+        "kindString": "Class",
+        "flags": {},
+        "comment": {
+          "shortText": "Renders form content in the current view instead of a separate modal."
+        },
+        "decorators": [
+          {
+            "name": "Component",
+            "type": {
+              "type": "reference",
+              "name": "Component"
+            },
+            "arguments": {
+              "obj": "{\n  selector: 'sky-inline-form',\n  templateUrl: './inline-form.component.html',\n  styleUrls: ['./inline-form.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [\n    SkyInlineFormAdapterService\n  ],\n  animations: [ skySlideDissolve ]\n}"
+            }
+          }
+        ],
+        "children": [
+          {
+            "id": 2,
+            "name": "constructor",
+            "kind": 512,
+            "kindString": "Constructor",
+            "flags": {},
+            "sources": [
+              {
+                "fileName": "projects/inline-form/src/modules/inline-form/inline-form.component.ts",
+                "line": 127,
+                "character": 2
+              }
+            ],
+            "signatures": [
+              {
+                "id": 3,
+                "name": "SkyInlineFormComponent",
+                "kind": 16384,
+                "kindString": "Constructor signature",
+                "flags": {},
+                "parameters": [
+                  {
+                    "id": 4,
+                    "name": "adapter",
+                    "kind": 32768,
+                    "kindString": "Parameter",
+                    "flags": {},
+                    "type": {
+                      "type": "reference",
+                      "name": "SkyInlineFormAdapterService"
+                    }
+                  },
+                  {
+                    "id": 5,
+                    "name": "elementRef",
+                    "kind": 32768,
+                    "kindString": "Parameter",
+                    "flags": {},
+                    "type": {
+                      "type": "reference",
+                      "typeArguments": [
+                        {
+                          "type": "intrinsic",
+                          "name": "any"
+                        }
+                      ],
+                      "name": "ElementRef"
+                    }
+                  },
+                  {
+                    "id": 6,
+                    "name": "resourcesService",
+                    "kind": 32768,
+                    "kindString": "Parameter",
+                    "flags": {},
+                    "type": {
+                      "type": "reference",
+                      "name": "SkyLibResourcesService"
+                    }
+                  },
+                  {
+                    "id": 7,
+                    "name": "skyAppWindowRef",
+                    "kind": 32768,
+                    "kindString": "Parameter",
+                    "flags": {},
+                    "type": {
+                      "type": "reference",
+                      "name": "SkyAppWindowRef"
+                    }
+                  },
+                  {
+                    "id": 8,
+                    "name": "changeDetectorRef",
+                    "kind": 32768,
+                    "kindString": "Parameter",
+                    "flags": {},
+                    "type": {
+                      "type": "reference",
+                      "name": "ChangeDetectorRef"
+                    }
+                  }
+                ],
+                "type": {
+                  "type": "reference",
+                  "id": 1,
+                  "name": "SkyInlineFormComponent"
+                }
+              }
+            ]
+          },
+          {
+            "id": 19,
+            "name": "buttons",
+            "kind": 1024,
+            "kindString": "Property",
+            "flags": {
+              "isPublic": true
+            },
+            "sources": [
+              {
+                "fileName": "projects/inline-form/src/modules/inline-form/inline-form.component.ts",
+                "line": 121,
+                "character": 9
+              }
+            ],
+            "type": {
+              "type": "array",
+              "elementType": {
+                "type": "reference",
+                "id": 43,
+                "name": "SkyInlineFormButtonConfig"
+              }
+            }
+          },
+          {
+            "id": 18,
+            "name": "close",
+            "kind": 1024,
+            "kindString": "Property",
+            "flags": {
+              "isPublic": true
+            },
+            "comment": {
+              "shortText": "Fires when users close the inline form."
+            },
+            "decorators": [
+              {
+                "name": "Output",
+                "type": {
+                  "type": "reference",
+                  "name": "Output"
+                },
+                "arguments": {}
+              }
+            ],
+            "sources": [
+              {
+                "fileName": "projects/inline-form/src/modules/inline-form/inline-form.component.ts",
+                "line": 119,
+                "character": 9
+              }
+            ],
+            "type": {
+              "type": "reference",
+              "typeArguments": [
+                {
+                  "type": "reference",
+                  "id": 48,
+                  "name": "SkyInlineFormCloseArgs"
+                }
+              ],
+              "name": "EventEmitter"
+            },
+            "defaultValue": "..."
+          },
+          {
+            "id": 13,
+            "name": "template",
+            "kind": 1024,
+            "kindString": "Property",
+            "flags": {
+              "isPublic": true
+            },
+            "comment": {
+              "shortText": "Specifies a template to use to instantiate the inline form.",
+              "tags": [
+                {
+                  "tag": "required",
+                  "text": "\n"
+                }
+              ]
+            },
+            "decorators": [
+              {
+                "name": "Input",
+                "type": {
+                  "type": "reference",
+                  "name": "Input"
+                },
+                "arguments": {}
+              }
+            ],
+            "sources": [
+              {
+                "fileName": "projects/inline-form/src/modules/inline-form/inline-form.component.ts",
+                "line": 90,
+                "character": 9
+              }
+            ],
+            "type": {
+              "type": "reference",
+              "typeArguments": [
+                {
+                  "type": "intrinsic",
+                  "name": "any"
+                }
+              ],
+              "name": "TemplateRef"
+            }
+          },
+          {
+            "id": 9,
+            "name": "config",
+            "kind": 262144,
+            "kindString": "Accessor",
+            "flags": {
+              "isPublic": true
+            },
+            "decorators": [
+              {
+                "name": "Input",
+                "type": {
+                  "type": "reference",
+                  "name": "Input"
+                },
+                "arguments": {}
+              }
+            ],
+            "sources": [
+              {
+                "fileName": "projects/inline-form/src/modules/inline-form/inline-form.component.ts",
+                "line": 74,
+                "character": 13
+              }
+            ],
+            "getSignature": [
+              {
+                "id": 10,
+                "name": "config",
+                "kind": 524288,
+                "kindString": "Get signature",
+                "flags": {},
+                "comment": {
+                  "shortText": "Specifies configuration options for the buttons to display with the inline form."
+                },
+                "type": {
+                  "type": "reference",
+                  "id": 50,
+                  "name": "SkyInlineFormConfig"
+                }
+              }
+            ],
+            "setSignature": [
+              {
+                "id": 11,
+                "name": "config",
+                "kind": 1048576,
+                "kindString": "Set signature",
+                "flags": {},
+                "comment": {
+                  "shortText": "Specifies configuration options for the buttons to display with the inline form.",
+                  "tags": [
+                    {
+                      "tag": "required",
+                      "text": "\n"
+                    }
+                  ]
+                },
+                "parameters": [
+                  {
+                    "id": 12,
+                    "name": "value",
+                    "kind": 32768,
+                    "kindString": "Parameter",
+                    "flags": {},
+                    "type": {
+                      "type": "reference",
+                      "id": 50,
+                      "name": "SkyInlineFormConfig"
+                    }
+                  }
+                ],
+                "type": {
+                  "type": "intrinsic",
+                  "name": "void"
+                }
+              }
+            ]
+          },
+          {
+            "id": 14,
+            "name": "showForm",
+            "kind": 262144,
+            "kindString": "Accessor",
+            "flags": {
+              "isPublic": true
+            },
+            "decorators": [
+              {
+                "name": "Input",
+                "type": {
+                  "type": "reference",
+                  "name": "Input"
+                },
+                "arguments": {}
+              }
+            ],
+            "sources": [
+              {
+                "fileName": "projects/inline-form/src/modules/inline-form/inline-form.component.ts",
+                "line": 98,
+                "character": 13
+              }
+            ],
+            "getSignature": [
+              {
+                "id": 15,
+                "name": "showForm",
+                "kind": 524288,
+                "kindString": "Get signature",
+                "flags": {},
+                "comment": {
+                  "shortText": "Indicates whether to display the inline form. Users can toggle between displaying\nand hiding the inline form."
+                },
+                "type": {
+                  "type": "intrinsic",
+                  "name": "boolean"
+                }
+              }
+            ],
+            "setSignature": [
+              {
+                "id": 16,
+                "name": "showForm",
+                "kind": 1048576,
+                "kindString": "Set signature",
+                "flags": {},
+                "comment": {
+                  "shortText": "Indicates whether to display the inline form. Users can toggle between displaying\nand hiding the inline form.",
+                  "tags": [
+                    {
+                      "tag": "default",
+                      "text": "false\n"
+                    }
+                  ]
+                },
+                "parameters": [
+                  {
+                    "id": 17,
+                    "name": "value",
+                    "kind": 32768,
+                    "kindString": "Parameter",
+                    "flags": {},
+                    "type": {
+                      "type": "intrinsic",
+                      "name": "boolean"
+                    }
+                  }
+                ],
+                "type": {
+                  "type": "intrinsic",
+                  "name": "void"
+                }
+              }
+            ]
+          },
+          {
+            "id": 26,
+            "name": "closeInlineForm",
+            "kind": 2048,
+            "kindString": "Method",
+            "flags": {
+              "isPublic": true
+            },
+            "sources": [
+              {
+                "fileName": "projects/inline-form/src/modules/inline-form/inline-form.component.ts",
+                "line": 143,
+                "character": 9
+              }
+            ],
+            "signatures": [
+              {
+                "id": 27,
+                "name": "closeInlineForm",
+                "kind": 4096,
+                "kindString": "Call signature",
+                "flags": {},
+                "parameters": [
+                  {
+                    "id": 28,
+                    "name": "event",
+                    "kind": 32768,
+                    "kindString": "Parameter",
+                    "flags": {},
+                    "type": {
+                      "type": "reference",
+                      "id": 43,
+                      "name": "SkyInlineFormButtonConfig"
+                    }
+                  }
+                ],
+                "type": {
+                  "type": "intrinsic",
+                  "name": "void"
+                }
+              }
+            ]
+          },
+          {
+            "id": 24,
+            "name": "ngOnDestroy",
+            "kind": 2048,
+            "kindString": "Method",
+            "flags": {
+              "isPublic": true
+            },
+            "sources": [
+              {
+                "fileName": "projects/inline-form/src/modules/inline-form/inline-form.component.ts",
+                "line": 139,
+                "character": 9
+              }
+            ],
+            "signatures": [
+              {
+                "id": 25,
+                "name": "ngOnDestroy",
+                "kind": 4096,
+                "kindString": "Call signature",
+                "flags": {},
+                "type": {
+                  "type": "intrinsic",
+                  "name": "void"
+                },
+                "implementationOf": {
+                  "type": "reference",
+                  "name": "OnDestroy.ngOnDestroy"
+                }
+              }
+            ],
+            "implementationOf": {
+              "type": "reference",
+              "name": "OnDestroy.ngOnDestroy"
+            }
+          },
+          {
+            "id": 22,
+            "name": "ngOnInit",
+            "kind": 2048,
+            "kindString": "Method",
+            "flags": {
+              "isPublic": true
+            },
+            "sources": [
+              {
+                "fileName": "projects/inline-form/src/modules/inline-form/inline-form.component.ts",
+                "line": 135,
+                "character": 9
+              }
+            ],
+            "signatures": [
+              {
+                "id": 23,
+                "name": "ngOnInit",
+                "kind": 4096,
+                "kindString": "Call signature",
+                "flags": {},
+                "type": {
+                  "type": "intrinsic",
+                  "name": "void"
+                },
+                "implementationOf": {
+                  "type": "reference",
+                  "name": "OnInit.ngOnInit"
+                }
+              }
+            ],
+            "implementationOf": {
+              "type": "reference",
+              "name": "OnInit.ngOnInit"
+            }
+          }
+        ],
+        "groups": [
+          {
+            "title": "Constructors",
+            "kind": 512,
+            "children": [
+              2
+            ]
+          },
+          {
+            "title": "Properties",
+            "kind": 1024,
+            "children": [
+              19,
+              18,
+              13
+            ]
+          },
+          {
+            "title": "Accessors",
+            "kind": 262144,
+            "children": [
+              9,
+              14
+            ]
+          },
+          {
+            "title": "Methods",
+            "kind": 2048,
+            "children": [
+              26,
+              24,
+              22
+            ]
+          }
+        ],
+        "sources": [
+          {
+            "fileName": "projects/inline-form/src/modules/inline-form/inline-form.component.ts",
+            "line": 67,
+            "character": 13
+          }
+        ],
+        "implementedTypes": [
+          {
+            "type": "reference",
+            "name": "OnInit"
+          },
+          {
+            "type": "reference",
+            "name": "OnDestroy"
+          }
+        ]
+      },
+      {
+        "id": 43,
+        "name": "SkyInlineFormButtonConfig",
+        "kind": 256,
+        "kindString": "Interface",
+        "flags": {},
+        "comment": {
+          "shortText": "Specifies configuration options for the inline form's buttons."
+        },
+        "children": [
+          {
+            "id": 44,
+            "name": "action",
+            "kind": 1024,
+            "kindString": "Property",
+            "flags": {},
+            "comment": {
+              "shortText": "Specifies the action that the button performs.\nThe valid options are `cancel`, `delete`, `done`, and `save`.",
+              "tags": [
+                {
+                  "tag": "required",
+                  "text": "\n"
+                }
+              ]
+            },
+            "sources": [
+              {
+                "fileName": "projects/inline-form/src/modules/inline-form/types/inline-form-button-config.ts",
+                "line": 11,
+                "character": 2
+              }
+            ],
+            "type": {
+              "type": "intrinsic",
+              "name": "string"
+            }
+          },
+          {
+            "id": 46,
+            "name": "disabled",
+            "kind": 1024,
+            "kindString": "Property",
+            "flags": {
+              "isOptional": true
+            },
+            "comment": {
+              "shortText": "Indicates whether to disable the button.",
+              "tags": [
+                {
+                  "tag": "default",
+                  "text": "false\n"
+                }
+              ]
+            },
+            "sources": [
+              {
+                "fileName": "projects/inline-form/src/modules/inline-form/types/inline-form-button-config.ts",
+                "line": 23,
+                "character": 2
+              }
+            ],
+            "type": {
+              "type": "intrinsic",
+              "name": "boolean"
+            }
+          },
+          {
+            "id": 47,
+            "name": "styleType",
+            "kind": 1024,
+            "kindString": "Property",
+            "flags": {
+              "isOptional": true
+            },
+            "comment": {
+              "shortText": "Specifies a background color and style for the button.\nThe valid options are `default`, `link`, and `primary`.\nThese values set the background color and style from the\n[secondary, link, and primary button classes](https://developer.blackbaud.com/skyux/components/button) respectively."
+            },
+            "sources": [
+              {
+                "fileName": "projects/inline-form/src/modules/inline-form/types/inline-form-button-config.ts",
+                "line": 31,
+                "character": 2
+              }
+            ],
+            "type": {
+              "type": "intrinsic",
+              "name": "string"
+            }
+          },
+          {
+            "id": 45,
+            "name": "text",
+            "kind": 1024,
+            "kindString": "Property",
+            "flags": {},
+            "comment": {
+              "shortText": "Specifies a label for the button.",
+              "tags": [
+                {
+                  "tag": "required",
+                  "text": "\n"
+                }
+              ]
+            },
+            "sources": [
+              {
+                "fileName": "projects/inline-form/src/modules/inline-form/types/inline-form-button-config.ts",
+                "line": 17,
+                "character": 2
+              }
+            ],
+            "type": {
+              "type": "intrinsic",
+              "name": "string"
+            }
+          }
+        ],
+        "groups": [
+          {
+            "title": "Properties",
+            "kind": 1024,
+            "children": [
+              44,
+              46,
+              47,
+              45
+            ]
+          }
+        ],
+        "sources": [
+          {
+            "fileName": "projects/inline-form/src/modules/inline-form/types/inline-form-button-config.ts",
+            "line": 4,
+            "character": 17
+          }
+        ]
+      },
+      {
+        "id": 48,
+        "name": "SkyInlineFormCloseArgs",
+        "kind": 256,
+        "kindString": "Interface",
+        "flags": {},
+        "children": [
+          {
+            "id": 49,
+            "name": "reason",
+            "kind": 1024,
+            "kindString": "Property",
+            "flags": {},
+            "comment": {
+              "shortText": "Returns a `string` value that explains why the inline form closed.\nThe possible values are `cancel`, `delete`, `done`, and `save`."
+            },
+            "sources": [
+              {
+                "fileName": "projects/inline-form/src/modules/inline-form/types/inline-form-close-args.ts",
+                "line": 6,
+                "character": 2
+              }
+            ],
+            "type": {
+              "type": "intrinsic",
+              "name": "string"
+            }
+          }
+        ],
+        "groups": [
+          {
+            "title": "Properties",
+            "kind": 1024,
+            "children": [
+              49
+            ]
+          }
+        ],
+        "sources": [
+          {
+            "fileName": "projects/inline-form/src/modules/inline-form/types/inline-form-close-args.ts",
+            "line": 1,
+            "character": 17
+          }
+        ]
+      },
+      {
+        "id": 50,
+        "name": "SkyInlineFormConfig",
+        "kind": 256,
+        "kindString": "Interface",
+        "flags": {},
+        "comment": {
+          "shortText": "Specifies configuration options for the buttons to display with the inline form."
+        },
+        "children": [
+          {
+            "id": 51,
+            "name": "buttonLayout",
+            "kind": 1024,
+            "kindString": "Property",
+            "flags": {},
+            "comment": {
+              "shortText": "Specifies the buttons to display with the inline form. The valid options are `Custom`\nfor custom buttons, `DoneCancel` for Done and Cancel buttons, `DoneDeleteCancel` for Done,\nDelete, and Cancel buttons, `SaveCancel` for Save and Cancel buttons, and `SaveDeleteCancel`\nfor Save, Delete, and Cancel buttons.",
+              "tags": [
+                {
+                  "tag": "required",
+                  "text": "\n"
+                }
+              ]
+            },
+            "sources": [
+              {
+                "fileName": "projects/inline-form/src/modules/inline-form/types/inline-form-config.ts",
+                "line": 20,
+                "character": 2
+              }
+            ],
+            "type": {
+              "type": "reference",
+              "id": 53,
+              "name": "SkyInlineFormButtonLayout"
+            }
+          },
+          {
+            "id": 52,
+            "name": "buttons",
+            "kind": 1024,
+            "kindString": "Property",
+            "flags": {
+              "isOptional": true
+            },
+            "comment": {
+              "shortText": "Specifies configuration options for the inline form's buttons."
+            },
+            "sources": [
+              {
+                "fileName": "projects/inline-form/src/modules/inline-form/types/inline-form-config.ts",
+                "line": 24,
+                "character": 2
+              }
+            ],
+            "type": {
+              "type": "array",
+              "elementType": {
+                "type": "reference",
+                "id": 43,
+                "name": "SkyInlineFormButtonConfig"
+              }
+            }
+          }
+        ],
+        "groups": [
+          {
+            "title": "Properties",
+            "kind": 1024,
+            "children": [
+              51,
+              52
+            ]
+          }
+        ],
+        "sources": [
+          {
+            "fileName": "projects/inline-form/src/modules/inline-form/types/inline-form-config.ts",
+            "line": 12,
+            "character": 17
+          }
+        ]
+      }
+    ],
+    "groups": [
+      {
+        "title": "Enumerations",
+        "kind": 8,
+        "children": [
+          53
+        ]
+      },
+      {
+        "title": "Classes",
+        "kind": 128,
+        "children": [
+          39,
+          1
+        ]
+      },
+      {
+        "title": "Interfaces",
+        "kind": 256,
+        "children": [
+          43,
+          48,
+          50
+        ]
+      }
+    ],
+    "sources": [
+      {
+        "fileName": "projects/inline-form/src/public-api.ts",
+        "line": 1,
+        "character": 0
+      }
+    ]
+  },
+  "codeExamples": [
+    {
+      "fileName": "inline-form-demo.component.html",
+      "filePath": "/projects/inline-form/documentation/code-examples/inline-form/basic/inline-form-demo.component.html",
+      "rawContents": "<sky-inline-form\n  [config]=\"inlineFormConfig\"\n  [showForm]=\"showForm\"\n  [template]=\"inlineFormTemplate\"\n  (close)=\"onInlineFormClose($event)\"\n>\n  <table>\n    <tr>\n      <th>\n        First name:\n      </th>\n      <td>\n        {{ firstName }}\n      </td>\n      <td>\n        <button\n          aria-label=\"Edit\"\n          class=\"sky-btn sky-btn-link sky-demo-btn-edit\"\n          (click)=\"onInlineFormOpen()\"\n        >\n          <sky-icon\n            icon=\"pencil\"\n          ></sky-icon>\n        </button>\n      </td>\n    </tr>\n  </table>\n</sky-inline-form>\n\n<ng-template\n  #inlineFormTemplate\n>\n  <form\n    novalidate\n    [formGroup]=\"myForm\"\n  >\n    <div\n      class=\"sky-form-group\"\n    >\n      <sky-input-box>\n        <label\n          class=\"sky-control-label\"\n          [for]=\"firstNameInput.id\"\n        >\n          First name\n        </label>\n        <input\n          class=\"sky-form-control\"\n          formControlName=\"myFirstName\"\n          skyId\n          type=\"text\"\n          #firstNameInput=\"skyId\"\n        />\n      </sky-input-box>\n    </div>\n  </form>\n</ng-template>\n"
+    },
+    {
+      "fileName": "inline-form-demo.component.ts",
+      "filePath": "/projects/inline-form/documentation/code-examples/inline-form/basic/inline-form-demo.component.ts",
+      "rawContents": "import {\n  Component,\n  OnInit\n} from '@angular/core';\n\nimport {\n  FormBuilder,\n  FormControl,\n  FormGroup\n} from '@angular/forms';\n\nimport {\n  SkyInlineFormButtonLayout,\n  SkyInlineFormCloseArgs,\n  SkyInlineFormConfig\n} from '@skyux/inline-form';\n\n@Component({\n  selector: 'app-inline-form-demo',\n  templateUrl: './inline-form-demo.component.html'\n})\nexport class InlineFormDemoComponent implements OnInit {\n\n  public firstName: string = 'Jane';\n\n  public myForm: FormGroup;\n\n  public inlineFormConfig: SkyInlineFormConfig = {\n    buttonLayout: SkyInlineFormButtonLayout.SaveCancel\n  };\n\n  public showForm: boolean = false;\n\n  constructor(private formBuilder: FormBuilder) {}\n\n  public ngOnInit(): void {\n    this.myForm = this.formBuilder.group({\n      myFirstName: new FormControl()\n    });\n  }\n\n  public onInlineFormClose(args: SkyInlineFormCloseArgs): void {\n    if (args.reason === 'save') {\n      this.firstName = this.myForm.get('myFirstName').value;\n    }\n\n    this.showForm = false;\n    this.myForm.patchValue({\n      myFirstName: undefined\n    });\n  }\n\n  public onInlineFormOpen(): void {\n    this.showForm = true;\n    this.myForm.patchValue({\n      myFirstName: this.firstName\n    });\n  }\n\n}\n"
+    },
+    {
+      "fileName": "inline-form-demo.module.ts",
+      "filePath": "/projects/inline-form/documentation/code-examples/inline-form/basic/inline-form-demo.module.ts",
+      "rawContents": "import {\n  CommonModule\n} from '@angular/common';\n\nimport {\n  NgModule\n} from '@angular/core';\n\nimport {\n  ReactiveFormsModule\n} from '@angular/forms';\n\nimport {\n  SkyIdModule\n} from '@skyux/core';\n\nimport {\n  SkyInputBoxModule\n} from '@skyux/forms';\n\nimport {\n  SkyIconModule\n} from '@skyux/indicators';\n\nimport {\n  SkyInlineFormModule\n} from '@skyux/inline-form';\n\nimport {\n  InlineFormDemoComponent\n} from './inline-form-demo.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    SkyIconModule,\n    SkyIdModule,\n    SkyInlineFormModule,\n    SkyInputBoxModule\n  ],\n  exports: [\n    InlineFormDemoComponent\n  ],\n  declarations: [\n    InlineFormDemoComponent\n  ]\n})\nexport class InlineFormDemoModule { }\n"
+    },
+    {
+      "fileName": "inline-form-demo.component.html",
+      "filePath": "/projects/inline-form/documentation/code-examples/inline-form/custom-buttons/inline-form-demo.component.html",
+      "rawContents": "<sky-inline-form\n  [config]=\"inlineFormConfig\"\n  [showForm]=\"showForm\"\n  [template]=\"inlineFormTemplate\"\n  (close)=\"onInlineFormClose($event)\"\n>\n  <table>\n    <tr>\n      <th>\n        First name:\n      </th>\n      <td>\n        {{ firstName }}\n      </td>\n      <td>\n        <button\n          aria-label=\"Edit\"\n          class=\"sky-btn sky-btn-link sky-demo-btn-edit\"\n          (click)=\"onInlineFormOpen()\"\n        >\n          <sky-icon\n            icon=\"pencil\"\n          ></sky-icon>\n        </button>\n      </td>\n    </tr>\n  </table>\n</sky-inline-form>\n\n<ng-template\n  #inlineFormTemplate\n>\n  <form\n    novalidate\n    [formGroup]=\"myForm\"\n  >\n    <div\n      class=\"sky-form-group\"\n    >\n      <sky-input-box>\n        <label\n          class=\"sky-control-label sky-control-label-required\"\n          [for]=\"firstNameInput.id\"\n        >\n          First name\n        </label>\n        <input\n          class=\"sky-form-control\"\n          formControlName=\"myFirstName\"\n          required\n          skyId\n          type=\"text\"\n          #firstNameInput=\"skyId\"\n        />\n      </sky-input-box>\n    </div>\n  </form>\n</ng-template>\n"
+    },
+    {
+      "fileName": "inline-form-demo.component.ts",
+      "filePath": "/projects/inline-form/documentation/code-examples/inline-form/custom-buttons/inline-form-demo.component.ts",
+      "rawContents": "import {\n  Component,\n  OnInit\n} from '@angular/core';\n\nimport {\n  FormBuilder,\n  FormControl,\n  FormGroup\n} from '@angular/forms';\n\nimport {\n  SkyInlineFormButtonLayout,\n  SkyInlineFormCloseArgs,\n  SkyInlineFormConfig\n} from '@skyux/inline-form';\n\n@Component({\n  selector: 'app-inline-form-demo',\n  templateUrl: './inline-form-demo.component.html'\n})\nexport class InlineFormDemoComponent implements OnInit {\n\n  public firstName: string = 'Jane';\n\n  public myForm: FormGroup;\n\n  public inlineFormConfig: SkyInlineFormConfig = {\n    buttonLayout: SkyInlineFormButtonLayout.Custom,\n    buttons: [\n      {\n        action: 'save',\n        text: 'Save',\n        styleType: 'primary'\n      },\n      {\n        action: 'delete',\n        text: 'Delete',\n        styleType: 'default'\n      },\n      {\n        action: 'reset',\n        text: 'Reset',\n        styleType: 'default'\n      },\n      {\n        action: 'cancel',\n        text: 'Cancel',\n        styleType: 'link'\n      }\n    ]\n  };\n\n  public showForm: boolean = false;\n\n  constructor(private formBuilder: FormBuilder) {}\n\n  public ngOnInit(): void {\n    this.myForm = this.formBuilder.group({\n      myFirstName: new FormControl()\n    });\n\n    this.myForm.valueChanges.subscribe(() => {\n      if (this.inlineFormConfig.buttons[0].disabled !== this.myForm.invalid) {\n        this.inlineFormConfig.buttons[0].disabled = this.myForm.invalid;\n        this.inlineFormConfig = {...{ }, ...this.inlineFormConfig};\n      }\n    });\n  }\n\n  public onInlineFormClose(args: SkyInlineFormCloseArgs): void {\n    if (args.reason === 'save') {\n      this.firstName = this.myForm.get('myFirstName').value;\n    }\n\n    this.showForm = false;\n    this.myForm.patchValue({\n      myFirstName: undefined\n    });\n  }\n\n  public onInlineFormOpen(): void {\n    this.showForm = true;\n    this.myForm.patchValue({\n      myFirstName: this.firstName\n    });\n  }\n\n}\n"
+    },
+    {
+      "fileName": "inline-form-demo.module.ts",
+      "filePath": "/projects/inline-form/documentation/code-examples/inline-form/custom-buttons/inline-form-demo.module.ts",
+      "rawContents": "import {\n  CommonModule\n} from '@angular/common';\n\nimport {\n  NgModule\n} from '@angular/core';\n\nimport {\n  ReactiveFormsModule\n} from '@angular/forms';\n\nimport {\n  SkyIdModule\n} from '@skyux/core';\n\nimport {\n  SkyInputBoxModule\n} from '@skyux/forms';\n\nimport {\n  SkyIconModule\n} from '@skyux/indicators';\n\nimport {\n  SkyInlineFormModule\n} from '@skyux/inline-form';\n\nimport {\n  InlineFormDemoComponent\n} from './inline-form-demo.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    SkyIconModule,\n    SkyIdModule,\n    SkyInlineFormModule,\n    SkyInputBoxModule\n  ],\n  exports: [\n    InlineFormDemoComponent\n  ],\n  declarations: [\n    InlineFormDemoComponent\n  ]\n})\nexport class InlineFormDemoModule { }\n"
+    },
+    {
+      "fileName": "inline-form-demo.component.html",
+      "filePath": "/projects/inline-form/documentation/code-examples/inline-form/repeaters/inline-form-demo.component.html",
+      "rawContents": "<sky-repeater>\n  <sky-repeater-item *ngFor=\"let item of items\"\n    [inlineFormConfig]=\"inlineFormConfig\"\n    [inlineFormTemplate]=\"inlineFormTemplate\"\n    [showInlineForm]=\"activeInlineFormId === item.id\"\n    (inlineFormClose)=\"onInlineFormClose($event)\"\n  >\n\n    <sky-repeater-item-title\n      class=\"demo-repeater-flex\"\n    >\n      <div\n        class=\"sky-emphasized\"\n      >\n        {{ item.title }}\n      </div>\n      <div>\n        <button\n          aria-label=\"Edit\"\n          class=\"sky-btn sky-btn-link sky-btn-link-inline sky-no-focus sky-demo-btn-edit\"\n          type=\"button\"\n          (click)=\"showInlineForm(item)\"\n        >\n          <sky-icon\n            icon=\"pencil\"\n          >\n          </sky-icon>\n        </button>\n      </div>\n    </sky-repeater-item-title>\n\n    <sky-repeater-item-content>\n      {{ item.note }}\n    </sky-repeater-item-content>\n\n  </sky-repeater-item>\n</sky-repeater>\n\n<ng-template\n  #inlineFormTemplate\n>\n  <form\n    novalidate\n    [formGroup]=\"myForm\"\n  >\n    <div\n      class=\"sky-form-group\"\n    >\n      <sky-input-box>\n        <label\n          class=\"sky-control-label\"\n          [for]=\"myTitle.id\"\n        >\n          Title\n        </label>\n        <input\n          class=\"sky-form-control\"\n          formControlName=\"title\"\n          skyId\n          type=\"text\"\n          #myTitle=\"skyId\"\n        />\n      </sky-input-box>\n    </div>\n    <div\n      class=\"sky-form-group\"\n    >\n      <sky-input-box>\n        <label\n          class=\"sky-control-label\"\n          [for]=\"myNote.id\"\n        >\n          Note\n        </label>\n        <input\n          class=\"sky-form-control\"\n          formControlName=\"note\"\n          skyId\n          type=\"text\"\n          #myNote=\"skyId\"\n        />\n      </sky-input-box>\n    </div>\n  </form>\n</ng-template>\n"
+    },
+    {
+      "fileName": "inline-form-demo.component.scss",
+      "filePath": "/projects/inline-form/documentation/code-examples/inline-form/repeaters/inline-form-demo.component.scss",
+      "rawContents": ".demo-repeater-flex {\n  display: flex;\n  flex-wrap: wrap;\n\n  div.sky-emphasized {\n    flex-grow: 1;\n  }\n}\n"
+    },
+    {
+      "fileName": "inline-form-demo.component.ts",
+      "filePath": "/projects/inline-form/documentation/code-examples/inline-form/repeaters/inline-form-demo.component.ts",
+      "rawContents": "import {\n  Component,\n  OnInit\n} from '@angular/core';\n\nimport {\n  FormBuilder,\n  FormControl,\n  FormGroup\n} from '@angular/forms';\n\nimport {\n  SkyInlineFormButtonLayout,\n  SkyInlineFormCloseArgs,\n  SkyInlineFormConfig\n} from '@skyux/inline-form';\n\n@Component({\n  selector: 'app-inline-form-demo',\n  templateUrl: './inline-form-demo.component.html',\n  styleUrls: ['./inline-form-demo.component.scss']\n})\nexport class InlineFormDemoComponent implements OnInit {\n\n  public activeInlineFormId: string;\n\n  public inlineFormConfig: SkyInlineFormConfig = {\n    buttonLayout: SkyInlineFormButtonLayout.SaveCancel\n  };\n\n  public items: any[] = [\n    {\n      id: '1',\n      title: '2019 Spring Gala',\n      note: 'Gala for friends and family'\n    },\n    {\n      id: '2',\n      title: '2019 Special Winter Event',\n      note: 'A special event'\n    },\n    {\n      id: '3',\n      title: '2019 Donor Appreciation Event',\n      note: 'Event for all donors and families'\n    },\n    {\n      id: '4',\n      title: '2020 Spring Gala',\n      note: 'Gala for friends and family'\n    }\n  ];\n\n  public myForm: FormGroup;\n\n  constructor(private formBuilder: FormBuilder) {}\n\n  public ngOnInit(): void {\n    this.myForm = this.formBuilder.group({\n      id: new FormControl(),\n      title: new FormControl(),\n      note: new FormControl()\n    });\n  }\n\n  public showInlineForm(item: any): void {\n    this.activeInlineFormId = item.id;\n    this.myForm.patchValue({\n      note: item.note,\n      title: item.title\n    });\n  }\n\n  public onInlineFormClose(args: SkyInlineFormCloseArgs): void {\n    if (args.reason === 'save') {\n      const found = this.items.find(item => item.id === this.activeInlineFormId);\n      found.note = this.myForm.get('note').value;\n      found.title = this.myForm.get('title').value;\n    }\n\n    this.myForm.patchValue({\n      note: undefined,\n      title: undefined\n    });\n\n    // Close the active form.\n    this.activeInlineFormId = undefined;\n  }\n\n}\n"
+    },
+    {
+      "fileName": "inline-form-demo.module.ts",
+      "filePath": "/projects/inline-form/documentation/code-examples/inline-form/repeaters/inline-form-demo.module.ts",
+      "rawContents": "import {\n  CommonModule\n} from '@angular/common';\n\nimport {\n  NgModule\n} from '@angular/core';\n\nimport {\n  ReactiveFormsModule\n} from '@angular/forms';\n\nimport {\n  SkyIdModule\n} from '@skyux/core';\n\nimport {\n  SkyInputBoxModule\n} from '@skyux/forms';\n\nimport {\n  SkyIconModule\n} from '@skyux/indicators';\n\nimport {\n  SkyInlineFormModule\n} from '@skyux/inline-form';\n\nimport {\n  SkyRepeaterModule\n} from '@skyux/lists';\n\nimport {\n  InlineFormDemoComponent\n} from './inline-form-demo.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    ReactiveFormsModule,\n    SkyIconModule,\n    SkyIdModule,\n    SkyInlineFormModule,\n    SkyInputBoxModule,\n    SkyRepeaterModule\n  ],\n  exports: [\n    InlineFormDemoComponent\n  ],\n  declarations: [\n    InlineFormDemoComponent\n  ]\n})\nexport class InlineFormDemoModule { }\n"
+    }
+  ]
+}