scu-web-components 0.0.97 → 0.0.99

package/dist/docs/components/ScwComparisonTable.json

@@ -387,12 +387,12 @@
     {
       "title": "Basic",
       "description": "Basic table uses comparison rows and comparison cells for\n      data.",
-      "code": "\n        <scw-comparison-table>\n        <scw-comparison-row header>\n        <scw-comparison-cell header label-cell>test-data</scw-comparison-cell>\n        <scw-comparison-cell header>test data</scw-comparison-cell>\n        <scw-comparison-cell header>test data</scw-comparison-cell>\n\n        <scw-comparison-cell header>test data</scw-comparison-cell>\n\n\n        </scw-comparison-row>\n        <scw-comparison-row>\n        <scw-comparison-cell label-cell>test data</scw-comparison-cell>\n        <scw-comparison-cell>test data</scw-comparison-cell>\n        <scw-comparison-cell>test data</scw-comparison-cell>\n\n        <scw-comparison-cell>test data</scw-comparison-cell>\n\n\n        </scw-comparison-row>\n        <scw-comparison-row>\n        <scw-comparison-cell label-cell>test data</scw-comparison-cell>\n        <scw-comparison-cell>test data</scw-comparison-cell>\n        <scw-comparison-cell>test data</scw-comparison-cell>\n\n        <scw-comparison-cell>test data</scw-comparison-cell>\n\n\n        </scw-comparison-row>\n        <scw-comparison-row>\n        <scw-comparison-cell label-cell>test data</scw-comparison-cell>\n        <scw-comparison-cell>test data</scw-comparison-cell>\n        <scw-comparison-cell>test data</scw-comparison-cell>\n\n        <scw-comparison-cell>test data</scw-comparison-cell>\n\n\n        </scw-comparison-row>\n        </scw-comparison-table>\n          "
+      "code": "\n        <scw-comparison-table>\n          <scw-table-row header>\n            <scw-table-cell label-cell>test data</scw-table-cell>\n            <scw-table-cell>test data</scw-table-cell>\n            <scw-table-cell>test data</scw-table-cell>\n            <scw-table-cell>test data</scw-table-cell>\n          </scw-table-row>\n\n          <scw-table-row>\n            <scw-table-cell label-cell>test data</scw-table-cell>\n            <scw-table-cell>test data</scw-table-cell>\n            <scw-table-cell>test data</scw-table-cell>\n            <scw-table-cell>test data</scw-table-cell>\n          </scw-table-row>\n\n          <scw-table-row>\n            <scw-table-cell label-cell>test data</scw-table-cell>\n            <scw-table-cell>test data</scw-table-cell>\n            <scw-table-cell>test data</scw-table-cell>\n            <scw-table-cell>test data</scw-table-cell>\n          </scw-table-row>\n\n          <scw-table-row>\n            <scw-table-cell label-cell>test data</scw-table-cell>\n            <scw-table-cell>test data</scw-table-cell>\n            <scw-table-cell>test data</scw-table-cell>\n            <scw-table-cell>test data</scw-table-cell>\n          </scw-table-row>\n        </scw-comparison-table>\n      "
     },
     {
-      "title": "column",
-      "description": "Table scrolls with arrows when many columns exist. The\n      \"max-column-shown\" Is the max number of columns shown before it scrolls.\n      On mobile the table goes down to 2 columns and takes a different layout",
-      "code": "\n        <scw-comparison-table>\n        <scw-comparison-row header>\n        <scw-comparison-cell header label-cell>test-data</scw-comparison-cell>\n        <scw-comparison-cell header>test data</scw-comparison-cell>\n        <scw-comparison-cell header>test data</scw-comparison-cell>\n\n        <scw-comparison-cell header>test data</scw-comparison-cell>\n        <scw-comparison-cell header>test data</scw-comparison-cell>\n        <scw-comparison-cell header>test data</scw-comparison-cell>\n\n\n        </scw-comparison-row>\n        <scw-comparison-row>\n        <scw-comparison-cell label-cell>test data</scw-comparison-cell>\n        <scw-comparison-cell>test data</scw-comparison-cell>\n        <scw-comparison-cell>test data</scw-comparison-cell>\n\n        <scw-comparison-cell>test data</scw-comparison-cell>\n        <scw-comparison-cell>test data</scw-comparison-cell>\n        <scw-comparison-cell>test data</scw-comparison-cell>\n\n\n        </scw-comparison-row>\n        <scw-comparison-row>\n        <scw-comparison-cell label-cell>test data</scw-comparison-cell>\n        <scw-comparison-cell>test data</scw-comparison-cell>\n        <scw-comparison-cell>test data</scw-comparison-cell>\n\n        <scw-comparison-cell>test data</scw-comparison-cell>\n        <scw-comparison-cell>test data</scw-comparison-cell>\n        <scw-comparison-cell>test data</scw-comparison-cell>\n\n\n        </scw-comparison-row>\n        <scw-comparison-row>\n        <scw-comparison-cell label-cell>test data</scw-comparison-cell>\n        <scw-comparison-cell>test data</scw-comparison-cell>\n        <scw-comparison-cell>test data</scw-comparison-cell>\n\n        <scw-comparison-cell>test data</scw-comparison-cell>\n        <scw-comparison-cell>test data</scw-comparison-cell>\n        <scw-comparison-cell>test data</scw-comparison-cell>\n\n\n        </scw-comparison-row>\n        </scw-comparison-table>\n          "
+      "title": "Columns",
+      "description": "Table scrolls with arrows when many columns exist. The\n      \"max-column-shown\" is the max number of columns shown before it scrolls.\n      On mobile the table goes down to 2 columns and takes a different layout",
+      "code": "\n        <scw-comparison-table>\n        <scw-table-row header>\n        <scw-table-cell header label-cell>test-data</scw-table-cell>\n        <scw-table-cell header>test data</scw-table-cell>\n        <scw-table-cell header>test data</scw-table-cell>\n\n        <scw-table-cell header>test data</scw-table-cell>\n        <scw-table-cell header>test data</scw-table-cell>\n        <scw-table-cell header>test data</scw-table-cell>\n\n\n        </scw-table-row>\n        <scw-table-row>\n        <scw-table-cell label-cell>test data</scw-table-cell>\n        <scw-table-cell>test data</scw-table-cell>\n        <scw-table-cell>test data</scw-table-cell>\n\n        <scw-table-cell>test data</scw-table-cell>\n        <scw-table-cell>test data</scw-table-cell>\n        <scw-table-cell>test data</scw-table-cell>\n\n\n        </scw-table-row>\n        <scw-table-row>\n        <scw-table-cell label-cell>test data</scw-table-cell>\n        <scw-table-cell>test data</scw-table-cell>\n        <scw-table-cell>test data</scw-table-cell>\n\n        <scw-table-cell>test data</scw-table-cell>\n        <scw-table-cell>test data</scw-table-cell>\n        <scw-table-cell>test data</scw-table-cell>\n\n\n        </scw-table-row>\n        <scw-table-row>\n        <scw-table-cell label-cell>test data</scw-table-cell>\n        <scw-table-cell>test data</scw-table-cell>\n        <scw-table-cell>test data</scw-table-cell>\n\n        <scw-table-cell>test data</scw-table-cell>\n        <scw-table-cell>test data</scw-table-cell>\n        <scw-table-cell>test data</scw-table-cell>\n\n\n        </scw-table-row>\n        </scw-comparison-table>\n          "
     }
   ]
 }

