scu-web-components 0.0.42 → 0.0.43

package/dist/docs/components/ScwLinkBase.json

@@ -22,7 +22,7 @@
       "type": {
         "text": "string | undefined"
       },
-      "description": "(ScwLinkBase) link location - private\n...should not be able to be set directly b/c scu-link should use this",
+      "description": "(ScwLinkBase)",
       "attribute": "href",
       "reflects": true
     },
@@ -32,7 +32,7 @@
       "type": {
         "text": "'_blank' | '_parent' | '_self' | '_top' | undefined"
       },
-      "description": "(ScwLinkBase) link target - private\n...should not be able to be set directly b/c scu-link should use this",
+      "description": "(ScwLinkBase)",
       "attribute": "target",
       "reflects": true
     },
@@ -58,22 +58,13 @@
     },
     {
       "kind": "method",
-      "name": "parseAndValidateLightDom",
-      "description": "override with anchor info",
-      "inheritedFrom": {
-        "name": "ScwComponent",
-        "module": "src/scw-component/ScwComponent.ts"
-      }
-    },
-    {
-      "kind": "method",
-      "name": "isLink",
-      "description": "Should this element be rendered as a link...",
+      "name": "focus",
       "return": {
         "type": {
-          "text": "boolean"
+          "text": "void"
         }
-      }
+      },
+      "description": "focus"
     },
     {
       "kind": "method",
@@ -100,16 +91,6 @@
       ],
       "description": "renderLink"
     },
-    {
-      "kind": "method",
-      "name": "focus",
-      "return": {
-        "type": {
-          "text": "void"
-        }
-      },
-      "description": "focus"
-    },
     {
       "kind": "field",
       "name": "element",
@@ -126,13 +107,13 @@
     },
     {
       "kind": "field",
-      "name": "ariaLabel",
+      "name": "isLink",
       "type": {
-        "text": "string"
+        "text": "boolean"
       },
-      "default": "''",
-      "description": "(ScwComponent) Main text within component",
-      "attribute": "aria-label",
+      "default": "true",
+      "description": "(ScwLinkBase)\nSome lookups need to know if something is a link or not...",
+      "attribute": "is-link",
       "reflects": true,
       "inheritedFrom": {
         "name": "ScwComponent",
@@ -141,13 +122,14 @@
     },
     {
       "kind": "field",
-      "name": "ariaDisabled",
+      "name": "ariaLabel",
       "type": {
         "text": "string"
       },
-      "default": "'false'",
-      "description": "(ScwComponent) Disables the component however it disables",
-      "attribute": "aria-disabled",
+      "default": "''",
+      "description": "(ScwComponent) Main text within component",
+      "attribute": "aria-label",
+      "reflects": true,
       "inheritedFrom": {
         "name": "ScwComponent",
         "module": "src/scw-component/ScwComponent.ts"
@@ -155,25 +137,13 @@
     },
     {
       "kind": "field",
-      "name": "responsive",
+      "name": "ariaDisabled",
       "type": {
         "text": "string"
       },
-      "default": "false",
-      "description": "(ScwComponent) whether or not to look to attributes for responsive sizing\nviewport | element | none",
-      "attribute": "responsive",
-      "inheritedFrom": {
-        "name": "ScwComponent",
-        "module": "src/scw-component/ScwComponent.ts"
-      }
-    },
-    {
-      "kind": "field",
-      "name": "responsiveElement",
-      "type": {
-        "text": "ResponsiveElement | undefined"
-      },
-      "description": "responsive element",
+      "default": "'false'",
+      "description": "(ScwComponent) Disables the component however it disables",
+      "attribute": "aria-disabled",
       "inheritedFrom": {
         "name": "ScwComponent",
         "module": "src/scw-component/ScwComponent.ts"
@@ -198,13 +168,22 @@
         "text": "boolean"
       },
       "default": "false",
-      "description": "(ScwComponent) Determines whether to watch for changes\nin children. (not all components use light DOM for inputs)",
+      "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",
@@ -223,6 +202,15 @@
         "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",
@@ -242,7 +230,7 @@
       "type": {
         "text": "string | undefined"
       },
-      "description": "(ScwLinkBase) link location - private\n...should not be able to be set directly b/c scu-link should use this",
+      "description": "(ScwLinkBase)",
       "fieldName": "href"
     },
     {
@@ -250,7 +238,7 @@
       "type": {
         "text": "'_blank' | '_parent' | '_self' | '_top' | undefined"
       },
-      "description": "(ScwLinkBase) link target - private\n...should not be able to be set directly b/c scu-link should use this",
+      "description": "(ScwLinkBase)",
       "fieldName": "target"
     },
     {
@@ -280,13 +268,13 @@
       }
     },
     {
-      "name": "responsive",
+      "name": "is-link",
       "type": {
-        "text": "string"
+        "text": "boolean"
       },
       "default": "false",
-      "description": "(ScwComponent) whether or not to look to attributes for responsive sizing\nviewport | element | none",
-      "fieldName": "responsive",
+      "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"
@@ -298,7 +286,7 @@
         "text": "boolean"
       },
       "default": "false",
-      "description": "(ScwComponent) Determines whether to watch for changes\nin children. (not all components use light DOM for inputs)",
+      "description": "(ScwComponent) Determines whether to watch for changes\nin children. (not all components use light DOM)",
       "fieldName": "dynamic",
       "inheritedFrom": {
         "name": "ScwComponent",

package/dist/docs/components/ScwMenu.json

@@ -66,15 +66,6 @@
       },
       "description": "Is this a nested menu or not..."
     },
