scu-web-components 1.3.21 → 1.3.22

package/dist/custom-elements.json

@@ -1099,33 +1099,31 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/scw-button/ScwButton.ts",
+      "path": "src/scw-callout/ScwCallout.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "ScwButton",
-          "name": "ScwButton",
-          "slots": [
+          "description": "ScwBlock",
+          "name": "ScwCallout",
+          "members": [
             {
-              "description": "(OPTIONAL) anchor (for SEO) will determine the label, href, and target.",
-              "name": "default",
-              "default": "\"<a href target />\""
+              "kind": "field",
+              "name": "heading",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "(ScwCallout) The heading",
+              "attribute": "heading",
+              "reflects": true
             },
-            {
-              "description": "(OPTIONAL) random content (paired with design=\"plain\") will wrap that content with a link.",
-              "name": "default",
-              "default": "\"<... />\""
-            }
-          ],
-          "members": [
             {
               "kind": "field",
-              "name": "submitType",
+              "name": "align",
               "type": {
-                "text": "ScwFormComponentSubmitTypes"
+                "text": "string | undefined"
               },
-              "description": "<ScwFormComponent> the usage in a form (& scw-form a query target)",
-              "attribute": "submit-type",
+              "description": "(ScwCallout) Alignment of the callout",
+              "attribute": "alignment",
               "reflects": true
             },
             {
@@ -1142,76 +1140,6 @@
                 "module": "src/scw-component/ScwComponent.ts"
               }
             },
-            {
-              "kind": "field",
-              "name": "href",
-              "type": {
-                "text": "string"
-              },
-              "default": "'javascript:'",
-              "description": "(ScwLink) Link url",
-              "attribute": "href",
-              "inheritedFrom": {
-                "name": "ScwLink",
-                "module": "src/scw-link/ScwLink.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "icon",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "(ScwLink) Design system icon",
-              "attribute": "icon",
-              "inheritedFrom": {
-                "name": "ScwLink",
-                "module": "src/scw-link/ScwLink.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "iconSide",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "(ScwLink) Side you want the icon displayed",
-              "attribute": "icon-side",
-              "inheritedFrom": {
-                "name": "ScwLink",
-                "module": "src/scw-link/ScwLink.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "design",
-              "type": {
-                "text": "| 'solid'\n    | 'outlined'\n    | 'light'\n    | 'white'\n    | 'text'\n    | 'plain'\n    | 'block'\n    | 'icon'\n    | 'main'\n    | 'solidIcon'"
-              },
-              "default": "'solid'",
-              "description": "(ScwLink) Link design",
-              "attribute": "design",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "ScwLink",
-                "module": "src/scw-link/ScwLink.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "target",
-              "type": {
-                "text": "'_blank' | '_parent' | '_self' | '_top' | undefined"
-              },
-              "description": "(ScwLink) Link target",
-              "attribute": "target",
-              "inheritedFrom": {
-                "name": "ScwLink",
-                "module": "src/scw-link/ScwLink.ts"
-              }
-            },
             {
               "kind": "field",
               "name": "ariaLabel",
@@ -1219,7 +1147,7 @@
                 "text": "string"
               },
               "default": "''",
-              "description": "(ScwLink) Link label",
+              "description": "(ScwComponent) Main text within component",
               "attribute": "aria-label",
               "reflects": true,
               "inheritedFrom": {
@@ -1227,35 +1155,6 @@
                 "module": "src/scw-component/ScwComponent.ts"
               }
             },
-            {
-              "kind": "field",
-              "name": "size",
-              "type": {
-                "text": "'small' | 'medium' | 'large'"
-              },
-              "default": "'medium'",
-              "description": "(ScwLink) Link size",
-              "attribute": "size",
-              "inheritedFrom": {
-                "name": "ScwLink",
-                "module": "src/scw-link/ScwLink.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "shape",
-              "type": {
-                "text": "'default' | 'pill'"
-              },
-              "default": "'default'",
-              "description": "(ScwLink) Corner rounding",
-              "attribute": "shape",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "ScwLink",
-                "module": "src/scw-link/ScwLink.ts"
-              }
-            },
             {
               "kind": "field",
               "name": "ariaDisabled",
@@ -1263,103 +1162,20 @@
                 "text": "string"
               },
               "default": "'false'",
-              "description": "(ScwLink) If the link is disabled",
+              "description": "(ScwComponent) Disables the component however it disables",
               "attribute": "aria-disabled",
-              "reflects": true,
               "inheritedFrom": {
                 "name": "ScwComponent",
                 "module": "src/scw-component/ScwComponent.ts"
               }
             },
-            {
-              "kind": "field",
-              "name": "underline",
-              "type": {
-                "text": "string"
-              },
-              "default": "'true'",
-              "description": "(ScwLink) If a regular link should be underlined",
-              "attribute": "underline",
-              "inheritedFrom": {
-                "name": "ScwLink",
-                "module": "src/scw-link/ScwLink.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "linkAnchor",
-              "type": {
-                "text": "HTMLAnchorElement | undefined"
-              },
-              "inheritedFrom": {
-                "name": "ScwLink",
-                "module": "src/scw-link/ScwLink.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "focus",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "description": "focus",
-              "inheritedFrom": {
-                "name": "ScwLink",
-                "module": "src/scw-link/ScwLink.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "click",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "description": "click",
-              "inheritedFrom": {
-                "name": "ScwLink",
-                "module": "src/scw-link/ScwLink.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "renderIcon",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "object"
-                }
-              },
-              "description": "renderIcon",
-              "inheritedFrom": {
-                "name": "ScwLink",
-                "module": "src/scw-link/ScwLink.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "renderContent",
-              "return": {
-                "type": {
-                  "text": "object"
-                }
-              },
-              "description": "renderContent",
-              "inheritedFrom": {
-                "name": "ScwLink",
-                "module": "src/scw-link/ScwLink.ts"
-              }
-            },
             {
               "kind": "field",
               "name": "isLink",
               "type": {
                 "text": "boolean"
               },
-              "default": "true",
+              "default": "false",
               "description": "(ScwLinkBase)\nSome lookups need to know if something is a link or not...",
               "attribute": "is-link",
               "reflects": true,
@@ -1445,142 +1261,47 @@
           ],
           "attributes": [
             {
-              "name": "submit-type",
+              "name": "heading",
               "type": {
-                "text": "ScwFormComponentSubmitTypes"
+                "text": "string | undefined"
               },
-              "description": "<ScwFormComponent> the usage in a form (& scw-form a query target)",
-              "fieldName": "submitType"
+              "description": "(ScwCallout) The heading",
+              "fieldName": "heading"
             },
             {
-              "name": "icon",
+              "name": "alignment",
               "type": {
-                "text": "string"
+                "text": "string | undefined"
               },
-              "default": "''",
-              "description": "(ScwLink) Design system icon",
-              "fieldName": "icon",
-              "inheritedFrom": {
-                "name": "ScwLink",
-                "module": "src/scw-link/ScwLink.ts"
-              }
+              "description": "(ScwCallout) Alignment of the callout",
+              "fieldName": "align"
             },
             {
-              "name": "icon-side",
+              "name": "aria-label",
               "type": {
                 "text": "string"
               },
               "default": "''",
-              "description": "(ScwLink) Side you want the icon displayed",
-              "fieldName": "iconSide",
+              "description": "(ScwComponent) Main text within component",
+              "fieldName": "ariaLabel",
               "inheritedFrom": {
-                "name": "ScwLink",
-                "module": "src/scw-link/ScwLink.ts"
+                "name": "ScwComponent",
+                "module": "src/scw-component/ScwComponent.ts"
               }
             },
             {
-              "name": "design",
-              "type": {
-                "text": "| 'solid'\n    | 'outlined'\n    | 'light'\n    | 'white'\n    | 'text'\n    | 'plain'\n    | 'block'\n    | 'icon'\n    | 'main'\n    | 'solidIcon'"
-              },
-              "default": "'solid'",
-              "description": "(ScwLink) Link design",
-              "fieldName": "design",
-              "inheritedFrom": {
-                "name": "ScwLink",
-                "module": "src/scw-link/ScwLink.ts"
-              }
-            },
-            {
-              "name": "href",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "(ScwLink) Link url",
-              "fieldName": "href",
-              "inheritedFrom": {
-                "name": "ScwLink",
-                "module": "src/scw-link/ScwLink.ts"
-              }
-            },
-            {
-              "name": "target",
-              "type": {
-                "text": "'_blank' | '_parent' | '_self' | '_top' | undefined"
-              },
-              "description": "(ScwLink) Link target",
-              "fieldName": "target",
-              "inheritedFrom": {
-                "name": "ScwLink",
-                "module": "src/scw-link/ScwLink.ts"
-              }
-            },
-            {
-              "name": "aria-label",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "(ScwLink) Link label",
-              "fieldName": "ariaLabel",
-              "inheritedFrom": {
-                "name": "ScwComponent",
-                "module": "src/scw-component/ScwComponent.ts"
-              }
-            },
-            {
-              "name": "size",
-              "type": {
-                "text": "'small' | 'medium' | 'large'"
-              },
-              "default": "'medium'",
-              "description": "(ScwLink) Link size",
-              "fieldName": "size",
-              "inheritedFrom": {
-                "name": "ScwLink",
-                "module": "src/scw-link/ScwLink.ts"
-              }
-            },
-            {
-              "name": "shape",
-              "type": {
-                "text": "'default' | 'pill'"
-              },
-              "default": "'default'",
-              "description": "(ScwLink) Corner rounding",
-              "fieldName": "shape",
-              "inheritedFrom": {
-                "name": "ScwLink",
-                "module": "src/scw-link/ScwLink.ts"
-              }
-            },
-            {
-              "name": "aria-disabled",
+              "name": "aria-disabled",
               "type": {
                 "text": "string"
               },
               "default": "'false'",
-              "description": "(ScwLink) If the link is disabled",
+              "description": "(ScwComponent) Disables the component however it disables",
               "fieldName": "ariaDisabled",
               "inheritedFrom": {
                 "name": "ScwComponent",
                 "module": "src/scw-component/ScwComponent.ts"
               }
             },
-            {
-              "name": "underline",
-              "type": {
-                "text": "string"
-              },
-              "default": "'true'",
-              "description": "(ScwLink) If a regular link should be underlined",
-              "fieldName": "underline",
-              "inheritedFrom": {
-                "name": "ScwLink",
-                "module": "src/scw-link/ScwLink.ts"
-              }
-            },
             {
               "name": "is-link",
               "type": {
@@ -1621,10 +1342,10 @@
             }
           ],
           "superclass": {
-            "name": "ScwLink",
-            "module": "/src/scw-link/ScwLink"
+            "name": "ScwComponent",
+            "package": "scw-component/ScwComponent"
           },
-          "tagName": "scw-button",
+          "tagName": "scw-callout",
           "customElement": true
         }
       ],
@@ -1633,35 +1354,47 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "ScwButton",
-            "module": "src/scw-button/ScwButton.ts"
+            "name": "ScwCallout",
+            "module": "src/scw-callout/ScwCallout.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/scw-button/scw-button.ts",
+      "path": "src/scw-callout/scw-callout.ts",
       "declarations": [],
       "exports": [
         {
           "kind": "custom-element-definition",
-          "name": "scw-button",
+          "name": "scw-callout",
           "declaration": {
-            "name": "ScwButton",
-            "module": "/src/scw-button/ScwButton.js"
+            "name": "ScwCallout",
+            "module": "/src/scw-callout/ScwCallout"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/scw-callout/ScwCallout.ts",
+      "path": "src/scw-card/ScwCard.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "ScwBlock",
-          "name": "ScwCallout",
+          "description": "ScwCard a first LitElement web component",
+          "name": "ScwCard",
+          "slots": [
+            {
+              "description": "List of tags to display on the card",
+              "name": "image",
+              "default": "\"<scw-image />...\""
+            },
+            {
+              "description": "List of tags to display on the card",
+              "name": "tags",
+              "default": "\"<scw-link design=\"link\" />...\""
+            }
+          ],
           "members": [
             {
               "kind": "field",
@@ -1669,366 +1402,76 @@
               "type": {
                 "text": "string | undefined"
               },
-              "description": "(ScwCallout) The heading",
-              "attribute": "heading",
-              "reflects": true
+              "description": "(ScwCard) Main title or header of the card",
+              "attribute": "heading"
             },
             {
               "kind": "field",
-              "name": "align",
+              "name": "date",
               "type": {
                 "text": "string | undefined"
               },
-              "description": "(ScwCallout) Alignment of the callout",
-              "attribute": "alignment",
-              "reflects": true
+              "description": "(ScwCard) Date field for articles",
+              "attribute": "date"
             },
             {
               "kind": "field",
-              "name": "element",
+              "name": "border",
               "type": {
-                "text": "string"
+                "text": "boolean | undefined"
               },
-              "description": "(ScwComponent) contains the root element name for each component\n(enum Components)",
-              "attribute": "element",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "ScwComponent",
-                "module": "src/scw-component/ScwComponent.ts"
-              }
+              "description": "(ScwCard) If card should have border",
+              "attribute": "show-border"
             },
             {
               "kind": "field",
-              "name": "ariaLabel",
+              "name": "align",
               "type": {
                 "text": "string"
               },
-              "default": "''",
-              "description": "(ScwComponent) Main text within component",
-              "attribute": "aria-label",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "ScwComponent",
-                "module": "src/scw-component/ScwComponent.ts"
-              }
+              "default": "'vertical'",
+              "description": "(ScwCard) Alignment of the card",
+              "attribute": "align"
             },
             {
               "kind": "field",
-              "name": "ariaDisabled",
+              "name": "superHeading",
               "type": {
-                "text": "string"
+                "text": "string | undefined"
               },
-              "default": "'false'",
-              "description": "(ScwComponent) Disables the component however it disables",
-              "attribute": "aria-disabled",
-              "inheritedFrom": {
-                "name": "ScwComponent",
-                "module": "src/scw-component/ScwComponent.ts"
-              }
+              "description": "(ScwCard) Super heading, describing a category or area pertaining to\ntitle",
+              "attribute": "super-heading"
             },
             {
               "kind": "field",
-              "name": "isLink",
+              "name": "primaryLink",
               "type": {
-                "text": "boolean"
+                "text": "string | undefined"
               },
-              "default": "false",
-              "description": "(ScwLinkBase)\nSome lookups need to know if something is a link or not...",
-              "attribute": "is-link",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "ScwComponent",
-                "module": "src/scw-component/ScwComponent.ts"
-              }
+              "description": "(ScwCard) The link for the primary button",
+              "attribute": "primary-cta-link"
             },
             {
               "kind": "field",
-              "name": "_lightDomMutationObserver",
+              "name": "primaryLabel",
               "type": {
-                "text": "LightDomMutationObserver | undefined"
+                "text": "string | undefined"
               },
-              "description": "(ScwComponent) Light Dom Mutation Observer",
-              "inheritedFrom": {
-                "name": "ScwComponent",
-                "module": "src/scw-component/ScwComponent.ts"
-              }
+              "description": "(ScwCard) The label for the primary button",
+              "attribute": "primary-cta-label"
             },
             {
               "kind": "field",
-              "name": "dynamic",
+              "name": "secondaryLink",
               "type": {
-                "text": "boolean"
+                "text": "string | undefined"
               },
-              "default": "false",
-              "description": "(ScwComponent) Determines whether to watch for changes\nin children. (not all components use light DOM)",
-              "attribute": "dynamic",
-              "inheritedFrom": {
-                "name": "ScwComponent",
-                "module": "src/scw-component/ScwComponent.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "domMutated",
-              "description": "parseLightDom is a hook for classes extending this one to add\nother parsers and validations",
-              "inheritedFrom": {
-                "name": "ScwComponent",
-                "module": "src/scw-component/ScwComponent.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "warn",
-              "parameters": [
-                {
-                  "name": "message",
-                  "type": {
-                    "text": "string"
-                  },
-                  "description": "describing warning"
-                }
-              ],
-              "description": "handles warnings...things wrong with formatting, ADA, etc...",
-              "inheritedFrom": {
-                "name": "ScwComponent",
-                "module": "src/scw-component/ScwComponent.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "clearWarnings",
-              "description": "clearWarnings",
-              "inheritedFrom": {
-                "name": "ScwComponent",
-                "module": "src/scw-component/ScwComponent.ts"
-              }
+              "description": "(ScwCard) The link for the secondary button",
+              "attribute": "secondary-cta-link"
             },
             {
               "kind": "field",
-              "name": "_lastWarning",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "retain the last warning sent...good for testing.",
-              "inheritedFrom": {
-                "name": "ScwComponent",
-                "module": "src/scw-component/ScwComponent.ts"
-              }
-            }
-          ],
-          "attributes": [
-            {
-              "name": "heading",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "(ScwCallout) The heading",
-              "fieldName": "heading"
-            },
-            {
-              "name": "alignment",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "(ScwCallout) Alignment of the callout",
-              "fieldName": "align"
-            },
-            {
-              "name": "aria-label",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "(ScwComponent) Main text within component",
-              "fieldName": "ariaLabel",
-              "inheritedFrom": {
-                "name": "ScwComponent",
-                "module": "src/scw-component/ScwComponent.ts"
-              }
-            },
-            {
-              "name": "aria-disabled",
-              "type": {
-                "text": "string"
-              },
-              "default": "'false'",
-              "description": "(ScwComponent) Disables the component however it disables",
-              "fieldName": "ariaDisabled",
-              "inheritedFrom": {
-                "name": "ScwComponent",
-                "module": "src/scw-component/ScwComponent.ts"
-              }
-            },
-            {
-              "name": "is-link",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "(ScwLinkBase)\nSome lookups need to know if something is a link or not...",
-              "fieldName": "isLink",
-              "inheritedFrom": {
-                "name": "ScwComponent",
-                "module": "src/scw-component/ScwComponent.ts"
-              }
-            },
-            {
-              "name": "dynamic",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "(ScwComponent) Determines whether to watch for changes\nin children. (not all components use light DOM)",
-              "fieldName": "dynamic",
-              "inheritedFrom": {
-                "name": "ScwComponent",
-                "module": "src/scw-component/ScwComponent.ts"
-              }
-            },
-            {
-              "name": "element",
-              "type": {
-                "text": "string"
-              },
-              "description": "(ScwComponent) contains the root element name for each component\n(enum Components)",
-              "fieldName": "element",
-              "inheritedFrom": {
-                "name": "ScwComponent",
-                "module": "src/scw-component/ScwComponent.ts"
-              }
-            }
-          ],
-          "superclass": {
-            "name": "ScwComponent",
-            "package": "scw-component/ScwComponent"
-          },
-          "tagName": "scw-callout",
-          "customElement": true
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "ScwCallout",
-            "module": "src/scw-callout/ScwCallout.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/scw-callout/scw-callout.ts",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "custom-element-definition",
-          "name": "scw-callout",
-          "declaration": {
-            "name": "ScwCallout",
-            "module": "/src/scw-callout/ScwCallout"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/scw-card/ScwCard.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "ScwCard a first LitElement web component",
-          "name": "ScwCard",
-          "slots": [
-            {
-              "description": "List of tags to display on the card",
-              "name": "image",
-              "default": "\"<scw-image />...\""
-            },
-            {
-              "description": "List of tags to display on the card",
-              "name": "tags",
-              "default": "\"<scw-link design=\"link\" />...\""
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "heading",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "(ScwCard) Main title or header of the card",
-              "attribute": "heading"
-            },
-            {
-              "kind": "field",
-              "name": "date",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "(ScwCard) Date field for articles",
-              "attribute": "date"
-            },
-            {
-              "kind": "field",
-              "name": "border",
-              "type": {
-                "text": "boolean | undefined"
-              },
-              "description": "(ScwCard) If card should have border",
-              "attribute": "show-border"
-            },
-            {
-              "kind": "field",
-              "name": "align",
-              "type": {
-                "text": "string"
-              },
-              "default": "'vertical'",
-              "description": "(ScwCard) Alignment of the card",
-              "attribute": "align"
-            },
-            {
-              "kind": "field",
-              "name": "superHeading",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "(ScwCard) Super heading, describing a category or area pertaining to\ntitle",
-              "attribute": "super-heading"
-            },
-            {
-              "kind": "field",
-              "name": "primaryLink",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "(ScwCard) The link for the primary button",
-              "attribute": "primary-cta-link"
-            },
-            {
-              "kind": "field",
-              "name": "primaryLabel",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "(ScwCard) The label for the primary button",
-              "attribute": "primary-cta-label"
-            },
-            {
-              "kind": "field",
-              "name": "secondaryLink",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "(ScwCard) The link for the secondary button",
-              "attribute": "secondary-cta-link"
-            },
-            {
-              "kind": "field",
-              "name": "secondaryLabel",
+              "name": "secondaryLabel",
               "type": {
                 "text": "string | undefined"
               },
@@ -2471,12 +1914,665 @@
               "type": {
                 "text": "string"
               },
-              "description": "(ScwComponent) contains the root element name for each component\n(enum Components)",
-              "attribute": "element",
-              "reflects": true,
+              "description": "(ScwComponent) contains the root element name for each component\n(enum Components)",
+              "attribute": "element",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "ScwComponent",
+                "module": "src/scw-component/ScwComponent.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "ariaLabel",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "(ScwComponent) Main text within component",
+              "attribute": "aria-label",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "ScwComponent",
+                "module": "src/scw-component/ScwComponent.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "ariaDisabled",
+              "type": {
+                "text": "string"
+              },
+              "default": "'false'",
+              "description": "(ScwComponent) Disables the component however it disables",
+              "attribute": "aria-disabled",
+              "inheritedFrom": {
+                "name": "ScwComponent",
+                "module": "src/scw-component/ScwComponent.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "isLink",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "(ScwLinkBase)\nSome lookups need to know if something is a link or not...",
+              "attribute": "is-link",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "ScwComponent",
+                "module": "src/scw-component/ScwComponent.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_lightDomMutationObserver",
+              "type": {
+                "text": "LightDomMutationObserver | undefined"
+              },
+              "description": "(ScwComponent) Light Dom Mutation Observer",
+              "inheritedFrom": {
+                "name": "ScwComponent",
+                "module": "src/scw-component/ScwComponent.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "dynamic",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "(ScwComponent) Determines whether to watch for changes\nin children. (not all components use light DOM)",
+              "attribute": "dynamic",
+              "inheritedFrom": {
+                "name": "ScwComponent",
+                "module": "src/scw-component/ScwComponent.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "domMutated",
+              "description": "parseLightDom is a hook for classes extending this one to add\nother parsers and validations",
+              "inheritedFrom": {
+                "name": "ScwComponent",
+                "module": "src/scw-component/ScwComponent.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "warn",
+              "parameters": [
+                {
+                  "name": "message",
+                  "type": {
+                    "text": "string"
+                  },
+                  "description": "describing warning"
+                }
+              ],
+              "description": "handles warnings...things wrong with formatting, ADA, etc...",
+              "inheritedFrom": {
+                "name": "ScwComponent",
+                "module": "src/scw-component/ScwComponent.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "clearWarnings",
+              "description": "clearWarnings",
+              "inheritedFrom": {
+                "name": "ScwComponent",
+                "module": "src/scw-component/ScwComponent.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_lastWarning",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "retain the last warning sent...good for testing.",
+              "inheritedFrom": {
+                "name": "ScwComponent",
+                "module": "src/scw-component/ScwComponent.ts"
+              }
+            }
+          ],
+          "superclass": {
+            "name": "ScwComponent",
+            "module": "/src/scw-component/ScwComponent"
+          },
+          "tagName": "scw-center-component",
+          "customElement": true,
+          "attributes": [
+            {
+              "name": "aria-label",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "(ScwComponent) Main text within component",
+              "fieldName": "ariaLabel",
+              "inheritedFrom": {
+                "name": "ScwComponent",
+                "module": "src/scw-component/ScwComponent.ts"
+              }
+            },
+            {
+              "name": "aria-disabled",
+              "type": {
+                "text": "string"
+              },
+              "default": "'false'",
+              "description": "(ScwComponent) Disables the component however it disables",
+              "fieldName": "ariaDisabled",
+              "inheritedFrom": {
+                "name": "ScwComponent",
+                "module": "src/scw-component/ScwComponent.ts"
+              }
+            },
+            {
+              "name": "is-link",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "(ScwLinkBase)\nSome lookups need to know if something is a link or not...",
+              "fieldName": "isLink",
+              "inheritedFrom": {
+                "name": "ScwComponent",
+                "module": "src/scw-component/ScwComponent.ts"
+              }
+            },
+            {
+              "name": "dynamic",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "(ScwComponent) Determines whether to watch for changes\nin children. (not all components use light DOM)",
+              "fieldName": "dynamic",
+              "inheritedFrom": {
+                "name": "ScwComponent",
+                "module": "src/scw-component/ScwComponent.ts"
+              }
+            },
+            {
+              "name": "element",
+              "type": {
+                "text": "string"
+              },
+              "description": "(ScwComponent) contains the root element name for each component\n(enum Components)",
+              "fieldName": "element",
+              "inheritedFrom": {
+                "name": "ScwComponent",
+                "module": "src/scw-component/ScwComponent.ts"
+              }
+            }
+          ]
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "ScwCenterComponent",
+            "module": "src/scw-center-component/ScwCenterComponent.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/scw-center-component/scw-center-component.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "custom-element-definition",
+          "name": "scw-center-component",
+          "declaration": {
+            "name": "ScwCenterComponent",
+            "module": "/src/scw-center-component/ScwCenterComponent.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/scw-checkbox/ScwCheckbox.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "ScwCheckbox",
+          "name": "ScwCheckbox",
+          "members": [
+            {
+              "kind": "field",
+              "name": "disabled",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "if the checkbox is disabled",
+              "attribute": "disabled",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "selected",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "if the attribute is selected",
+              "attribute": "selected",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "ScwFormComponent",
+                "module": "src/scw-form-component/scw-form-component.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "hideFeedback",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "if feedback should be hidden",
+              "attribute": "hide-feedback",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "defaultFeedback",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "default feedback to show",
+              "attribute": "default-feedback",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "alignment",
+              "type": {
+                "text": "string"
+              },
+              "default": "'center'",
+              "description": "alignment of text",
+              "attribute": "alignment"
+            },
+            {
+              "kind": "field",
+              "name": "input",
+              "type": {
+                "text": "HTMLInputElement"
+              },
+              "inheritedFrom": {
+                "name": "ScwFormComponent",
+                "module": "src/scw-form-component/scw-form-component.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "handleSelectedChange",
+              "description": "handleSelectedChange"
+            },
+            {
+              "kind": "method",
+              "name": "handleDisabledChange",
+              "description": "handleDisabledChange"
+            },
+            {
+              "kind": "method",
+              "name": "valueChangeHandler",
+              "description": "valueChangeHandler"
+            },
+            {
+              "kind": "method",
+              "name": "invalidHandler",
+              "parameters": [
+                {
+                  "name": "e",
+                  "type": {
+                    "text": "Event"
+                  }
+                }
+              ],
+              "description": "invalidHandler"
+            },
+            {
+              "kind": "method",
+              "name": "blurHandler",
+              "description": "handle blurs from input"
+            },
+            {
+              "kind": "method",
+              "name": "focusHandler",
+              "description": "focusHandler"
+            },
+            {
+              "kind": "field",
+              "name": "element",
+              "type": {
+                "text": "string"
+              },
+              "description": "(ScwComponent) contains the root element name for each component\n(enum Components)",
+              "attribute": "element",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "ScwComponent",
+                "module": "src/scw-component/ScwComponent.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "formType",
+              "type": {
+                "text": "ScwFormComponentTypes"
+              },
+              "description": "(ScwFormComponent) the usage in a form (& scw-form a query target)",
+              "attribute": "form-type",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "ScwFormComponent",
+                "module": "src/scw-form-component/scw-form-component.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "name",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "(ScwFormComponent) name to identify form element and attach data",
+              "attribute": "name",
+              "inheritedFrom": {
+                "name": "ScwFormComponent",
+                "module": "src/scw-form-component/scw-form-component.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "label",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "(ScwFormComponent) label to display in the UI",
+              "attribute": "label",
+              "inheritedFrom": {
+                "name": "ScwFormComponent",
+                "module": "src/scw-form-component/scw-form-component.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "value",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "(ScwFormComponent) name to identify form element and attach data",
+              "attribute": "value",
+              "inheritedFrom": {
+                "name": "ScwFormComponent",
+                "module": "src/scw-form-component/scw-form-component.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "placeholder",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "(ScwFormComponent) text showing when there is no value",
+              "attribute": "placeholder",
+              "inheritedFrom": {
+                "name": "ScwFormComponent",
+                "module": "src/scw-form-component/scw-form-component.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "readOnly",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "(ScwFormComponent) read-only state management",
+              "attribute": "read-only",
+              "inheritedFrom": {
+                "name": "ScwFormComponent",
+                "module": "src/scw-form-component/scw-form-component.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "required",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "(ScwFormComponent) required state management",
+              "attribute": "required",
+              "inheritedFrom": {
+                "name": "ScwFormComponent",
+                "module": "src/scw-form-component/scw-form-component.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "requiredLabel",
+              "type": {
+                "text": "string"
+              },
+              "default": "' *'",
+              "description": "(ScwFormComponent) label indicator for required",
+              "attribute": "required-label",
+              "inheritedFrom": {
+                "name": "ScwFormComponent",
+                "module": "src/scw-form-component/scw-form-component.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "requiredFeedback",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "(ScwFormComponent) label indicator for required",
+              "attribute": "required-feedback",
+              "inheritedFrom": {
+                "name": "ScwFormComponent",
+                "module": "src/scw-form-component/scw-form-component.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "feedback",
+              "type": {
+                "text": "string | undefined"
+              },
+              "description": "the text to use for feedback",
+              "inheritedFrom": {
+                "name": "ScwFormComponent",
+                "module": "src/scw-form-component/scw-form-component.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "focused",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "determines whether the input is focused or not",
+              "inheritedFrom": {
+                "name": "ScwFormComponent",
+                "module": "src/scw-form-component/scw-form-component.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "invalid",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "whether this form element is valid, passed validation",
+              "inheritedFrom": {
+                "name": "ScwFormComponent",
+                "module": "src/scw-form-component/scw-form-component.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "decorateValues",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "formData",
+                  "type": {
+                    "text": "Object"
+                  }
+                }
+              ],
+              "description": "(ScwFormComponent) each form element to decorates the final data object",
+              "inheritedFrom": {
+                "name": "ScwFormComponent",
+                "module": "src/scw-form-component/scw-form-component.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "findIfRequired",
+              "return": {
+                "type": {
+                  "text": "boolean"
+                }
+              },
+              "description": "Check to see if form element is required w/o knowing if there is validation",
+              "inheritedFrom": {
+                "name": "ScwFormComponent",
+                "module": "src/scw-form-component/scw-form-component.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "findValidationRules",
+              "return": {
+                "type": {
+                  "text": "ScwValidation | undefined"
+                }
+              },
+              "description": "Find validation child if there...",
+              "inheritedFrom": {
+                "name": "ScwFormComponent",
+                "module": "src/scw-form-component/scw-form-component.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "validate",
+              "return": {
+                "type": {
+                  "text": "ValidationResult[]"
+                }
+              },
+              "description": "run the validation rules if there...",
+              "parameters": [
+                {
+                  "name": "value",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "ScwFormComponent",
+                "module": "src/scw-form-component/scw-form-component.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "createValidateRule",
+              "return": {
+                "type": {
+                  "text": "ScwValidate"
+                }
+              },
+              "description": "create a validation rule from scratch",
               "inheritedFrom": {
-                "name": "ScwComponent",
-                "module": "src/scw-component/ScwComponent.ts"
+                "name": "ScwFormComponent",
+                "module": "src/scw-form-component/scw-form-component.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "addValidationRule",
+              "parameters": [
+                {
+                  "name": "rule",
+                  "type": {
+                    "text": "ScwValidate"
+                  }
+                }
+              ],
+              "description": "add validation to to child validation (create if not there)",
+              "inheritedFrom": {
+                "name": "ScwFormComponent",
+                "module": "src/scw-form-component/scw-form-component.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "createAndAddValidationRule",
+              "parameters": [
+                {
+                  "name": "type",
+                  "type": {
+                    "text": "ValidationTypes"
+                  }
+                },
+                {
+                  "name": "feedbackOverride",
+                  "optional": true,
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ],
+              "description": "create a validation of a certain type...",
+              "inheritedFrom": {
+                "name": "ScwFormComponent",
+                "module": "src/scw-form-component/scw-form-component.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "removeValidationRule",
+              "parameters": [
+                {
+                  "name": "type",
+                  "type": {
+                    "text": "ValidationTypes"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "ScwFormComponent",
+                "module": "src/scw-form-component/scw-form-component.ts"
               }
             },
             {
@@ -2598,538 +2694,345 @@
               }
             }
           ],
-          "superclass": {
-            "name": "ScwComponent",
-            "module": "/src/scw-component/ScwComponent"
-          },
-          "tagName": "scw-center-component",
-          "customElement": true,
-          "attributes": [
-            {
-              "name": "aria-label",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "(ScwComponent) Main text within component",
-              "fieldName": "ariaLabel",
-              "inheritedFrom": {
-                "name": "ScwComponent",
-                "module": "src/scw-component/ScwComponent.ts"
-              }
-            },
-            {
-              "name": "aria-disabled",
-              "type": {
-                "text": "string"
-              },
-              "default": "'false'",
-              "description": "(ScwComponent) Disables the component however it disables",
-              "fieldName": "ariaDisabled",
-              "inheritedFrom": {
-                "name": "ScwComponent",
-                "module": "src/scw-component/ScwComponent.ts"
-              }
-            },
+          "events": [
             {
-              "name": "is-link",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "(ScwLinkBase)\nSome lookups need to know if something is a link or not...",
-              "fieldName": "isLink",
-              "inheritedFrom": {
-                "name": "ScwComponent",
-                "module": "src/scw-component/ScwComponent.ts"
-              }
+              "description": "input recieved focus",
+              "name": "scw-focus"
             },
             {
-              "name": "dynamic",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "(ScwComponent) Determines whether to watch for changes\nin children. (not all components use light DOM)",
-              "fieldName": "dynamic",
-              "inheritedFrom": {
-                "name": "ScwComponent",
-                "module": "src/scw-component/ScwComponent.ts"
-              }
+              "description": "input lost focus",
+              "name": "scw-blur"
             },
             {
-              "name": "element",
-              "type": {
-                "text": "string"
-              },
-              "description": "(ScwComponent) contains the root element name for each component\n(enum Components)",
-              "fieldName": "element",
-              "inheritedFrom": {
-                "name": "ScwComponent",
-                "module": "src/scw-component/ScwComponent.ts"
-              }
+              "description": "value has changed (not necessarily value displayed)",
+              "name": "scw-value-change"
             }
-          ]
-        }
-      ],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "default",
-          "declaration": {
-            "name": "ScwCenterComponent",
-            "module": "src/scw-center-component/ScwCenterComponent.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/scw-center-component/scw-center-component.ts",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "custom-element-definition",
-          "name": "scw-center-component",
-          "declaration": {
-            "name": "ScwCenterComponent",
-            "module": "/src/scw-center-component/ScwCenterComponent.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/scw-checkbox/ScwCheckbox.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "ScwCheckbox",
-          "name": "ScwCheckbox",
-          "members": [
+          ],
+          "attributes": [
             {
-              "kind": "field",
               "name": "disabled",
               "type": {
                 "text": "boolean"
               },
-              "default": "false",
-              "description": "if the checkbox is disabled",
-              "attribute": "disabled",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "selected",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "if the attribute is selected",
-              "attribute": "selected",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "ScwFormComponent",
-                "module": "src/scw-form-component/scw-form-component.ts"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "hideFeedback",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "if feedback should be hidden",
-              "attribute": "hide-feedback",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "defaultFeedback",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "default feedback to show",
-              "attribute": "default-feedback",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "alignment",
-              "type": {
-                "text": "string"
-              },
-              "default": "'center'",
-              "description": "alignment of text",
-              "attribute": "alignment"
-            },
-            {
-              "kind": "field",
-              "name": "input",
-              "type": {
-                "text": "HTMLInputElement"
-              },
-              "inheritedFrom": {
-                "name": "ScwFormComponent",
-                "module": "src/scw-form-component/scw-form-component.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "handleSelectedChange",
-              "description": "handleSelectedChange"
-            },
-            {
-              "kind": "method",
-              "name": "handleDisabledChange",
-              "description": "handleDisabledChange"
-            },
-            {
-              "kind": "method",
-              "name": "valueChangeHandler",
-              "description": "valueChangeHandler"
+              "default": "false",
+              "description": "if the checkbox is disabled",
+              "fieldName": "disabled"
             },
             {
-              "kind": "method",
-              "name": "invalidHandler",
-              "parameters": [
-                {
-                  "name": "e",
-                  "type": {
-                    "text": "Event"
-                  }
-                }
-              ],
-              "description": "invalidHandler"
+              "name": "selected",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "if the attribute is selected",
+              "fieldName": "selected",
+              "inheritedFrom": {
+                "name": "ScwFormComponent",
+                "module": "src/scw-form-component/scw-form-component.ts"
+              }
             },
             {
-              "kind": "method",
-              "name": "blurHandler",
-              "description": "handle blurs from input"
+              "name": "hide-feedback",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "if feedback should be hidden",
+              "fieldName": "hideFeedback"
             },
             {
-              "kind": "method",
-              "name": "focusHandler",
-              "description": "focusHandler"
+              "name": "default-feedback",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "default feedback to show",
+              "fieldName": "defaultFeedback"
             },
             {
-              "kind": "field",
-              "name": "element",
+              "name": "alignment",
               "type": {
                 "text": "string"
               },
-              "description": "(ScwComponent) contains the root element name for each component\n(enum Components)",
-              "attribute": "element",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "ScwComponent",
-                "module": "src/scw-component/ScwComponent.ts"
-              }
+              "default": "'center'",
+              "description": "alignment of text",
+              "fieldName": "alignment"
             },
             {
-              "kind": "field",
-              "name": "formType",
+              "name": "form-type",
               "type": {
                 "text": "ScwFormComponentTypes"
               },
               "description": "(ScwFormComponent) the usage in a form (& scw-form a query target)",
-              "attribute": "form-type",
-              "reflects": true,
+              "fieldName": "formType",
               "inheritedFrom": {
                 "name": "ScwFormComponent",
                 "module": "src/scw-form-component/scw-form-component.ts"
               }
             },
             {
-              "kind": "field",
               "name": "name",
               "type": {
                 "text": "string | undefined"
               },
               "description": "(ScwFormComponent) name to identify form element and attach data",
-              "attribute": "name",
+              "fieldName": "name",
               "inheritedFrom": {
                 "name": "ScwFormComponent",
                 "module": "src/scw-form-component/scw-form-component.ts"
               }
             },
             {
-              "kind": "field",
               "name": "label",
               "type": {
                 "text": "string | undefined"
               },
               "description": "(ScwFormComponent) label to display in the UI",
-              "attribute": "label",
+              "fieldName": "label",
               "inheritedFrom": {
                 "name": "ScwFormComponent",
                 "module": "src/scw-form-component/scw-form-component.ts"
               }
             },
             {
-              "kind": "field",
               "name": "value",
               "type": {
                 "text": "string"
               },
               "default": "''",
               "description": "(ScwFormComponent) name to identify form element and attach data",
-              "attribute": "value",
+              "fieldName": "value",
               "inheritedFrom": {
                 "name": "ScwFormComponent",
                 "module": "src/scw-form-component/scw-form-component.ts"
               }
             },
             {
-              "kind": "field",
               "name": "placeholder",
               "type": {
                 "text": "string"
               },
               "default": "''",
               "description": "(ScwFormComponent) text showing when there is no value",
-              "attribute": "placeholder",
+              "fieldName": "placeholder",
               "inheritedFrom": {
                 "name": "ScwFormComponent",
                 "module": "src/scw-form-component/scw-form-component.ts"
               }
             },
             {
-              "kind": "field",
-              "name": "readOnly",
+              "name": "read-only",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
               "description": "(ScwFormComponent) read-only state management",
-              "attribute": "read-only",
+              "fieldName": "readOnly",
               "inheritedFrom": {
                 "name": "ScwFormComponent",
                 "module": "src/scw-form-component/scw-form-component.ts"
               }
             },
             {
-              "kind": "field",
               "name": "required",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
               "description": "(ScwFormComponent) required state management",
-              "attribute": "required",
+              "fieldName": "required",
               "inheritedFrom": {
                 "name": "ScwFormComponent",
                 "module": "src/scw-form-component/scw-form-component.ts"
               }
             },
             {
-              "kind": "field",
-              "name": "requiredLabel",
+              "name": "required-label",
               "type": {
                 "text": "string"
               },
               "default": "' *'",
               "description": "(ScwFormComponent) label indicator for required",
-              "attribute": "required-label",
+              "fieldName": "requiredLabel",
               "inheritedFrom": {
                 "name": "ScwFormComponent",
                 "module": "src/scw-form-component/scw-form-component.ts"
               }
             },
             {
-              "kind": "field",
-              "name": "requiredFeedback",
+              "name": "required-feedback",
               "type": {
                 "text": "string | undefined"
               },
               "description": "(ScwFormComponent) label indicator for required",
-              "attribute": "required-feedback",
+              "fieldName": "requiredFeedback",
               "inheritedFrom": {
                 "name": "ScwFormComponent",
                 "module": "src/scw-form-component/scw-form-component.ts"
               }
             },
             {
-              "kind": "field",
-              "name": "feedback",
+              "name": "aria-label",
               "type": {
-                "text": "string | undefined"
+                "text": "string"
               },
-              "description": "the text to use for feedback",
+              "default": "''",
+              "description": "(ScwComponent) Main text within component",
+              "fieldName": "ariaLabel",
               "inheritedFrom": {
-                "name": "ScwFormComponent",
-                "module": "src/scw-form-component/scw-form-component.ts"
+                "name": "ScwComponent",
+                "module": "src/scw-component/ScwComponent.ts"
               }
             },
             {
-              "kind": "field",
-              "name": "focused",
+              "name": "aria-disabled",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "description": "determines whether the input is focused or not",
+              "default": "'false'",
+              "description": "(ScwComponent) Disables the component however it disables",
+              "fieldName": "ariaDisabled",
               "inheritedFrom": {
-                "name": "ScwFormComponent",
-                "module": "src/scw-form-component/scw-form-component.ts"
+                "name": "ScwComponent",
+                "module": "src/scw-component/ScwComponent.ts"
               }
             },
             {
-              "kind": "field",
-              "name": "invalid",
+              "name": "is-link",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "whether this form element is valid, passed validation",
-              "inheritedFrom": {
-                "name": "ScwFormComponent",
-                "module": "src/scw-form-component/scw-form-component.ts"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "decorateValues",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "formData",
-                  "type": {
-                    "text": "Object"
-                  }
-                }
-              ],
-              "description": "(ScwFormComponent) each form element to decorates the final data object",
+              "description": "(ScwLinkBase)\nSome lookups need to know if something is a link or not...",
+              "fieldName": "isLink",
               "inheritedFrom": {
-                "name": "ScwFormComponent",
-                "module": "src/scw-form-component/scw-form-component.ts"
+                "name": "ScwComponent",
+                "module": "src/scw-component/ScwComponent.ts"
               }
             },
             {
-              "kind": "method",
-              "name": "findIfRequired",
-              "return": {
-                "type": {
-                  "text": "boolean"
-                }
+              "name": "dynamic",
+              "type": {
+                "text": "boolean"
               },
-              "description": "Check to see if form element is required w/o knowing if there is validation",
+              "default": "false",
+              "description": "(ScwComponent) Determines whether to watch for changes\nin children. (not all components use light DOM)",
+              "fieldName": "dynamic",
               "inheritedFrom": {
-                "name": "ScwFormComponent",
-                "module": "src/scw-form-component/scw-form-component.ts"
+                "name": "ScwComponent",
+                "module": "src/scw-component/ScwComponent.ts"
               }
             },
             {
-              "kind": "method",
-              "name": "findValidationRules",
-              "return": {
-                "type": {
-                  "text": "ScwValidation | undefined"
-                }
+              "name": "element",
+              "type": {
+                "text": "string"
               },
-              "description": "Find validation child if there...",
+              "description": "(ScwComponent) contains the root element name for each component\n(enum Components)",
+              "fieldName": "element",
               "inheritedFrom": {
-                "name": "ScwFormComponent",
-                "module": "src/scw-form-component/scw-form-component.ts"
+                "name": "ScwComponent",
+                "module": "src/scw-component/ScwComponent.ts"
               }
-            },
+            }
+          ],
+          "superclass": {
+            "name": "ScwFormComponent",
+            "module": "/src/scw-form-component/scw-form-component"
+          },
+          "tagName": "scw-checkbox",
+          "customElement": true
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "default",
+          "declaration": {
+            "name": "ScwCheckbox",
+            "module": "src/scw-checkbox/ScwCheckbox.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/scw-checkbox/scw-checkbox.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "custom-element-definition",
+          "name": "scw-checkbox",
+          "declaration": {
+            "name": "ScwCheckbox",
+            "module": "/src/scw-checkbox/ScwCheckbox"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/scw-comparison-cell/ScwComparisonCell.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "ScwComparisonCell",
+          "name": "ScwComparisonCell",
+          "members": [
             {
-              "kind": "method",
-              "name": "validate",
-              "return": {
-                "type": {
-                  "text": "ValidationResult[]"
-                }
-              },
-              "description": "run the validation rules if there...",
-              "parameters": [
-                {
-                  "name": "value",
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ],
-              "inheritedFrom": {
-                "name": "ScwFormComponent",
-                "module": "src/scw-form-component/scw-form-component.ts"
-              }
+              "kind": "field",
+              "name": "header",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "(ScwTag) If the cell is the header cell",
+              "attribute": "header",
+              "reflects": true
             },
             {
-              "kind": "method",
-              "name": "createValidateRule",
-              "return": {
-                "type": {
-                  "text": "ScwValidate"
-                }
+              "kind": "field",
+              "name": "labelCell",
+              "type": {
+                "text": "boolean"
               },
-              "description": "create a validation rule from scratch",
-              "inheritedFrom": {
-                "name": "ScwFormComponent",
-                "module": "src/scw-form-component/scw-form-component.ts"
-              }
+              "default": "false",
+              "description": "(ScwTag) If this cell is the first cell with the label",
+              "attribute": "label-cell",
+              "reflects": true
             },
             {
-              "kind": "method",
-              "name": "addValidationRule",
-              "parameters": [
-                {
-                  "name": "rule",
-                  "type": {
-                    "text": "ScwValidate"
-                  }
-                }
-              ],
-              "description": "add validation to to child validation (create if not there)",
-              "inheritedFrom": {
-                "name": "ScwFormComponent",
-                "module": "src/scw-form-component/scw-form-component.ts"
-              }
+              "kind": "field",
+              "name": "linkLabel",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "(ScwTag) If the cell is a header cell and has a cta link",
+              "attribute": "cta-label"
             },
             {
-              "kind": "method",
-              "name": "createAndAddValidationRule",
-              "parameters": [
-                {
-                  "name": "type",
-                  "type": {
-                    "text": "ValidationTypes"
-                  }
-                },
-                {
-                  "name": "feedbackOverride",
-                  "optional": true,
-                  "type": {
-                    "text": "string"
-                  }
-                }
-              ],
-              "description": "create a validation of a certain type...",
-              "inheritedFrom": {
-                "name": "ScwFormComponent",
-                "module": "src/scw-form-component/scw-form-component.ts"
-              }
+              "kind": "field",
+              "name": "link",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "(ScwTag) If the cell is a header cell and has a cta link",
+              "attribute": "cta-link"
             },
             {
-              "kind": "method",
-              "name": "removeValidationRule",
-              "parameters": [
-                {
-                  "name": "type",
-                  "type": {
-                    "text": "ValidationTypes"
-                  }
-                }
-              ],
+              "kind": "field",
+              "name": "element",
+              "type": {
+                "text": "string"
+              },
+              "description": "(ScwComponent) contains the root element name for each component\n(enum Components)",
+              "attribute": "element",
+              "reflects": true,
               "inheritedFrom": {
-                "name": "ScwFormComponent",
-                "module": "src/scw-form-component/scw-form-component.ts"
+                "name": "ScwComponent",
+                "module": "src/scw-component/ScwComponent.ts"
               }
             },
             {
@@ -3251,182 +3154,42 @@
               }
             }
           ],
-          "events": [
-            {
-              "description": "input recieved focus",
-              "name": "scw-focus"
-            },
-            {
-              "description": "input lost focus",
-              "name": "scw-blur"
-            },
-            {
-              "description": "value has changed (not necessarily value displayed)",
-              "name": "scw-value-change"
-            }
-          ],
           "attributes": [
             {
-              "name": "disabled",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "if the checkbox is disabled",
-              "fieldName": "disabled"
-            },
-            {
-              "name": "selected",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "if the attribute is selected",
-              "fieldName": "selected",
-              "inheritedFrom": {
-                "name": "ScwFormComponent",
-                "module": "src/scw-form-component/scw-form-component.ts"
-              }
-            },
-            {
-              "name": "hide-feedback",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "if feedback should be hidden",
-              "fieldName": "hideFeedback"
-            },
-            {
-              "name": "default-feedback",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "default feedback to show",
-              "fieldName": "defaultFeedback"
-            },
-            {
-              "name": "alignment",
-              "type": {
-                "text": "string"
-              },
-              "default": "'center'",
-              "description": "alignment of text",
-              "fieldName": "alignment"
-            },
-            {
-              "name": "form-type",
-              "type": {
-                "text": "ScwFormComponentTypes"
-              },
-              "description": "(ScwFormComponent) the usage in a form (& scw-form a query target)",
-              "fieldName": "formType",
-              "inheritedFrom": {
-                "name": "ScwFormComponent",
-                "module": "src/scw-form-component/scw-form-component.ts"
-              }
-            },
-            {
-              "name": "name",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "(ScwFormComponent) name to identify form element and attach data",
-              "fieldName": "name",
-              "inheritedFrom": {
-                "name": "ScwFormComponent",
-                "module": "src/scw-form-component/scw-form-component.ts"
-              }
-            },
-            {
-              "name": "label",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "(ScwFormComponent) label to display in the UI",
-              "fieldName": "label",
-              "inheritedFrom": {
-                "name": "ScwFormComponent",
-                "module": "src/scw-form-component/scw-form-component.ts"
-              }
-            },
-            {
-              "name": "value",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "(ScwFormComponent) name to identify form element and attach data",
-              "fieldName": "value",
-              "inheritedFrom": {
-                "name": "ScwFormComponent",
-                "module": "src/scw-form-component/scw-form-component.ts"
-              }
-            },
-            {
-              "name": "placeholder",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "(ScwFormComponent) text showing when there is no value",
-              "fieldName": "placeholder",
-              "inheritedFrom": {
-                "name": "ScwFormComponent",
-                "module": "src/scw-form-component/scw-form-component.ts"
-              }
-            },
-            {
-              "name": "read-only",
+              "name": "header",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "(ScwFormComponent) read-only state management",
-              "fieldName": "readOnly",
-              "inheritedFrom": {
-                "name": "ScwFormComponent",
-                "module": "src/scw-form-component/scw-form-component.ts"
-              }
+              "description": "(ScwTag) If the cell is the header cell",
+              "fieldName": "header"
             },
             {
-              "name": "required",
+              "name": "label-cell",
               "type": {
                 "text": "boolean"
               },
               "default": "false",
-              "description": "(ScwFormComponent) required state management",
-              "fieldName": "required",
-              "inheritedFrom": {
-                "name": "ScwFormComponent",
-                "module": "src/scw-form-component/scw-form-component.ts"
-              }
+              "description": "(ScwTag) If this cell is the first cell with the label",
+              "fieldName": "labelCell"
             },
             {
-              "name": "required-label",
-              "type": {
-                "text": "string"
-              },
-              "default": "' *'",
-              "description": "(ScwFormComponent) label indicator for required",
-              "fieldName": "requiredLabel",
-              "inheritedFrom": {
-                "name": "ScwFormComponent",
-                "module": "src/scw-form-component/scw-form-component.ts"
-              }
+              "name": "cta-label",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "(ScwTag) If the cell is a header cell and has a cta link",
+              "fieldName": "linkLabel"
             },
             {
-              "name": "required-feedback",
+              "name": "cta-link",
               "type": {
-                "text": "string | undefined"
+                "text": "string"
               },
-              "description": "(ScwFormComponent) label indicator for required",
-              "fieldName": "requiredFeedback",
-              "inheritedFrom": {
-                "name": "ScwFormComponent",
-                "module": "src/scw-form-component/scw-form-component.ts"
-              }
+              "default": "''",
+              "description": "(ScwTag) If the cell is a header cell and has a cta link",
+              "fieldName": "link"
             },
             {
               "name": "aria-label",
@@ -3494,10 +3257,10 @@
             }
           ],
           "superclass": {
-            "name": "ScwFormComponent",
-            "module": "/src/scw-form-component/scw-form-component"
+            "name": "ScwComponent",
+            "package": "scw-component/ScwComponent"
           },
-          "tagName": "scw-checkbox",
+          "tagName": "scw-comparison-cell",
           "customElement": true
         }
       ],
@@ -3506,35 +3269,35 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "ScwCheckbox",
-            "module": "src/scw-checkbox/ScwCheckbox.ts"
+            "name": "ScwComparisonCell",
+            "module": "src/scw-comparison-cell/ScwComparisonCell.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/scw-checkbox/scw-checkbox.ts",
+      "path": "src/scw-comparison-cell/scw-comparison-cell.ts",
       "declarations": [],
       "exports": [
         {
           "kind": "custom-element-definition",
-          "name": "scw-checkbox",
+          "name": "scw-comparison-cell",
           "declaration": {
-            "name": "ScwCheckbox",
-            "module": "/src/scw-checkbox/ScwCheckbox"
+            "name": "ScwComparisonCell",
+            "module": "/src/scw-comparison-cell/ScwComparisonCell"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/scw-comparison-cell/ScwComparisonCell.ts",
+      "path": "src/scw-comparison-row/ScwComparisonRow.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "ScwComparisonCell",
-          "name": "ScwComparisonCell",
+          "description": "ScwComparisonRow",
+          "name": "ScwComparisonRow",
           "members": [
             {
               "kind": "field",
@@ -3543,41 +3306,10 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "(ScwTag) If the cell is the header cell",
+              "description": "(ScwTag) If the row is the header row",
               "attribute": "header",
               "reflects": true
             },
-            {
-              "kind": "field",
-              "name": "labelCell",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "(ScwTag) If this cell is the first cell with the label",
-              "attribute": "label-cell",
-              "reflects": true
-            },
-            {
-              "kind": "field",
-              "name": "linkLabel",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "(ScwTag) If the cell is a header cell and has a cta link",
-              "attribute": "cta-label"
-            },
-            {
-              "kind": "field",
-              "name": "link",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "(ScwTag) If the cell is a header cell and has a cta link",
-              "attribute": "cta-link"
-            },
             {
               "kind": "field",
               "name": "element",
@@ -3718,36 +3450,9 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "(ScwTag) If the cell is the header cell",
+              "description": "(ScwTag) If the row is the header row",
               "fieldName": "header"
             },
-            {
-              "name": "label-cell",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "(ScwTag) If this cell is the first cell with the label",
-              "fieldName": "labelCell"
-            },
-            {
-              "name": "cta-label",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "(ScwTag) If the cell is a header cell and has a cta link",
-              "fieldName": "linkLabel"
-            },
-            {
-              "name": "cta-link",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "(ScwTag) If the cell is a header cell and has a cta link",
-              "fieldName": "link"
-            },
             {
               "name": "aria-label",
               "type": {
@@ -3817,7 +3522,7 @@
             "name": "ScwComponent",
             "package": "scw-component/ScwComponent"
           },
-          "tagName": "scw-comparison-cell",
+          "tagName": "scw-comparison-row",
           "customElement": true
         }
       ],
@@ -3826,55 +3531,195 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "ScwComparisonCell",
-            "module": "src/scw-comparison-cell/ScwComparisonCell.ts"
+            "name": "ScwComparisonRow",
+            "module": "src/scw-comparison-row/ScwComparisonRow.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/scw-comparison-cell/scw-comparison-cell.ts",
+      "path": "src/scw-comparison-row/scw-comparison-row.ts",
       "declarations": [],
       "exports": [
         {
           "kind": "custom-element-definition",
-          "name": "scw-comparison-cell",
+          "name": "scw-comparison-row",
           "declaration": {
-            "name": "ScwComparisonCell",
-            "module": "/src/scw-comparison-cell/ScwComparisonCell"
+            "name": "ScwComparisonRow",
+            "module": "/src/scw-comparison-row/ScwComparisonRow"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/scw-comparison-row/ScwComparisonRow.ts",
+      "path": "src/scw-button/ScwButton.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "ScwComparisonRow",
-          "name": "ScwComparisonRow",
+          "description": "ScwButton",
+          "name": "ScwButton",
+          "slots": [
+            {
+              "description": "(OPTIONAL) anchor (for SEO) will determine the label, href, and target.",
+              "name": "default",
+              "default": "\"<a href target />\""
+            },
+            {
+              "description": "(OPTIONAL) random content (paired with design=\"plain\") will wrap that content with a link.",
+              "name": "default",
+              "default": "\"<... />\""
+            }
+          ],
           "members": [
             {
               "kind": "field",
-              "name": "header",
+              "name": "submitType",
+              "type": {
+                "text": "ScwFormComponentSubmitTypes"
+              },
+              "description": "<ScwFormComponent> the usage in a form (& scw-form a query target)",
+              "attribute": "submit-type",
+              "reflects": true
+            },
+            {
+              "kind": "field",
+              "name": "element",
+              "type": {
+                "text": "string"
+              },
+              "description": "(ScwComponent) contains the root element name for each component\n(enum Components)",
+              "attribute": "element",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "ScwComponent",
+                "module": "src/scw-component/ScwComponent.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "href",
+              "type": {
+                "text": "string"
+              },
+              "default": "'javascript:'",
+              "description": "(ScwLink) Link url",
+              "attribute": "href",
+              "inheritedFrom": {
+                "name": "ScwLink",
+                "module": "src/scw-link/ScwLink.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "icon",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "(ScwLink) Design system icon",
+              "attribute": "icon",
+              "inheritedFrom": {
+                "name": "ScwLink",
+                "module": "src/scw-link/ScwLink.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "iconSide",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "(ScwLink) Side you want the icon displayed",
+              "attribute": "icon-side",
+              "inheritedFrom": {
+                "name": "ScwLink",
+                "module": "src/scw-link/ScwLink.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "design",
+              "type": {
+                "text": "| 'solid'\n    | 'outlined'\n    | 'light'\n    | 'white'\n    | 'text'\n    | 'plain'\n    | 'block'\n    | 'icon'\n    | 'main'\n    | 'solidIcon'"
+              },
+              "default": "'solid'",
+              "description": "(ScwLink) Link design",
+              "attribute": "design",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "ScwLink",
+                "module": "src/scw-link/ScwLink.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "target",
+              "type": {
+                "text": "'_blank' | '_parent' | '_self' | '_top' | undefined"
+              },
+              "description": "(ScwLink) Link target",
+              "attribute": "target",
+              "inheritedFrom": {
+                "name": "ScwLink",
+                "module": "src/scw-link/ScwLink.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "ariaLabel",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "(ScwLink) Link label",
+              "attribute": "aria-label",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "ScwComponent",
+                "module": "src/scw-component/ScwComponent.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "size",
+              "type": {
+                "text": "'small' | 'medium' | 'large'"
+              },
+              "default": "'medium'",
+              "description": "(ScwLink) Link size",
+              "attribute": "size",
+              "inheritedFrom": {
+                "name": "ScwLink",
+                "module": "src/scw-link/ScwLink.ts"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "shape",
               "type": {
-                "text": "boolean"
+                "text": "'default' | 'pill'"
               },
-              "default": "false",
-              "description": "(ScwTag) If the row is the header row",
-              "attribute": "header",
-              "reflects": true
+              "default": "'default'",
+              "description": "(ScwLink) Corner rounding",
+              "attribute": "shape",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "ScwLink",
+                "module": "src/scw-link/ScwLink.ts"
+              }
             },
             {
               "kind": "field",
-              "name": "element",
+              "name": "ariaDisabled",
               "type": {
                 "text": "string"
               },
-              "description": "(ScwComponent) contains the root element name for each component\n(enum Components)",
-              "attribute": "element",
+              "default": "'false'",
+              "description": "(ScwLink) If the link is disabled",
+              "attribute": "aria-disabled",
               "reflects": true,
               "inheritedFrom": {
                 "name": "ScwComponent",
@@ -3883,31 +3728,84 @@
             },
             {
               "kind": "field",
-              "name": "ariaLabel",
+              "name": "underline",
               "type": {
                 "text": "string"
               },
-              "default": "''",
-              "description": "(ScwComponent) Main text within component",
-              "attribute": "aria-label",
-              "reflects": true,
+              "default": "'true'",
+              "description": "(ScwLink) If a regular link should be underlined",
+              "attribute": "underline",
               "inheritedFrom": {
-                "name": "ScwComponent",
-                "module": "src/scw-component/ScwComponent.ts"
+                "name": "ScwLink",
+                "module": "src/scw-link/ScwLink.ts"
               }
             },
             {
               "kind": "field",
-              "name": "ariaDisabled",
+              "name": "linkAnchor",
               "type": {
-                "text": "string"
+                "text": "HTMLAnchorElement | undefined"
               },
-              "default": "'false'",
-              "description": "(ScwComponent) Disables the component however it disables",
-              "attribute": "aria-disabled",
               "inheritedFrom": {
-                "name": "ScwComponent",
-                "module": "src/scw-component/ScwComponent.ts"
+                "name": "ScwLink",
+                "module": "src/scw-link/ScwLink.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "focus",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "description": "focus",
+              "inheritedFrom": {
+                "name": "ScwLink",
+                "module": "src/scw-link/ScwLink.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "click",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
+              },
+              "description": "click",
+              "inheritedFrom": {
+                "name": "ScwLink",
+                "module": "src/scw-link/ScwLink.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "renderIcon",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "object"
+                }
+              },
+              "description": "renderIcon",
+              "inheritedFrom": {
+                "name": "ScwLink",
+                "module": "src/scw-link/ScwLink.ts"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "renderContent",
+              "return": {
+                "type": {
+                  "text": "object"
+                }
+              },
+              "description": "renderContent",
+              "inheritedFrom": {
+                "name": "ScwLink",
+                "module": "src/scw-link/ScwLink.ts"
               }
             },
             {
@@ -3916,7 +3814,7 @@
               "type": {
                 "text": "boolean"
               },
-              "default": "false",
+              "default": "true",
               "description": "(ScwLinkBase)\nSome lookups need to know if something is a link or not...",
               "attribute": "is-link",
               "reflects": true,
@@ -4002,13 +3900,76 @@
           ],
           "attributes": [
             {
-              "name": "header",
+              "name": "submit-type",
               "type": {
-                "text": "boolean"
+                "text": "ScwFormComponentSubmitTypes"
               },
-              "default": "false",
-              "description": "(ScwTag) If the row is the header row",
-              "fieldName": "header"
+              "description": "<ScwFormComponent> the usage in a form (& scw-form a query target)",
+              "fieldName": "submitType"
+            },
+            {
+              "name": "icon",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "(ScwLink) Design system icon",
+              "fieldName": "icon",
+              "inheritedFrom": {
+                "name": "ScwLink",
+                "module": "src/scw-link/ScwLink.ts"
+              }
+            },
+            {
+              "name": "icon-side",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "(ScwLink) Side you want the icon displayed",
+              "fieldName": "iconSide",
+              "inheritedFrom": {
+                "name": "ScwLink",
+                "module": "src/scw-link/ScwLink.ts"
+              }
+            },
+            {
+              "name": "design",
+              "type": {
+                "text": "| 'solid'\n    | 'outlined'\n    | 'light'\n    | 'white'\n    | 'text'\n    | 'plain'\n    | 'block'\n    | 'icon'\n    | 'main'\n    | 'solidIcon'"
+              },
+              "default": "'solid'",
+              "description": "(ScwLink) Link design",
+              "fieldName": "design",
+              "inheritedFrom": {
+                "name": "ScwLink",
+                "module": "src/scw-link/ScwLink.ts"
+              }
+            },
+            {
+              "name": "href",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "(ScwLink) Link url",
+              "fieldName": "href",
+              "inheritedFrom": {
+                "name": "ScwLink",
+                "module": "src/scw-link/ScwLink.ts"
+              }
+            },
+            {
+              "name": "target",
+              "type": {
+                "text": "'_blank' | '_parent' | '_self' | '_top' | undefined"
+              },
+              "description": "(ScwLink) Link target",
+              "fieldName": "target",
+              "inheritedFrom": {
+                "name": "ScwLink",
+                "module": "src/scw-link/ScwLink.ts"
+              }
             },
             {
               "name": "aria-label",
@@ -4016,26 +3977,65 @@
                 "text": "string"
               },
               "default": "''",
-              "description": "(ScwComponent) Main text within component",
+              "description": "(ScwLink) Link label",
               "fieldName": "ariaLabel",
               "inheritedFrom": {
                 "name": "ScwComponent",
                 "module": "src/scw-component/ScwComponent.ts"
               }
             },
+            {
+              "name": "size",
+              "type": {
+                "text": "'small' | 'medium' | 'large'"
+              },
+              "default": "'medium'",
+              "description": "(ScwLink) Link size",
+              "fieldName": "size",
+              "inheritedFrom": {
+                "name": "ScwLink",
+                "module": "src/scw-link/ScwLink.ts"
+              }
+            },
+            {
+              "name": "shape",
+              "type": {
+                "text": "'default' | 'pill'"
+              },
+              "default": "'default'",
+              "description": "(ScwLink) Corner rounding",
+              "fieldName": "shape",
+              "inheritedFrom": {
+                "name": "ScwLink",
+                "module": "src/scw-link/ScwLink.ts"
+              }
+            },
             {
               "name": "aria-disabled",
               "type": {
                 "text": "string"
               },
               "default": "'false'",
-              "description": "(ScwComponent) Disables the component however it disables",
+              "description": "(ScwLink) If the link is disabled",
               "fieldName": "ariaDisabled",
               "inheritedFrom": {
                 "name": "ScwComponent",
                 "module": "src/scw-component/ScwComponent.ts"
               }
             },
+            {
+              "name": "underline",
+              "type": {
+                "text": "string"
+              },
+              "default": "'true'",
+              "description": "(ScwLink) If a regular link should be underlined",
+              "fieldName": "underline",
+              "inheritedFrom": {
+                "name": "ScwLink",
+                "module": "src/scw-link/ScwLink.ts"
+              }
+            },
             {
               "name": "is-link",
               "type": {
@@ -4076,10 +4076,10 @@
             }
           ],
           "superclass": {
-            "name": "ScwComponent",
-            "package": "scw-component/ScwComponent"
+            "name": "ScwLink",
+            "module": "/src/scw-link/ScwLink"
           },
-          "tagName": "scw-comparison-row",
+          "tagName": "scw-button",
           "customElement": true
         }
       ],
@@ -4088,23 +4088,23 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "ScwComparisonRow",
-            "module": "src/scw-comparison-row/ScwComparisonRow.ts"
+            "name": "ScwButton",
+            "module": "src/scw-button/ScwButton.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/scw-comparison-row/scw-comparison-row.ts",
+      "path": "src/scw-button/scw-button.ts",
       "declarations": [],
       "exports": [
         {
           "kind": "custom-element-definition",
-          "name": "scw-comparison-row",
+          "name": "scw-button",
           "declaration": {
-            "name": "ScwComparisonRow",
-            "module": "/src/scw-comparison-row/ScwComparisonRow"
+            "name": "ScwButton",
+            "module": "/src/scw-button/ScwButton.js"
           }
         }
       ]
@@ -6991,52 +6991,126 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/scw-floating-button/ScwFloatingButton.ts",
+      "path": "src/scw-form/scw-form.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "ScwFloatingButton",
-          "name": "ScwFloatingButton",
+          "description": "ScwForm",
+          "name": "ScwForm",
+          "slots": [
+            {
+              "description": "The contents of the form",
+              "name": "default",
+              "default": "\"<scw-input...\""
+            }
+          ],
           "members": [
             {
               "kind": "field",
-              "name": "icon",
+              "name": "action",
               "type": {
-                "text": "string"
+                "text": "string | undefined"
               },
-              "default": "'placeholder'",
-              "description": "(ScwFloatingButton) Main icon",
-              "attribute": "icon"
+              "description": "(ScwForm) URL, where to submit form",
+              "attribute": "action"
             },
             {
               "kind": "field",
-              "name": "width",
+              "name": "method",
               "type": {
-                "text": "string"
+                "text": "FormMethods"
               },
-              "default": "'auto'",
-              "description": "(ScwFloatingButton) Width of button (on large screens)",
-              "attribute": "width"
+              "description": "(ScwForm) HTTP method used to submit form",
+              "attribute": "method"
             },
             {
               "kind": "field",
-              "name": "height",
+              "name": "ajax",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "'auto'",
-              "description": "(ScwFloatingButton) Height of button (on large screens)",
-              "attribute": "height"
+              "default": "false",
+              "description": "(ScwForm) Sumbit form via AJAX",
+              "attribute": "ajax"
             },
             {
               "kind": "field",
-              "name": "shape",
-              "type": {
-                "text": "'default' | 'pill'"
+              "name": "enctype",
+              "default": "undefined",
+              "description": "(ScwForm) Specify if the form needs a different encrypt value",
+              "attribute": "enctype"
+            },
+            {
+              "kind": "method",
+              "name": "findFormElements",
+              "return": {
+                "type": {
+                  "text": "ScwFormComponent[]"
+                }
               },
-              "default": "'default'",
-              "description": "(ScwFloatingButton) Shape of button",
-              "attribute": "shape"
+              "description": "find and return list of all form elements within this form"
+            },
+            {
+              "kind": "method",
+              "name": "processData",
+              "parameters": [
+                {
+                  "name": "formElementsArg",
+                  "optional": true,
+                  "type": {
+                    "text": "ScwFormComponent[]"
+                  }
+                }
+              ],
+              "description": "process all the form elements' data",
+              "return": {
+                "type": {
+                  "text": "Object"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "validate",
+              "return": {
+                "type": {
+                  "text": "ValidationResult[]"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "formElementsArg",
+                  "optional": true,
+                  "type": {
+                    "text": "ScwFormComponent[]"
+                  }
+                }
+              ],
+              "description": "validate"
+            },
+            {
+              "kind": "method",
+              "name": "findInvalidElements",
+              "return": {
+                "type": {
+                  "text": "ValidationResult[]"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "formElementsArg",
+                  "optional": true,
+                  "type": {
+                    "text": "ScwFormComponent[]"
+                  }
+                }
+              ],
+              "description": "findInvalidElements"
+            },
+            {
+              "kind": "method",
+              "name": "submit",
+              "description": "submit form"
             },
             {
               "kind": "field",
@@ -7173,40 +7247,38 @@
           ],
           "attributes": [
             {
-              "name": "icon",
+              "name": "action",
               "type": {
-                "text": "string"
+                "text": "string | undefined"
               },
-              "default": "'placeholder'",
-              "description": "(ScwFloatingButton) Main icon",
-              "fieldName": "icon"
+              "description": "(ScwForm) URL, where to submit form",
+              "fieldName": "action"
             },
             {
-              "name": "width",
+              "name": "method",
               "type": {
-                "text": "string"
+                "text": "FormMethods"
               },
-              "default": "'auto'",
-              "description": "(ScwFloatingButton) Width of button (on large screens)",
-              "fieldName": "width"
+              "description": "(ScwForm) HTTP method used to submit form",
+              "fieldName": "method"
             },
             {
-              "name": "height",
+              "name": "ajax",
               "type": {
-                "text": "string"
+                "text": "boolean"
               },
-              "default": "'auto'",
-              "description": "(ScwFloatingButton) Height of button (on large screens)",
-              "fieldName": "height"
+              "default": "false",
+              "description": "(ScwForm) Sumbit form via AJAX",
+              "fieldName": "ajax"
             },
             {
-              "name": "shape",
-              "type": {
-                "text": "'default' | 'pill'"
+              "name": "enctype",
+              "default": "undefined",
+              "description": "(ScwForm) Specify if the form needs a different encrypt value",
+              "resolveInitializer": {
+                "module": "src/scw-form/scw-form.ts"
               },
-              "default": "'default'",
-              "description": "(ScwFloatingButton) Shape of button",
-              "fieldName": "shape"
+              "fieldName": "enctype"
             },
             {
               "name": "aria-label",
@@ -7275,9 +7347,9 @@
           ],
           "superclass": {
             "name": "ScwComponent",
-            "package": "scw-component/ScwComponent"
+            "module": "/src/scw-component/ScwComponent"
           },
-          "tagName": "scw-floating-button",
+          "tagName": "scw-form",
           "customElement": true
         }
       ],
@@ -7286,149 +7358,60 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "ScwFloatingButton",
-            "module": "src/scw-floating-button/ScwFloatingButton.ts"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/scw-floating-button/scw-floating-button.ts",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "custom-element-definition",
-          "name": "scw-floating-button",
-          "declaration": {
-            "name": "ScwFloatingButton",
-            "module": "/src/scw-floating-button/ScwFloatingButton"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/scw-form/scw-form.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "description": "ScwForm",
-          "name": "ScwForm",
-          "slots": [
-            {
-              "description": "The contents of the form",
-              "name": "default",
-              "default": "\"<scw-input...\""
-            }
-          ],
-          "members": [
-            {
-              "kind": "field",
-              "name": "action",
-              "type": {
-                "text": "string | undefined"
-              },
-              "description": "(ScwForm) URL, where to submit form",
-              "attribute": "action"
-            },
-            {
-              "kind": "field",
-              "name": "method",
-              "type": {
-                "text": "FormMethods"
-              },
-              "description": "(ScwForm) HTTP method used to submit form",
-              "attribute": "method"
-            },
-            {
-              "kind": "field",
-              "name": "ajax",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "(ScwForm) Sumbit form via AJAX",
-              "attribute": "ajax"
-            },
-            {
-              "kind": "field",
-              "name": "enctype",
-              "default": "undefined",
-              "description": "(ScwForm) Specify if the form needs a different encrypt value",
-              "attribute": "enctype"
-            },
-            {
-              "kind": "method",
-              "name": "findFormElements",
-              "return": {
-                "type": {
-                  "text": "ScwFormComponent[]"
-                }
-              },
-              "description": "find and return list of all form elements within this form"
-            },
-            {
-              "kind": "method",
-              "name": "processData",
-              "parameters": [
-                {
-                  "name": "formElementsArg",
-                  "optional": true,
-                  "type": {
-                    "text": "ScwFormComponent[]"
-                  }
-                }
-              ],
-              "description": "process all the form elements' data",
-              "return": {
-                "type": {
-                  "text": "Object"
-                }
-              }
+            "name": "ScwForm",
+            "module": "src/scw-form/scw-form.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/scw-floating-button/ScwFloatingButton.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "description": "ScwFloatingButton",
+          "name": "ScwFloatingButton",
+          "members": [
+            {
+              "kind": "field",
+              "name": "icon",
+              "type": {
+                "text": "string"
+              },
+              "default": "'placeholder'",
+              "description": "(ScwFloatingButton) Main icon",
+              "attribute": "icon"
             },
             {
-              "kind": "method",
-              "name": "validate",
-              "return": {
-                "type": {
-                  "text": "ValidationResult[]"
-                }
+              "kind": "field",
+              "name": "width",
+              "type": {
+                "text": "string"
               },
-              "parameters": [
-                {
-                  "name": "formElementsArg",
-                  "optional": true,
-                  "type": {
-                    "text": "ScwFormComponent[]"
-                  }
-                }
-              ],
-              "description": "validate"
+              "default": "'auto'",
+              "description": "(ScwFloatingButton) Width of button (on large screens)",
+              "attribute": "width"
             },
             {
-              "kind": "method",
-              "name": "findInvalidElements",
-              "return": {
-                "type": {
-                  "text": "ValidationResult[]"
-                }
+              "kind": "field",
+              "name": "height",
+              "type": {
+                "text": "string"
               },
-              "parameters": [
-                {
-                  "name": "formElementsArg",
-                  "optional": true,
-                  "type": {
-                    "text": "ScwFormComponent[]"
-                  }
-                }
-              ],
-              "description": "findInvalidElements"
+              "default": "'auto'",
+              "description": "(ScwFloatingButton) Height of button (on large screens)",
+              "attribute": "height"
             },
             {
-              "kind": "method",
-              "name": "submit",
-              "description": "submit form"
+              "kind": "field",
+              "name": "shape",
+              "type": {
+                "text": "'default' | 'pill'"
+              },
+              "default": "'default'",
+              "description": "(ScwFloatingButton) Shape of button",
+              "attribute": "shape"
             },
             {
               "kind": "field",
@@ -7565,38 +7548,40 @@
           ],
           "attributes": [
             {
-              "name": "action",
+              "name": "icon",
               "type": {
-                "text": "string | undefined"
+                "text": "string"
               },
-              "description": "(ScwForm) URL, where to submit form",
-              "fieldName": "action"
+              "default": "'placeholder'",
+              "description": "(ScwFloatingButton) Main icon",
+              "fieldName": "icon"
             },
             {
-              "name": "method",
+              "name": "width",
               "type": {
-                "text": "FormMethods"
+                "text": "string"
               },
-              "description": "(ScwForm) HTTP method used to submit form",
-              "fieldName": "method"
+              "default": "'auto'",
+              "description": "(ScwFloatingButton) Width of button (on large screens)",
+              "fieldName": "width"
             },
             {
-              "name": "ajax",
+              "name": "height",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "description": "(ScwForm) Sumbit form via AJAX",
-              "fieldName": "ajax"
+              "default": "'auto'",
+              "description": "(ScwFloatingButton) Height of button (on large screens)",
+              "fieldName": "height"
             },
             {
-              "name": "enctype",
-              "default": "undefined",
-              "description": "(ScwForm) Specify if the form needs a different encrypt value",
-              "resolveInitializer": {
-                "module": "src/scw-form/scw-form.ts"
+              "name": "shape",
+              "type": {
+                "text": "'default' | 'pill'"
               },
-              "fieldName": "enctype"
+              "default": "'default'",
+              "description": "(ScwFloatingButton) Shape of button",
+              "fieldName": "shape"
             },
             {
               "name": "aria-label",
@@ -7665,9 +7650,9 @@
           ],
           "superclass": {
             "name": "ScwComponent",
-            "module": "/src/scw-component/ScwComponent"
+            "package": "scw-component/ScwComponent"
           },
-          "tagName": "scw-form",
+          "tagName": "scw-floating-button",
           "customElement": true
         }
       ],
@@ -7676,8 +7661,23 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "ScwForm",
-            "module": "src/scw-form/scw-form.ts"
+            "name": "ScwFloatingButton",
+            "module": "src/scw-floating-button/ScwFloatingButton.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/scw-floating-button/scw-floating-button.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "custom-element-definition",
+          "name": "scw-floating-button",
+          "declaration": {
+            "name": "ScwFloatingButton",
+            "module": "/src/scw-floating-button/ScwFloatingButton"
           }
         }
       ]
@@ -9675,69 +9675,54 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/scw-icon/ScwIcon.ts",
+      "path": "src/scw-horizontal-nav-panel/ScwHorizontalNavPanel.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "ScwIcon",
-          "name": "ScwIcon",
-          "slots": [
-            {
-              "description": "(OPTIONAL) anchor (for SEO) will determine the label, href, and target.",
-              "name": "default",
-              "default": "\"<a href target />\""
-            }
-          ],
+          "description": "ScwHorizontalNavPanel",
+          "name": "ScwHorizontalNavPanel",
           "members": [
             {
               "kind": "field",
-              "name": "icon",
+              "name": "attrId",
               "type": {
-                "text": "string"
+                "text": "number"
               },
-              "default": "''",
-              "description": "(ScwIcon) Determines the icon to use with the text",
-              "parameters": [
-                {
-                  "name": "icon",
-                  "type": {
-                    "text": "string | undefined"
-                  }
-                }
-              ],
-              "attribute": "icon",
-              "reflects": true
+              "privacy": "private",
+              "default": "++id"
             },
             {
               "kind": "field",
-              "name": "size",
-              "type": {
-                "text": "ScwIconSizes"
-              },
-              "description": "(ScwIcon) Determines the square size of the icon",
-              "attribute": "size",
-              "reflects": true
+              "name": "componentId",
+              "privacy": "private",
+              "default": "`scw-horizontal-nav-panel-${this.attrId}`"
             },
             {
               "kind": "field",
-              "name": "animation",
+              "name": "active",
               "type": {
-                "text": "string | undefined"
+                "text": "boolean"
               },
-              "attribute": "animation"
+              "default": "false",
+              "description": "(ScwHorizontalNavPanel) If the panel is active. Set automatically.",
+              "attribute": "active",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "_svgInfo",
+              "name": "name",
               "type": {
                 "text": "string"
               },
-              "default": "''"
+              "default": "''",
+              "description": "(ScwHorizontalNavPanel) The tab panel's name. Corresponds to\nscw-horizontal-nav-item panel property",
+              "attribute": "name",
+              "reflects": true
             },
             {
               "kind": "method",
-              "name": "refreshIcon",
-              "description": "refreshIcon"
+              "name": "handleActiveChange",
+              "description": "handleActiveChange"
             },
             {
               "kind": "field",
@@ -9874,36 +9859,22 @@
           ],
           "attributes": [
             {
-              "name": "icon",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "(ScwIcon) Determines the icon to use with the text",
-              "parameters": [
-                {
-                  "name": "icon",
-                  "type": {
-                    "text": "string | undefined"
-                  }
-                }
-              ],
-              "fieldName": "icon"
-            },
-            {
-              "name": "size",
+              "name": "active",
               "type": {
-                "text": "ScwIconSizes"
+                "text": "boolean"
               },
-              "description": "(ScwIcon) Determines the square size of the icon",
-              "fieldName": "size"
+              "default": "false",
+              "description": "(ScwHorizontalNavPanel) If the panel is active. Set automatically.",
+              "fieldName": "active"
             },
             {
-              "name": "animation",
+              "name": "name",
               "type": {
-                "text": "string | undefined"
+                "text": "string"
               },
-              "fieldName": "animation"
+              "default": "''",
+              "description": "(ScwHorizontalNavPanel) The tab panel's name. Corresponds to\nscw-horizontal-nav-item panel property",
+              "fieldName": "name"
             },
             {
               "name": "aria-label",
@@ -9974,7 +9945,7 @@
             "name": "ScwComponent",
             "package": "scw-component/ScwComponent"
           },
-          "tagName": "scw-icon",
+          "tagName": "scw-horizontal-nav-panel",
           "customElement": true
         }
       ],
@@ -9983,83 +9954,92 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "ScwIcon",
-            "module": "src/scw-icon/ScwIcon.ts"
+            "name": "ScwHorizontalNavPanel",
+            "module": "src/scw-horizontal-nav-panel/ScwHorizontalNavPanel.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/scw-icon/scw-icon-enums.ts",
-      "declarations": [],
-      "exports": []
-    },
-    {
-      "kind": "javascript-module",
-      "path": "src/scw-icon/scw-icon.ts",
+      "path": "src/scw-horizontal-nav-panel/scw-horizontal-nav-panel.ts",
       "declarations": [],
       "exports": [
         {
           "kind": "custom-element-definition",
-          "name": "scw-icon",
+          "name": "scw-horizontal-nav-panel",
           "declaration": {
-            "name": "ScwIcon",
-            "module": "/src/scw-icon/ScwIcon"
+            "name": "ScwHorizontalNavPanel",
+            "module": "/src/scw-horizontal-nav-panel/ScwHorizontalNavPanel"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/scw-horizontal-nav-panel/ScwHorizontalNavPanel.ts",
+      "path": "src/scw-icon/ScwIcon.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "ScwHorizontalNavPanel",
-          "name": "ScwHorizontalNavPanel",
+          "description": "ScwIcon",
+          "name": "ScwIcon",
+          "slots": [
+            {
+              "description": "(OPTIONAL) anchor (for SEO) will determine the label, href, and target.",
+              "name": "default",
+              "default": "\"<a href target />\""
+            }
+          ],
           "members": [
             {
               "kind": "field",
-              "name": "attrId",
+              "name": "icon",
               "type": {
-                "text": "number"
+                "text": "string"
               },
-              "privacy": "private",
-              "default": "++id"
+              "default": "''",
+              "description": "(ScwIcon) Determines the icon to use with the text",
+              "parameters": [
+                {
+                  "name": "icon",
+                  "type": {
+                    "text": "string | undefined"
+                  }
+                }
+              ],
+              "attribute": "icon",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "componentId",
-              "privacy": "private",
-              "default": "`scw-horizontal-nav-panel-${this.attrId}`"
+              "name": "size",
+              "type": {
+                "text": "ScwIconSizes"
+              },
+              "description": "(ScwIcon) Determines the square size of the icon",
+              "attribute": "size",
+              "reflects": true
             },
             {
               "kind": "field",
-              "name": "active",
+              "name": "animation",
               "type": {
-                "text": "boolean"
+                "text": "string | undefined"
               },
-              "default": "false",
-              "description": "(ScwHorizontalNavPanel) If the panel is active. Set automatically.",
-              "attribute": "active",
-              "reflects": true
+              "attribute": "animation"
             },
             {
               "kind": "field",
-              "name": "name",
+              "name": "_svgInfo",
               "type": {
                 "text": "string"
               },
-              "default": "''",
-              "description": "(ScwHorizontalNavPanel) The tab panel's name. Corresponds to\nscw-horizontal-nav-item panel property",
-              "attribute": "name",
-              "reflects": true
+              "default": "''"
             },
             {
               "kind": "method",
-              "name": "handleActiveChange",
-              "description": "handleActiveChange"
+              "name": "refreshIcon",
+              "description": "refreshIcon"
             },
             {
               "kind": "field",
@@ -10196,22 +10176,36 @@
           ],
           "attributes": [
             {
-              "name": "active",
+              "name": "icon",
               "type": {
-                "text": "boolean"
+                "text": "string"
               },
-              "default": "false",
-              "description": "(ScwHorizontalNavPanel) If the panel is active. Set automatically.",
-              "fieldName": "active"
+              "default": "''",
+              "description": "(ScwIcon) Determines the icon to use with the text",
+              "parameters": [
+                {
+                  "name": "icon",
+                  "type": {
+                    "text": "string | undefined"
+                  }
+                }
+              ],
+              "fieldName": "icon"
             },
             {
-              "name": "name",
+              "name": "size",
               "type": {
-                "text": "string"
+                "text": "ScwIconSizes"
               },
-              "default": "''",
-              "description": "(ScwHorizontalNavPanel) The tab panel's name. Corresponds to\nscw-horizontal-nav-item panel property",
-              "fieldName": "name"
+              "description": "(ScwIcon) Determines the square size of the icon",
+              "fieldName": "size"
+            },
+            {
+              "name": "animation",
+              "type": {
+                "text": "string | undefined"
+              },
+              "fieldName": "animation"
             },
             {
               "name": "aria-label",
@@ -10282,7 +10276,7 @@
             "name": "ScwComponent",
             "package": "scw-component/ScwComponent"
           },
-          "tagName": "scw-horizontal-nav-panel",
+          "tagName": "scw-icon",
           "customElement": true
         }
       ],
@@ -10291,23 +10285,29 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "ScwHorizontalNavPanel",
-            "module": "src/scw-horizontal-nav-panel/ScwHorizontalNavPanel.ts"
+            "name": "ScwIcon",
+            "module": "src/scw-icon/ScwIcon.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/scw-horizontal-nav-panel/scw-horizontal-nav-panel.ts",
+      "path": "src/scw-icon/scw-icon-enums.ts",
+      "declarations": [],
+      "exports": []
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/scw-icon/scw-icon.ts",
       "declarations": [],
       "exports": [
         {
           "kind": "custom-element-definition",
-          "name": "scw-horizontal-nav-panel",
+          "name": "scw-icon",
           "declaration": {
-            "name": "ScwHorizontalNavPanel",
-            "module": "/src/scw-horizontal-nav-panel/ScwHorizontalNavPanel"
+            "name": "ScwIcon",
+            "module": "/src/scw-icon/ScwIcon"
           }
         }
       ]
@@ -18021,12 +18021,12 @@
     },
     {
       "kind": "javascript-module",
-      "path": "src/scw-radio-button/ScwRadioButton.ts",
+      "path": "src/scw-radio/ScwRadio.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "ScwRadioButton",
-          "name": "ScwRadioButton",
+          "description": "ScwRadio",
+          "name": "ScwRadio",
           "members": [
             {
               "kind": "field",
@@ -18035,7 +18035,7 @@
                 "text": "string"
               },
               "default": "''",
-              "description": "(ScwRadioButton) Text inside the button",
+              "description": "(ScwRadio) Text inside the button",
               "attribute": "value"
             },
             {
@@ -18045,14 +18045,24 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "(ScwRadioButton) If the button is active or not",
+              "description": "(ScwRadio) If the button is active or not",
               "attribute": "selected",
               "reflects": true
             },
+            {
+              "kind": "field",
+              "name": "alignment",
+              "type": {
+                "text": "string"
+              },
+              "default": "'center'",
+              "description": "alignment of text",
+              "attribute": "alignment"
+            },
             {
               "kind": "method",
-              "name": "handleValueChange",
-              "description": "handleValueChange"
+              "name": "handleSelectedChange",
+              "description": "handleSelectedChange"
             },
             {
               "kind": "method",
@@ -18208,7 +18218,7 @@
                 "text": "string"
               },
               "default": "''",
-              "description": "(ScwRadioButton) Text inside the button",
+              "description": "(ScwRadio) Text inside the button",
               "fieldName": "value"
             },
             {
@@ -18217,9 +18227,18 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "(ScwRadioButton) If the button is active or not",
+              "description": "(ScwRadio) If the button is active or not",
               "fieldName": "selected"
             },
+            {
+              "name": "alignment",
+              "type": {
+                "text": "string"
+              },
+              "default": "'center'",
+              "description": "alignment of text",
+              "fieldName": "alignment"
+            },
             {
               "name": "aria-label",
               "type": {
@@ -18289,7 +18308,7 @@
             "name": "ScwComponent",
             "package": "scw-component/ScwComponent"
           },
-          "tagName": "scw-radio-button",
+          "tagName": "scw-radio",
           "customElement": true
         }
       ],
@@ -18298,35 +18317,35 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "ScwRadioButton",
-            "module": "src/scw-radio-button/ScwRadioButton.ts"
+            "name": "ScwRadio",
+            "module": "src/scw-radio/ScwRadio.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/scw-radio-button/scw-radio-button.ts",
+      "path": "src/scw-radio/scw-radio.ts",
       "declarations": [],
       "exports": [
         {
           "kind": "custom-element-definition",
-          "name": "scw-radio-button",
+          "name": "scw-radio",
           "declaration": {
-            "name": "ScwRadioButton",
-            "module": "/src/scw-radio-button/ScwRadioButton"
+            "name": "ScwRadio",
+            "module": "/src/scw-radio/ScwRadio"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/scw-radio/ScwRadio.ts",
+      "path": "src/scw-radio-button/ScwRadioButton.ts",
       "declarations": [
         {
           "kind": "class",
-          "description": "ScwRadio",
-          "name": "ScwRadio",
+          "description": "ScwRadioButton",
+          "name": "ScwRadioButton",
           "members": [
             {
               "kind": "field",
@@ -18335,7 +18354,7 @@
                 "text": "string"
               },
               "default": "''",
-              "description": "(ScwRadio) Text inside the button",
+              "description": "(ScwRadioButton) Text inside the button",
               "attribute": "value"
             },
             {
@@ -18345,24 +18364,14 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "(ScwRadio) If the button is active or not",
+              "description": "(ScwRadioButton) If the button is active or not",
               "attribute": "selected",
               "reflects": true
             },
-            {
-              "kind": "field",
-              "name": "alignment",
-              "type": {
-                "text": "string"
-              },
-              "default": "'center'",
-              "description": "alignment of text",
-              "attribute": "alignment"
-            },
             {
               "kind": "method",
-              "name": "handleSelectedChange",
-              "description": "handleSelectedChange"
+              "name": "handleValueChange",
+              "description": "handleValueChange"
             },
             {
               "kind": "method",
@@ -18518,7 +18527,7 @@
                 "text": "string"
               },
               "default": "''",
-              "description": "(ScwRadio) Text inside the button",
+              "description": "(ScwRadioButton) Text inside the button",
               "fieldName": "value"
             },
             {
@@ -18527,18 +18536,9 @@
                 "text": "boolean"
               },
               "default": "false",
-              "description": "(ScwRadio) If the button is active or not",
+              "description": "(ScwRadioButton) If the button is active or not",
               "fieldName": "selected"
             },
-            {
-              "name": "alignment",
-              "type": {
-                "text": "string"
-              },
-              "default": "'center'",
-              "description": "alignment of text",
-              "fieldName": "alignment"
-            },
             {
               "name": "aria-label",
               "type": {
@@ -18608,7 +18608,7 @@
             "name": "ScwComponent",
             "package": "scw-component/ScwComponent"
           },
-          "tagName": "scw-radio",
+          "tagName": "scw-radio-button",
           "customElement": true
         }
       ],
@@ -18617,23 +18617,23 @@
           "kind": "js",
           "name": "default",
           "declaration": {
-            "name": "ScwRadio",
-            "module": "src/scw-radio/ScwRadio.ts"
+            "name": "ScwRadioButton",
+            "module": "src/scw-radio-button/ScwRadioButton.ts"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "src/scw-radio/scw-radio.ts",
+      "path": "src/scw-radio-button/scw-radio-button.ts",
       "declarations": [],
       "exports": [
         {
           "kind": "custom-element-definition",
-          "name": "scw-radio",
+          "name": "scw-radio-button",
           "declaration": {
-            "name": "ScwRadio",
-            "module": "/src/scw-radio/ScwRadio"
+            "name": "ScwRadioButton",
+            "module": "/src/scw-radio-button/ScwRadioButton"
           }
         }
       ]
@@ -26858,6 +26858,53 @@
               "name": "handleClick",
               "description": "handleClick"
             },
+            {
+              "kind": "method",
+              "name": "findComposedAncestor",
+              "privacy": "private",
+              "return": {
+                "type": {
+                  "text": "HTMLElement"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "element",
+                  "type": {
+                    "text": "Element"
+                  }
+                },
+                {
+                  "name": "selector",
+                  "type": {
+                    "text": "string"
+                  }
+                }
+              ],
+              "description": "findComposedAncestor"
+            },
+            {
+              "kind": "field",
+              "name": "activeCell",
+              "type": {
+                "text": "HTMLElement | undefined"
+              },
+              "privacy": "private"
+            },
+            {
+              "kind": "method",
+              "name": "setTooltipLayer",
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "open",
+                  "type": {
+                    "text": "boolean"
+                  }
+                }
+              ],
+              "description": "setTooltipLayer"
+            },
             {
               "kind": "field",
               "name": "element",