package/dist/docs/components/ScwIconFeature.json

@@ -47,6 +47,16 @@
       "attribute": "icon",
       "reflects": true
     },
+    {
+      "kind": "field",
+      "name": "hideIcon",
+      "type": {
+        "text": "boolean"
+      },
+      "default": "false",
+      "description": "(ScwIconFeature) Explicitly remove icon/image",
+      "attribute": "hide-icon"
+    },
     {
       "kind": "field",
       "name": "heading",
@@ -275,6 +285,15 @@
       "description": "(ScwIconFeature) Design system icon",
       "fieldName": "icon"
     },
+    {
+      "name": "hide-icon",
+      "type": {
+        "text": "boolean"
+      },
+      "default": "false",
+      "description": "(ScwIconFeature) Explicitly remove icon/image",
+      "fieldName": "hideIcon"
+    },
     {
       "name": "heading",
       "type": {

package/dist/docs/components/ScwLink.json

@@ -409,6 +409,11 @@
       "description": "Icons are defined via the design system and are referenced \n      via their identifier.",
       "code": "\n        <scw-flex-h\n          scw-gap-2s>\n          <scw-link\n            icon=\"placeholder\"\n            design=\"solid\"\n            aria-label=\"placeholder, left\">\n          </scw-link>\n          <scw-link\n            icon=\"placeholder\"\n            icon-side=\"right\"\n            design=\"solid\"\n            aria-label=\"placeholder, right\">\n          </scw-link>\n        </scw-flex-h>"
     },
+    {
+      "title": "Text Icons",
+      "description": "Used the same way as previous example, except sizing\n      is determined by the font size.",
+      "code": "\n        <scw-flex-h\n          scw-gap-2s>\n          <scw-link\n            scw-text-02\n            icon=\"placeholder\"\n            icon-side=\"right\"\n            design=\"text\"\n            aria-label=\"scw-text-02\">\n          </scw-link>\n          <scw-link\n            scw-text-03\n            icon=\"placeholder\"\n            icon-side=\"right\"\n            design=\"text\"\n            aria-label=\"scw-text-03\">\n          </scw-link>\n          <scw-link\n            scw-text-04\n            icon=\"placeholder\"\n            icon-side=\"right\"\n            design=\"text\"\n            aria-label=\"scw-text-04\">\n          </scw-link>\n          <scw-link\n            scw-text-05\n            icon=\"placeholder\"\n            icon-side=\"right\"\n            design=\"text\"\n            aria-label=\"scw-text-05\">\n          </scw-link>\n        </scw-flex-h>"
+    },
     {
       "title": "link",
       "description": "Using scw-link as a link that is SEO compliant is done\n      by nesting an anchor tag within. This is primarily for non-Google bots\n      that process pages without executing Javascript",

package/dist/docs/components/ScwMenuItem.json

@@ -581,6 +581,11 @@
       "description": "Icons are defined via the design system and are referenced \n      via their identifier.",
       "code": "\n        <scw-flex-h\n          scw-gap-2s>\n          <scw-menu-item\n            icon=\"placeholder\"\n            design=\"solid\"\n            aria-label=\"placeholder, left\">\n          </scw-menu-item>\n          <scw-menu-item\n            icon=\"placeholder\"\n            icon-side=\"right\"\n            design=\"solid\"\n            aria-label=\"placeholder, right\">\n          </scw-menu-item>\n        </scw-flex-h>"
     },
+    {
+      "title": "Text Icons",
+      "description": "Used the same way as previous example, except sizing\n      is determined by the font size.",
+      "code": "\n        <scw-flex-h\n          scw-gap-2s>\n          <scw-menu-item\n            scw-text-02\n            icon=\"placeholder\"\n            icon-side=\"right\"\n            design=\"text\"\n            aria-label=\"scw-text-02\">\n          </scw-menu-item>\n          <scw-menu-item\n            scw-text-03\n            icon=\"placeholder\"\n            icon-side=\"right\"\n            design=\"text\"\n            aria-label=\"scw-text-03\">\n          </scw-menu-item>\n          <scw-menu-item\n            scw-text-04\n            icon=\"placeholder\"\n            icon-side=\"right\"\n            design=\"text\"\n            aria-label=\"scw-text-04\">\n          </scw-menu-item>\n          <scw-menu-item\n            scw-text-05\n            icon=\"placeholder\"\n            icon-side=\"right\"\n            design=\"text\"\n            aria-label=\"scw-text-05\">\n          </scw-menu-item>\n        </scw-flex-h>"
+    },
     {
       "title": "link",
       "description": "Using scw-link as a link that is SEO compliant is done\n      by nesting an anchor tag within. This is primarily for non-Google bots\n      that process pages without executing Javascript",

package/dist/docs/components/ScwRateTable.json

@@ -34,6 +34,51 @@
       "description": "(ScwRateTable) Amount used in monthly payment calculation",
       "attribute": "amount"
     },
+    {
+      "kind": "field",
+      "name": "sort",
+      "type": {
+        "text": "'ascending' | 'descending' | undefined"
+      },
+      "description": "(ScwRateTable) Specify how rates will be sorted. Sorts on first column.",
+      "attribute": "sort"
+    },
+    {
+      "kind": "field",
+      "name": "primaryLink",
+      "type": {
+        "text": "string | undefined"
+      },
+      "description": "(ScwRateTable) The link for the primary button",
+      "attribute": "primary-cta-link"
+    },
+    {
+      "kind": "field",
+      "name": "primaryLabel",
+      "type": {
+        "text": "string | undefined"
+      },
+      "description": "(ScwRateTable) The label for the primary button",
+      "attribute": "primary-cta-label"
+    },
+    {
+      "kind": "field",
+      "name": "secondaryLink",
+      "type": {
+        "text": "string | undefined"
+      },
+      "description": "(ScwRateTable) The link for the secondary button",
+      "attribute": "secondary-cta-link"
+    },
+    {
+      "kind": "field",
+      "name": "secondaryLabel",
+      "type": {
+        "text": "string | undefined"
+      },
+      "description": "(ScwRateTable) The label for the secondary button",
+      "attribute": "secondary-cta-label"
+    },
     {
       "kind": "field",
       "name": "disclosuresLink",
@@ -74,7 +119,7 @@
       "kind": "field",
       "name": "headerRow",
       "type": {
-        "text": "string[]"
+        "text": "object[]"
       },
       "privacy": "private",
       "default": "[]"
@@ -178,6 +223,37 @@
         }
       }
     },