-    {
-      "kind": "method",
-      "name": "parseAndValidateLightDom",
-      "description": "parseAndValidateLightDom, just adding local parsing and validation",
-      "inheritedFrom": {
-        "name": "ScwComponent",
-        "module": "src/scw-component/ScwComponent.ts"
-      }
-    },
     {
       "kind": "field",
       "name": "element",
@@ -120,25 +111,14 @@
     },
     {
       "kind": "field",
-      "name": "responsive",
+      "name": "isLink",
       "type": {
-        "text": "string"
+        "text": "boolean"
       },
       "default": "false",
-      "description": "(ScwComponent) whether or not to look to attributes for responsive sizing\nviewport | element | none",
-      "attribute": "responsive",
-      "inheritedFrom": {
-        "name": "ScwComponent",
-        "module": "src/scw-component/ScwComponent.ts"
-      }
-    },
-    {
-      "kind": "field",
-      "name": "responsiveElement",
-      "type": {
-        "text": "ResponsiveElement | undefined"
-      },
-      "description": "responsive element",
+      "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"
@@ -163,13 +143,22 @@
         "text": "boolean"
       },
       "default": "false",
-      "description": "(ScwComponent) Determines whether to watch for changes\nin children. (not all components use light DOM for inputs)",
+      "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",
@@ -188,6 +177,15 @@
         "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",
@@ -246,13 +244,13 @@
       }
     },
     {
-      "name": "responsive",
+      "name": "is-link",
       "type": {
-        "text": "string"
+        "text": "boolean"
       },
       "default": "false",
-      "description": "(ScwComponent) whether or not to look to attributes for responsive sizing\nviewport | element | none",
-      "fieldName": "responsive",
+      "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"
@@ -264,7 +262,7 @@
         "text": "boolean"
       },
       "default": "false",