+    {
+      "kind": "method",
+      "name": "renderLink",
+      "return": {
+        "type": {
+          "text": "object"
+        }
+      },
+      "parameters": [
+        {
+          "name": "label",
+          "type": {
+            "text": "string"
+          }
+        },
+        {
+          "name": "link",
+          "type": {
+            "text": "string"
+          }
+        },
+        {
+          "name": "design",
+          "default": "'solid'",
+          "type": {
+            "text": "string"
+          }
+        }
+      ],
+      "description": "renderLink"
+    },
     {
       "kind": "method",
       "name": "handleClick",
@@ -209,6 +285,24 @@
       ],
       "description": "renderRow"
     },
+    {
+      "kind": "method",
+      "name": "getFieldName",
+      "parameters": [
+        {
+          "name": "title",
+          "type": {
+            "text": "string"
+          }
+        }
+      ],
+      "description": "getFieldName",
+      "return": {
+        "type": {
+          "text": "string"
+        }
+      }
+    },
     {
       "kind": "method",
       "name": "parseRateData",
@@ -384,6 +478,46 @@
       "description": "(ScwRateTable) Amount used in monthly payment calculation",
       "fieldName": "amount"
     },
+    {
+      "name": "sort",
+      "type": {
+        "text": "'ascending' | 'descending' | undefined"
+      },
+      "description": "(ScwRateTable) Specify how rates will be sorted. Sorts on first column.",
+      "fieldName": "sort"
+    },
+    {
+      "name": "primary-cta-link",
+      "type": {
+        "text": "string | undefined"
+      },
+      "description": "(ScwRateTable) The link for the primary button",
+      "fieldName": "primaryLink"
+    },
+    {
+      "name": "primary-cta-label",
+      "type": {
+        "text": "string | undefined"
+      },
+      "description": "(ScwRateTable) The label for the primary button",
+      "fieldName": "primaryLabel"
+    },
+    {
+      "name": "secondary-cta-link",
+      "type": {
+        "text": "string | undefined"
+      },
+      "description": "(ScwRateTable) The link for the secondary button",
+      "fieldName": "secondaryLink"
+    },
+    {
+      "name": "secondary-cta-label",
+      "type": {
+        "text": "string | undefined"
+      },
+      "description": "(ScwRateTable) The label for the secondary button",
+      "fieldName": "secondaryLabel"
+    },
     {
       "name": "disclosures-link",
       "type": {
@@ -484,6 +618,11 @@
       "description": "Stand-alone rate table. Can be \n      used with scw-rate-table-group if you want to calculate Montly Payments\n      or use filters to switch between multiple tables.",
       "code": "\n      <scw-rate-table\n      disclosures-link=\"#\"\n      active\n      ></scw-rate-table>\n      <script>\n      const data = {\n        \"id\": \"4XTo5LNFxcld1HtWUZfV6o\",\n        \"title\": \"Boats and RV's Tier 1\",\n        \"fields\": [\n          {\n            \"title\": \"Term (up to)\",\n            \"order\": 1,\n            \"values\": [\n              {\n                \"rateId\": \"4eMCJVReSBQ6dXTPm7foAK\",\n                \"value\": \"63 Month\"\n              },\n              {\n                \"rateId\": \"1V0PYhY3lz7BHWGr2DvV3A\",\n                \"value\": \"87 Month\"\n              },\n              {\n                \"rateId\": \"7autVLGonreEnk6mjTfwbX\",\n                \"isFeatured\": true,\n                \"value\": \"120 Month ($25000.00 Min)\"\n              },\n              {\n                \"rateId\": \"6gVz8yss8HeK9osbZAciyN\",\n                \"value\": \"180 Month ($40000.00 Min)\"\n              },\n              {\n                \"rateId\": \"2XzUmdq6poVd43jvkQ9cjz\",\n                \"value\": \"240 Month\"\n              }\n            ]\n          },\n          {\n            \"title\": \"Annual Percentage Rate\",\n            \"order\": 2,\n            \"values\": [\n              {\n                \"rateId\": \"4eMCJVReSBQ6dXTPm7foAK\",\n                \"value\": \"9.49%\"\n              },\n              {\n                \"rateId\": \"1V0PYhY3lz7BHWGr2DvV3A\",\n                \"value\": \"9.99%\"\n              },\n              {\n                \"rateId\": \"7autVLGonreEnk6mjTfwbX\",\n                \"isFeatured\": true,\n                \"value\": \"11.24%\"\n              },\n              {\n                \"rateId\": \"6gVz8yss8HeK9osbZAciyN\",\n                \"value\": \"12.49%\"\n              },\n              {\n                \"rateId\": \"2XzUmdq6poVd43jvkQ9cjz\",\n                \"value\": \"11.99%\"\n              }\n            ]\n          },\n          {\n            \"title\": \"Monthly Payment\",\n            \"order\": 3,\n            \"values\": [\n              {\n                \"rateId\": \"4eMCJVReSBQ6dXTPm7foAK\",\n                \"value\": \"20.22\"\n              },\n              {\n                \"rateId\": \"1V0PYhY3lz7BHWGr2DvV3A\",\n                \"value\": \"16.2\"\n              },\n              {\n                \"rateId\": \"7autVLGonreEnk6mjTfwbX\",\n                \"isFeatured\": true,\n                \"value\": \"13.91\"\n              },\n              {\n                \"rateId\": \"6gVz8yss8HeK9osbZAciyN\",\n                \"value\": \"12.32\"\n              },\n              {\n                \"rateId\": \"2XzUmdq6poVd43jvkQ9cjz\",\n                \"value\": \"11\"\n              }\n            ]\n          }\n        ],\n        \"disclosures\": [],\n        \"effectiveDate\": \"2023-09-27T12:36:59.634Z\"\n      };\n      const rateTable = document.currentScript.previousElementSibling;\n      rateTable.rateData = JSON.stringify(data);\n      </script>\n      "
     },
+    {
+      "title": "Sort Order",
+      "description": "Use \"sort\" attribute to specify ascending or descending\n      order. Sorting will be based on the first column. Featured rates will\n      always be sorted on top.",
+      "code": "\n      <scw-rate-table\n      disclosures-link=\"#\"\n      sort=\"descending\"\n      active\n      ></scw-rate-table>\n      <script>\n      const data = {\n        \"id\": \"4XTo5LNFxcld1HtWUZfV6o\",\n        \"title\": \"Boats and RV's Tier 1\",\n        \"fields\": [\n          {\n            \"title\": \"Term (up to)\",\n            \"order\": 1,\n            \"values\": [\n              {\n                \"rateId\": \"4eMCJVReSBQ6dXTPm7foAK\",\n                \"value\": \"63 Month\"\n              },\n              {\n                \"rateId\": \"1V0PYhY3lz7BHWGr2DvV3A\",\n                \"value\": \"87 Month\"\n              },\n              {\n                \"rateId\": \"7autVLGonreEnk6mjTfwbX\",\n                \"isFeatured\": true,\n                \"value\": \"120 Month ($25000.00 Min)\"\n              },\n              {\n                \"rateId\": \"6gVz8yss8HeK9osbZAciyN\",\n                \"value\": \"180 Month ($40000.00 Min)\"\n              },\n              {\n                \"rateId\": \"2XzUmdq6poVd43jvkQ9cjz\",\n                \"value\": \"240 Month\"\n              }\n            ]\n          },\n          {\n            \"title\": \"Annual Percentage Rate\",\n            \"order\": 2,\n            \"values\": [\n              {\n                \"rateId\": \"4eMCJVReSBQ6dXTPm7foAK\",\n                \"value\": \"9.49%\"\n              },\n              {\n                \"rateId\": \"1V0PYhY3lz7BHWGr2DvV3A\",\n                \"value\": \"9.99%\"\n              },\n              {\n                \"rateId\": \"7autVLGonreEnk6mjTfwbX\",\n                \"isFeatured\": true,\n                \"value\": \"11.24%\"\n              },\n              {\n                \"rateId\": \"6gVz8yss8HeK9osbZAciyN\",\n                \"value\": \"12.49%\"\n              },\n              {\n                \"rateId\": \"2XzUmdq6poVd43jvkQ9cjz\",\n                \"value\": \"11.99%\"\n              }\n            ]\n          },\n          {\n            \"title\": \"Monthly Payment\",\n            \"order\": 3,\n            \"values\": [\n              {\n                \"rateId\": \"4eMCJVReSBQ6dXTPm7foAK\",\n                \"value\": \"20.22\"\n              },\n              {\n                \"rateId\": \"1V0PYhY3lz7BHWGr2DvV3A\",\n                \"value\": \"16.2\"\n              },\n              {\n                \"rateId\": \"7autVLGonreEnk6mjTfwbX\",\n                \"isFeatured\": true,\n                \"value\": \"13.91\"\n              },\n              {\n                \"rateId\": \"6gVz8yss8HeK9osbZAciyN\",\n                \"value\": \"12.32\"\n              },\n              {\n                \"rateId\": \"2XzUmdq6poVd43jvkQ9cjz\",\n                \"value\": \"11\"\n              }\n            ]\n          }\n        ],\n        \"disclosures\": [],\n        \"effectiveDate\": \"2023-09-27T12:36:59.634Z\"\n      };\n      const rateTable = document.currentScript.previousElementSibling;\n      rateTable.rateData = JSON.stringify(data);\n      </script>\n      "
+    },
     {
       "title": "Disclosures",
       "description": "Exclude a disclosures-link to render table with all disclosures.",

package/dist/docs/components/ScwRateTableGroup.json

@@ -131,6 +131,15 @@
       },
       "privacy": "private"
     },