-      "description": "(ScwComponent) Determines whether to watch for changes\nin children. (not all components use light DOM for inputs)",
+      "description": "(ScwComponent) Determines whether to watch for changes\nin children. (not all components use light DOM)",
       "fieldName": "dynamic",
       "inheritedFrom": {
         "name": "ScwComponent",
@@ -296,40 +294,10 @@
   "adaStatus": "tbd",
   "overview": "",
   "examples": [
-    {
-      "title": "Native",
-      "description": "",
-      "code": "\n        <nav aria-label='native menu'>\n          <ul>\n            <li><a href=\"./native-home\">Home</a></li>\n            <li><a href=\"./native-about\">About</a></li>\n            <li><a href=\"./native-contact\">Contact</a></li>\n          </ul>\n        </nav>"
-    },
-    {
-      "title": "Simple",
-      "description": "aria-label is required and scw-flex-h is default layout.",
-      "code": "\n        <scw-menu\n          aria-label=\"simple menu\"\n          scw-gap-2s>\n          <scw-menu-item \n            aria-label=\"Home\"\n            href=\"https://www.summitcreditunion.com\"\n            target=\"_new\"\n            design=\"main\">\n          </scw-menu-item>\n          <scw-menu-item\n            aria-label=\"Page\"\n            href=\"https://www.summitcreditunion.com\"\n            target=\"_new\"\n            design=\"main\">\n          </scw-menu-item>\n          <scw-menu-item\n            aria-label=\"About\"\n            href=\"https://www.summitcreditunion.com\"\n            target=\"_new\"\n            design=\"main\">\n          </scw-menu-item>\n        </scw-menu>"
-    },
-    {
-      "title": "Keyboard",
-      "description": "scw-menu has an application mode. Arrows Up/Down/Left/Right\n      all move the focus around the navigation (looping in fact). Home and End\n      move to the end and front of a navigation. Escape will close an open \n      submenu.",
-      "code": "\n        <scw-menu\n          aria-label=\"keyboard menu\"\n          scw-flex-h\n          scw-gap-2s>\n          <scw-menu-item \n            aria-label=\"Home\"\n            design=\"main\">\n          </scw-menu-item>\n          <scw-menu-item\n            aria-label=\"Page\"\n            design=\"main\">\n          </scw-menu-item>\n          <scw-menu-item\n            aria-label=\"About\"\n            design=\"main\">\n          </scw-menu-item>\n        </scw-menu>"
-    },
-    {
-      "title": "Keyboard Directions",
-      "description": "scw-menu takes a keyboard-direction attribute. This changes\n      the way that the arrow keys will function. For instance using horizontal\n      will enable arrow right/left to move around the nav, but change \n      arrow up/down to trigger submenus.",
-      "code": "\n        <scw-menu\n          aria-label=\"keyboard directions menu\"\n          scw-flex-h\n          scw-gap-2s\n          keyboard-direction=\"horizontal\">\n          <scw-menu-item\n            aria-label=\"Sub Menu\"\n            design=\"main\">\n          </scw-menu-item>\n          <scw-menu\n            aria-label=\"utility\"\n            scw-flex-h\n            scw-gap-2s\n            scw-padding-2s\n            scw-border-primary\n            scw-background-color-grey-10\n            keyboard-direction=\"horizontal\"\n            aria-hidden=\"true\"\n            style=\"\n              position: absolute;\n              top: 100%;\n              display: none;\n              z-index: 100;\">\n            <scw-menu-item \n              aria-label=\"Home\"\n              design=\"utility\">\n            </scw-menu-item>\n            <scw-menu-item\n              aria-label=\"Page\"\n              design=\"utility\">\n            </scw-menu-item>\n            <scw-menu-item\n              aria-label=\"About\"\n              design=\"utility\">\n            </scw-menu-item>\n          </scw-menu>\n          <scw-menu-item \n            aria-label=\"Page\"\n            design=\"main\">\n          </scw-menu-item>\n          <scw-menu-item\n            aria-label=\"About\"\n            design=\"main\">\n          </scw-menu-item>\n        </scw-menu>"
-    },
-    {
-      "title": "Layouts",
-      "description": "scw-menu can be changed to scw-stack, scw-flex-v, \n      scw-flex-h, scw-center, or scu-float.",
-      "code": "\n        <scw-menu\n          aria-label=\"layouts menu\"\n          scw-stack\n          scw-gap-2s>\n          <scw-menu-item \n            aria-label=\"Home\"\n            design=\"main\">\n          </scw-menu-item>\n          <scw-menu-item\n            aria-label=\"Page\"\n            design=\"main\">\n          </scw-menu-item>\n          <scw-menu-item\n            aria-label=\"About\"\n            design=\"main\">\n          </scw-menu-item>\n        </scw-menu>"
-    },
     {
       "title": "Sub Menus",
       "description": "scw-menus can be placed within scw-menus. The nested menus\n      will open/close relative to the menu item (or scw-link, etc) that \n      directly preceeds it. NOTE: add aria-hidden=\"true\" on all submenus and \n      \"display: none\"\n      to have them hide right away.",
-      "code": "\n        <scw-menu\n          aria-label=\"sub menu example menu\"\n          scw-flex-h\n          scw-gap-2s\n          style=\"position: relative;\">\n          <scw-menu-item \n            aria-label=\"Home\"\n            design=\"main\">\n          </scw-menu-item>\n\n          <scw-menu\n            aria-label=\"sub menu example menu 1\"\n            scw-stack\n            scw-gap-2s\n            scw-padding-2s\n            scw-border-primary\n            scw-background-color-grey-10\n            aria-hidden=\"true\"\n            style=\"\n              position: absolute;\n              top: 100%;\n              display: none;\n              z-index: 100;\">\n            <scw-menu-item \n              aria-label=\"Home 1\"\n              design=\"utility\">\n            </scw-menu-item>\n            <scw-menu-item\n              aria-label=\"Page 1\"\n              design=\"utility\">\n            </scw-menu-item>\n            <scw-menu-item\n              aria-label=\"About 1\"\n              design=\"utility\">\n            </scw-menu-item>\n          </scw-menu>\n\n          <scw-menu-item\n            aria-label=\"Sub Menu\"\n            design=\"main\">\n          </scw-menu-item>\n\n          <scw-menu\n            aria-label=\"sub menu example menu 2\"\n            scw-stack\n            scw-gap-2s\n            scw-padding-2s\n            scw-border-primary\n            scw-background-color-grey-10\n            aria-hidden=\"true\"\n            style=\"\n              position: absolute;\n              top: 100%; display: none;\n              z-index: 100;\">\n            <scw-menu-item \n              aria-label=\"Home 2\"\n              design=\"utility\">\n            </scw-menu-item>\n            <scw-menu-item\n              aria-label=\"Page 2\"\n              design=\"utility\">\n            </scw-menu-item>\n            <scw-menu-item\n              aria-label=\"About 2\"\n              design=\"utility\">\n            </scw-menu-item>\n          </scw-menu>\n\n          <scw-menu-item\n            aria-label=\"About\"\n            design=\"main\">\n          </scw-menu-item>\n\n          <scw-menu\n            aria-label=\"sub menu example menu 3\"\n            scw-stack\n            scw-gap-2s\n            scw-padding-2s\n            scw-border-primary\n            scw-background-color-grey-10\n            aria-hidden=\"true\"\n            style=\"\n              position: absolute;\n              top: 100%; display: none;\n              z-index: 100;\">\n            <scw-menu-item \n              aria-label=\"Home 3\"\n              design=\"utility\">\n            </scw-menu-item>\n            <scw-menu-item\n              aria-label=\"Page 3\"\n              design=\"utility\">\n            </scw-menu-item>\n            <scw-menu-item\n              aria-label=\"About 3\"\n              design=\"utility\">\n            </scw-menu-item>\n          </scw-menu>\n\n        </scw-menu>"
-    },
-    {
-      "title": "Errors",
-      "description": "",
-      "code": "\n        <scw-flex-h\n          scw-gap-2s>\n          <scw-menu>\n            <scw-menu-item \n              aria-label=\"No Aria-label\"\n              design=\"main\">\n            </scw-menu-item>\n          </scw-menu>\n        </scw-flex-h>"
+      "code": "\n        <scw-menu\n          aria-label=\"sub menu example menu\"\n          scw-flex-h\n          scw-gap-2s\n          style=\"position: relative;\">\n          <scw-menu-item \n            aria-label=\"Home\"\n            design=\"main\"\n            href=\"#\">\n          </scw-menu-item>\n\n          <scw-menu\n            aria-label=\"sub menu example menu 1\"\n            scw-stack\n            scw-gap-2s\n            scw-padding-2s\n            scw-border-primary\n            scw-background-color-grey-10\n            aria-hidden=\"true\"\n            style=\"\n              position: absolute;\n              top: 100%;\n              display: none;\n              z-index: 100;\">\n            <scw-link \n              aria-label=\"Home 1\"\n              design=\"utility\"\n              href=\"https://www.summitcreditunion.com\"\n              target=\"_scu\">\n            </scw-link>\n            <scw-link\n              aria-label=\"Page 1\"\n              design=\"utility\"\n              href=\"https://www.summitcreditunion.com\"\n              target=\"_scu\">\n            </scw-link>\n            <scw-link\n              aria-label=\"About 1\"\n              design=\"utility\"\n              href=\"https://www.summitcreditunion.com\"\n              target=\"_scu\">\n            </scw-link>\n          </scw-menu>\n\n          <scw-menu-item\n            aria-label=\"Sub Menu\"\n            design=\"main\"\n            href=\"#\">\n          </scw-menu-item>\n\n          <scw-menu\n            aria-label=\"sub menu example menu 2\"\n            scw-stack\n            scw-gap-2s\n            scw-padding-2s\n            scw-border-primary\n            scw-background-color-grey-10\n            aria-hidden=\"true\"\n            style=\"\n              position: absolute;\n              top: 100%; display: none;\n              z-index: 100;\">\n            <scw-menu-item \n              aria-label=\"Home 2\"\n              design=\"utility\"\n              href=\"https://www.summitcreditunion.com\"\n              target=\"_scu\">\n            </scw-menu-item>\n            <scw-menu-item\n              aria-label=\"Page 2\"\n              design=\"utility\"\n              href=\"https://www.summitcreditunion.com\"\n              target=\"_scu\">\n            </scw-menu-item>\n            <scw-menu-item\n              aria-label=\"About 2\"\n              design=\"utility\"\n              href=\"https://www.summitcreditunion.com\"\n              target=\"_scu\">\n            </scw-menu-item>\n          </scw-menu>\n\n          <scw-menu-item\n            aria-label=\"About\"\n            design=\"main\"\n            href=\"#\">\n          </scw-menu-item>\n\n          <scw-menu\n            aria-label=\"sub menu example menu 3\"\n            scw-stack\n            scw-gap-2s\n            scw-padding-2s\n            scw-border-primary\n            scw-background-color-grey-10\n            aria-hidden=\"true\"\n            style=\"\n              position: absolute;\n              top: 100%; display: none;\n              z-index: 100;\">\n            <scw-menu-item \n              aria-label=\"Home 3\"\n              design=\"utility\"\n              href=\"https://www.summitcreditunion.com\"\n              target=\"_scu\">\n            </scw-menu-item>\n            <scw-menu-item\n              aria-label=\"Page 3\"\n              design=\"utility\"\n              href=\"https://www.summitcreditunion.com\"\n              target=\"_scu\">\n            </scw-menu-item>\n            <scw-menu-item\n              aria-label=\"About 3\"\n              design=\"utility\"\n              href=\"https://www.summitcreditunion.com\"\n              target=\"_scu\">\n            </scw-menu-item>\n          </scw-menu>\n\n        </scw-menu>\n        <script>\n          const ele = document.currentScript.previousElementSibling;\n          ele.addEventListener(\n            'scw-app-mode-on',\n            (evt) => console.log( 'scw-app-mode-on', evt )\n          );\n          ele.addEventListener(\n            'scw-app-mode-off',\n            (evt) => console.log( 'scw-app-mode-off', evt )\n          );\n        </script>"
     }
   ]
 }

package/dist/docs/components/ScwMenuItem.json

@@ -95,10 +95,15 @@
     {
       "kind": "field",
       "name": "icon",
-      "type": {
-        "text": "string"
-      },
-      "description": "(ScwLink) Determines the icon to use with the text",
+      "description": "icon getter",
+      "parameters": [
+        {
+          "name": "icon",
+          "type": {
+            "text": "string | undefined"
+          }
+        }
+      ],
       "attribute": "icon",
       "reflects": true,
       "inheritedFrom": {
@@ -106,6 +111,18 @@
         "module": "src/scw-link/ScwLink.ts"
       }
     },
+    {
+      "kind": "field",
+      "name": "_icon",
+      "type": {
+        "text": "string | undefined"
+      },
+      "privacy": "private",
+      "inheritedFrom": {
+        "name": "ScwLink",
+        "module": "src/scw-link/ScwLink.ts"
+      }
+    },
     {
       "kind": "field",
       "name": "iconSide",
@@ -148,11 +165,11 @@
     },
     {
       "kind": "method",
-      "name": "parseAndValidateLightDom",
-      "description": "parseAndValidateLightDom, just adding local parsing and validation",
+      "name": "refreshIcon",
+      "description": "refreshIcon",
       "inheritedFrom": {
-        "name": "ScwComponent",
-        "module": "src/scw-component/ScwComponent.ts"
+        "name": "ScwLink",
+        "module": "src/scw-link/ScwLink.ts"
       }
     },
     {
@@ -175,7 +192,7 @@
       "type": {
         "text": "string | undefined"
       },
-      "description": "(ScwLinkBase) link location - private\n...should not be able to be set directly b/c scu-link should use this",
+      "description": "(ScwLinkBase)",
       "attribute": "href",
       "reflects": true,
       "inheritedFrom": {
@@ -189,7 +206,7 @@
       "type": {
         "text": "'_blank' | '_parent' | '_self' | '_top' | undefined"
       },
-      "description": "(ScwLinkBase) link target - private\n...should not be able to be set directly b/c scu-link should use this",
+      "description": "(ScwLinkBase)",
       "attribute": "target",
       "reflects": true,
       "inheritedFrom": {
@@ -227,13 +244,13 @@
     },
     {
       "kind": "method",
-      "name": "isLink",
-      "description": "Should this element be rendered as a link...",
+      "name": "focus",
       "return": {
         "type": {
-          "text": "boolean"
+          "text": "void"
         }
       },
+      "description": "focus",
       "inheritedFrom": {
         "name": "ScwLinkBase",
         "module": "src/scw-link-base/ScwLinkBase.ts"
@@ -269,17 +286,18 @@
       }
     },
     {
-      "kind": "method",
-      "name": "focus",
-      "return": {
-        "type": {
-          "text": "void"
-        }
+      "kind": "field",
+      "name": "isLink",
+      "type": {
+        "text": "boolean"
       },
-      "description": "focus",
+      "default": "true",
+      "description": "(ScwLinkBase)\nSome lookups need to know if something is a link or not...",
+      "attribute": "is-link",
+      "reflects": true,
       "inheritedFrom": {
-        "name": "ScwLinkBase",
-        "module": "src/scw-link-base/ScwLinkBase.ts"
+        "name": "ScwComponent",
+        "module": "src/scw-component/ScwComponent.ts"
       }
     },
     {
@@ -311,32 +329,6 @@
         "module": "src/scw-component/ScwComponent.ts"
       }
     },
-    {
-      "kind": "field",
-      "name": "responsive",
-      "type": {
-        "text": "string"
-      },
-      "default": "false",
-      "description": "(ScwComponent) whether or not to look to attributes for responsive sizing\nviewport | element | none",
-      "attribute": "responsive",
-      "inheritedFrom": {
-        "name": "ScwComponent",
-        "module": "src/scw-component/ScwComponent.ts"
-      }
-    },
-    {
-      "kind": "field",
-      "name": "responsiveElement",
-      "type": {
-        "text": "ResponsiveElement | undefined"
-      },
-      "description": "responsive element",
-      "inheritedFrom": {
-        "name": "ScwComponent",
-        "module": "src/scw-component/ScwComponent.ts"
-      }
-    },
     {
       "kind": "field",
       "name": "_lightDomMutationObserver",
@@ -356,13 +348,22 @@
         "text": "boolean"
       },
       "default": "false",
-      "description": "(ScwComponent) Determines whether to watch for changes\nin children. (not all components use light DOM for inputs)",
+      "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",
@@ -381,6 +382,15 @@
         "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",
@@ -406,10 +416,15 @@
     },
     {
       "name": "icon",
-      "type": {
-        "text": "string"
-      },
-      "description": "(ScwLink) Determines the icon to use with the text",
+      "description": "icon getter",
+      "parameters": [
+        {
+          "name": "icon",
+          "type": {
+            "text": "string | undefined"
+          }
+        }
+      ],
       "fieldName": "icon",
       "inheritedFrom": {
         "name": "ScwLink",
@@ -445,7 +460,7 @@
       "type": {
         "text": "string | undefined"
       },
-      "description": "(ScwLinkBase) link location - private\n...should not be able to be set directly b/c scu-link should use this",
+      "description": "(ScwLinkBase)",
       "fieldName": "href",
       "inheritedFrom": {
         "name": "ScwLinkBase",
@@ -457,7 +472,7 @@
       "type": {
         "text": "'_blank' | '_parent' | '_self' | '_top' | undefined"
       },
-      "description": "(ScwLinkBase) link target - private\n...should not be able to be set directly b/c scu-link should use this",
+      "description": "(ScwLinkBase)",
       "fieldName": "target",
       "inheritedFrom": {
         "name": "ScwLinkBase",
@@ -491,13 +506,13 @@
       }
     },
     {
-      "name": "responsive",
+      "name": "is-link",
       "type": {
-        "text": "string"
+        "text": "boolean"
       },
       "default": "false",
-      "description": "(ScwComponent) whether or not to look to attributes for responsive sizing\nviewport | element | none",
-      "fieldName": "responsive",
+      "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"
@@ -509,7 +524,7 @@
         "text": "boolean"
       },
       "default": "false",
-      "description": "(ScwComponent) Determines whether to watch for changes\nin children. (not all components use light DOM for inputs)",
+      "description": "(ScwComponent) Determines whether to watch for changes\nin children. (not all components use light DOM)",
       "fieldName": "dynamic",
       "inheritedFrom": {
         "name": "ScwComponent",