+    {
+      "kind": "field",
+      "name": "hideLinks",
+      "type": {
+        "text": "boolean"
+      },
+      "privacy": "private",
+      "default": "false"
+    },
     {
       "kind": "method",
       "name": "getAllTables",
@@ -179,6 +188,12 @@
       "privacy": "private",
       "description": "updateAmount"
     },
+    {
+      "kind": "method",
+      "name": "updateLinks",
+      "privacy": "private",
+      "description": "updateLinks"
+    },
     {
       "kind": "method",
       "name": "renderLink",

package/dist/docs/components/ScwTable.json

@@ -0,0 +1,306 @@
+{
+  "path": "src/scw-table/ScwTable.ts",
+  "kind": "class",
+  "description": "",
+  "name": "ScwTable",
+  "members": [
+    {
+      "kind": "field",
+      "name": "align",
+      "type": {
+        "text": "string"
+      },
+      "default": "'left'",
+      "description": "(ScwTable) Text alignment for table cells.",
+      "attribute": "align"
+    },
+    {
+      "kind": "field",
+      "name": "columnWidths",
+      "type": {
+        "text": "string"
+      },
+      "default": "''",
+      "description": "(ScwTable) Comma-separated list of column sizes",
+      "attribute": "column-widths"
+    },
+    {
+      "kind": "field",
+      "name": "rows",
+      "privacy": "private"
+    },
+    {
+      "kind": "field",
+      "name": "columnShown",
+      "type": {
+        "text": "number"
+      },
+      "privacy": "private",
+      "default": "0"
+    },
+    {
+      "kind": "method",
+      "name": "processColWidths",
+      "description": "processColWidths",
+      "return": {
+        "type": {
+          "text": "object"
+        }
+      }
+    },
+    {
+      "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": "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"
+      }
+    }
+  ],
+  "attributes": [
+    {
+      "name": "align",
+      "type": {
+        "text": "string"
+      },
+      "default": "'left'",
+      "description": "(ScwTable) Text alignment for table cells.",
+      "fieldName": "align"
+    },
+    {
+      "name": "column-widths",
+      "type": {
+        "text": "string"
+      },
+      "default": "''",
+      "description": "(ScwTable) Comma-separated list of column sizes",
+      "fieldName": "columnWidths"
+    },
+    {
+      "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-table",
+  "customElement": true,
+  "category": "interactive",
+  "status": "alpha.review",
+  "releasedInVersion": "v0.0.3",
+  "adaStatus": "tbd",
+  "overview": "",
+  "examples": [
+    {
+      "title": "Basic",
+      "description": "Basic table using table-rows and table-cells.",
+      "code": "\n        <scw-table>\n          <scw-table-row header>\n            <scw-table-cell>test data</scw-table-cell>\n            <scw-table-cell>test data</scw-table-cell>\n            <scw-table-cell>test data</scw-table-cell>\n            <scw-table-cell>test data</scw-table-cell>\n          </scw-table-row>\n\n          <scw-table-row>\n            <scw-table-cell>test data</scw-table-cell>\n            <scw-table-cell>test data</scw-table-cell>\n            <scw-table-cell>test data</scw-table-cell>\n            <scw-table-cell>test data</scw-table-cell>\n          </scw-table-row>\n\n          <scw-table-row>\n            <scw-table-cell>test data</scw-table-cell>\n            <scw-table-cell>test data</scw-table-cell>\n            <scw-table-cell>test data</scw-table-cell>\n            <scw-table-cell>test data</scw-table-cell>\n          </scw-table-row>\n\n          <scw-table-row>\n            <scw-table-cell>test data</scw-table-cell>\n            <scw-table-cell>test data</scw-table-cell>\n            <scw-table-cell>test data</scw-table-cell>\n            <scw-table-cell>test data</scw-table-cell>\n          </scw-table-row>\n        </scw-table>\n      "
+    },
+    {
+      "title": "Align",
+      "description": "Text is left-aligned by default. Set \"align\" attribute\n      to center for center-aligned text. You can control the\n      alignment for a specific column by setting \"align\" on individual cells, which\n      will override the table's align for that cell",
+      "code": "\n        <scw-table align=\"center\">\n          <scw-table-row header>\n            <scw-table-cell align=\"left\">left</scw-table-cell>\n            <scw-table-cell>center</scw-table-cell>\n            <scw-table-cell>center</scw-table-cell>\n          </scw-table-row>\n\n          <scw-table-row>\n            <scw-table-cell align=\"left\">test data</scw-table-cell>\n            <scw-table-cell>test data</scw-table-cell>\n            <scw-table-cell>test data</scw-table-cell>\n          </scw-table-row>\n\n          <scw-table-row>\n            <scw-table-cell align=\"left\">test data</scw-table-cell>\n            <scw-table-cell>test data</scw-table-cell>\n            <scw-table-cell>test data</scw-table-cell>\n          </scw-table-row>\n\n          <scw-table-row>\n            <scw-table-cell align=\"left\">test data</scw-table-cell>\n            <scw-table-cell>test data</scw-table-cell>\n            <scw-table-cell>test data</scw-table-cell>\n          </scw-table-row>\n        </scw-table>\n      "
+    },
+    {
+      "title": "Label Cells",
+      "description": "Add \"label-cell\" attribute on the first cell in each\n      row to apply label styling.",
+      "code": "\n        <scw-table align=\"center\">\n          <scw-table-row header>\n            <scw-table-cell label-cell>test data</scw-table-cell>\n            <scw-table-cell>test data</scw-table-cell>\n            <scw-table-cell>test data</scw-table-cell>\n            <scw-table-cell>test data</scw-table-cell>\n          </scw-table-row>\n\n          <scw-table-row>\n            <scw-table-cell label-cell>test data</scw-table-cell>\n            <scw-table-cell>test data</scw-table-cell>\n            <scw-table-cell>test data</scw-table-cell>\n            <scw-table-cell>test data</scw-table-cell>\n          </scw-table-row>\n\n          <scw-table-row>\n            <scw-table-cell label-cell>test data</scw-table-cell>\n            <scw-table-cell>test data</scw-table-cell>\n            <scw-table-cell>test data</scw-table-cell>\n            <scw-table-cell>test data</scw-table-cell>\n          </scw-table-row>\n\n          <scw-table-row>\n            <scw-table-cell label-cell>test data</scw-table-cell>\n            <scw-table-cell>test data</scw-table-cell>\n            <scw-table-cell>test data</scw-table-cell>\n            <scw-table-cell>test data</scw-table-cell>\n          </scw-table-row>\n        </scw-table>\n      "
+    },
+    {
+      "title": "Column Widths",
+      "description": "Set specific widths for individual columns by passing\n      in a comma-separated list to \"column-widths\" attribute. Valid options\n      are column based percentages (col-6), fill remaining space (fill),\n      fill remaining percentage (fill-2), static pixels (100px), or any\n      other valid css width.",
+      "code": "\n        <scw-table\n          column-widths=\"col-3,fill,100px\">\n          <scw-table-row header>\n            <scw-table-cell>test data</scw-table-cell>\n            <scw-table-cell>test data</scw-table-cell>\n            <scw-table-cell>test data</scw-table-cell>\n          </scw-table-row>\n\n          <scw-table-row>\n            <scw-table-cell>test data</scw-table-cell>\n            <scw-table-cell>test data</scw-table-cell>\n            <scw-table-cell>test data</scw-table-cell>\n          </scw-table-row>\n\n          <scw-table-row>\n            <scw-table-cell>test data</scw-table-cell>\n            <scw-table-cell>test data</scw-table-cell>\n            <scw-table-cell>test data</scw-table-cell>\n          </scw-table-row>\n\n          <scw-table-row>\n            <scw-table-cell>test data</scw-table-cell>\n            <scw-table-cell>test data</scw-table-cell>\n            <scw-table-cell>test data</scw-table-cell>\n          </scw-table-row>\n        </scw-table>\n      "
+    },
+    {
+      "title": "No Header",
+      "description": "Remove the \"header\" attribute from the first row\n      for a table with no header.",
+      "code": "\n        <scw-table>\n          <scw-table-row>\n            <scw-table-cell>test data</scw-table-cell>\n            <scw-table-cell>test data</scw-table-cell>\n            <scw-table-cell>test data</scw-table-cell>\n            <scw-table-cell>test data</scw-table-cell>\n          </scw-table-row>\n\n          <scw-table-row>\n            <scw-table-cell>test data</scw-table-cell>\n            <scw-table-cell>test data</scw-table-cell>\n            <scw-table-cell>test data</scw-table-cell>\n            <scw-table-cell>test data</scw-table-cell>\n          </scw-table-row>\n\n        </scw-table>\n      "
+    }
+  ]
+}