scu-web-components 1.3.16 → 1.3.17

package/dist/custom-elements.json

@@ -14496,11 +14496,12 @@
               "kind": "field",
               "name": "ariaSelected",
               "type": {
-                "text": "Boolean"
+                "text": "String"
               },
               "default": "'false'",
               "description": "(ScwMenuItem) selected state",
-              "attribute": "aria-selected"
+              "attribute": "aria-selected",
+              "reflects": true
             },
             {
               "kind": "method",
@@ -14884,7 +14885,7 @@
             {
               "name": "aria-selected",
               "type": {
-                "text": "Boolean"
+                "text": "String"
               },
               "default": "'false'",
               "description": "(ScwMenuItem) selected state",
@@ -16209,6 +16210,16 @@
               "description": "(ScwModal) Modal width",
               "attribute": "width"
             },
+            {
+              "kind": "field",
+              "name": "fadeDuration",
+              "type": {
+                "text": "number"
+              },
+              "default": "325",
+              "description": "(ScwModal) Duration of fade in/out transitions (in milliseconds)",
+              "attribute": "fade-duration"
+            },
             {
               "kind": "field",
               "name": "closeLabel",
@@ -16530,6 +16541,15 @@
               "description": "(ScwModal) Modal width",
               "fieldName": "width"
             },
+            {
+              "name": "fade-duration",
+              "type": {
+                "text": "number"
+              },
+              "default": "325",
+              "description": "(ScwModal) Duration of fade in/out transitions (in milliseconds)",
+              "fieldName": "fadeDuration"
+            },
             {
               "name": "close-label",
               "type": {
@@ -28949,6 +28969,21 @@
               "description": "menu to manage",
               "default": "menu"
             },
+            {
+              "kind": "field",
+              "name": "menuItems",
+              "type": {
+                "text": "ScwMenuItem[]"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "selectedItemIndex",
+              "type": {
+                "text": "number"
+              },
+              "default": "-1"
+            },
             {
               "kind": "field",
               "name": "tabbablelist",
@@ -28972,6 +29007,26 @@
               "name": "initKeyboard",
               "description": "initialize keyboard event handling for ScwMenu"
             },
+            {
+              "kind": "method",
+              "name": "getMenuItems",
+              "description": "get child menu items",
+              "return": {
+                "type": {
+                  "text": "ScwMenuItem"
+                }
+              }
+            },
+            {
+              "kind": "method",
+              "name": "getOriginalSelectedItem",
+              "description": "get child menu items"
+            },
+            {
+              "kind": "method",
+              "name": "resetSelectedItem",
+              "description": "get child menu items"
+            },
             {
               "kind": "method",
               "name": "documentClickHandler",
@@ -29020,6 +29075,15 @@
                   "text": "boolean"
                 }
               },
+              "parameters": [
+                {
+                  "name": "menuItem",
+                  "optional": true,
+                  "type": {
+                    "text": "ScwMenuItem"
+                  }
+                }
+              ],
               "description": "opens/closes submenu if there is one"
             },
             {

package/dist/docs/components/ScwMenuItem.json

@@ -20,11 +20,12 @@
       "kind": "field",
       "name": "ariaSelected",
       "type": {
-        "text": "Boolean"
+        "text": "String"
       },
       "default": "'false'",
       "description": "(ScwMenuItem) selected state",
-      "attribute": "aria-selected"
+      "attribute": "aria-selected",
+      "reflects": true
     },
     {
       "kind": "method",
@@ -408,7 +409,7 @@
     {
       "name": "aria-selected",
       "type": {
-        "text": "Boolean"
+        "text": "String"
       },
       "default": "'false'",
       "description": "(ScwMenuItem) selected state",
@@ -559,7 +560,7 @@
     {
       "title": "Simple",
       "description": "",
-      "code": "\n        <scw-menu-item\n          design=\"main\"\n          aria-label=\"main\">\n        </scw-menu-item>"
+      "code": "\n        <scw-flex-h>\n          <scw-menu-item\n            design=\"main\"\n            aria-label=\"main\">\n          </scw-menu-item>\n          <scw-menu-item\n            design=\"main\"\n            aria-selected=\"true\"\n            aria-label=\"selected\">\n          </scw-menu-item>\n        </scw-flex-h>\n      "
     },
     {
       "title": "Designs",

package/dist/docs/components/ScwModal.json

@@ -74,6 +74,16 @@
       "description": "(ScwModal) Modal width",
       "attribute": "width"
     },
+    {
+      "kind": "field",
+      "name": "fadeDuration",
+      "type": {
+        "text": "number"
+      },
+      "default": "325",
+      "description": "(ScwModal) Duration of fade in/out transitions (in milliseconds)",
+      "attribute": "fade-duration"
+    },
     {
       "kind": "field",
       "name": "closeLabel",
@@ -395,6 +405,15 @@
       "description": "(ScwModal) Modal width",
       "fieldName": "width"
     },
+    {
+      "name": "fade-duration",
+      "type": {
+        "text": "number"
+      },
+      "default": "325",
+      "description": "(ScwModal) Duration of fade in/out transitions (in milliseconds)",
+      "fieldName": "fadeDuration"
+    },
     {
       "name": "close-label",
       "type": {
@@ -523,6 +542,11 @@
       "title": "Ignore Outside Click",
       "description": "If ignore-outside-click is true, the modal will stay\n      open when user clicks outside of it.",
       "code": "\n        <scw-modal\n          heading=\"My Modal\"\n          back-label=\"Back\"\n          icon-heading=\"true\"\n          ignore-outside-click=\"true\"\n        >\n          Content\n          <div slot=\"left-footer\">\n            <scw-button aria-label=\"Button 1\"></scw-button>\n            <scw-button aria-label=\"Button 2\"></scw-button>\n          </div>\n          <div slot=\"right-footer\">\n            <scw-button aria-label=\"Button 3\"></scw-button>\n            <scw-button aria-label=\"Button 4\"></scw-button>\n          </div>\n        </scw-modal>\n        <scw-button \n          aria-label=\"open\" \n          onclick=\"event.target.previousElementSibling.open = true;\"\n        ></scw-button>\n      "
+    },
+    {
+      "title": "Fade Animations",
+      "description": "By default, the modal will fade in\n      when opened and fade out when closed. Use fade-duration to adjust\n      the timing of the transition. Set to 0 to disable.",
+      "code": "\n      <scw-flex-h>\n        <scw-modal\n          heading=\"My Modal\"\n          back-label=\"Back\"\n          icon-heading=\"true\"\n        >\n          Content\n          <div slot=\"left-footer\">\n            <scw-button aria-label=\"Button 1\"></scw-button>\n            <scw-button aria-label=\"Button 2\"></scw-button>\n          </div>\n          <div slot=\"right-footer\">\n            <scw-button aria-label=\"Button 3\"></scw-button>\n            <scw-button aria-label=\"Button 4\"></scw-button>\n          </div>\n        </scw-modal>\n        <scw-button \n          aria-label=\"default (325 ms)\" \n          onclick=\"event.target.previousElementSibling.open = true;\"\n        ></scw-button>\n        <scw-modal\n          heading=\"My Modal\"\n          back-label=\"Back\"\n          icon-heading=\"true\"\n          fade-duration=\"1000\"\n        >\n          Content\n          <div slot=\"left-footer\">\n            <scw-button aria-label=\"Button 1\"></scw-button>\n            <scw-button aria-label=\"Button 2\"></scw-button>\n          </div>\n          <div slot=\"right-footer\">\n            <scw-button aria-label=\"Button 3\"></scw-button>\n            <scw-button aria-label=\"Button 4\"></scw-button>\n          </div>\n        </scw-modal>\n        <scw-button \n          aria-label=\"slower (1000 ms)\" \n          onclick=\"event.target.previousElementSibling.open = true;\"\n        ></scw-button>\n        <scw-modal\n          heading=\"My Modal\"\n          back-label=\"Back\"\n          icon-heading=\"true\"\n          fade-duration=\"0\"\n        >\n          Content\n          <div slot=\"left-footer\">\n            <scw-button aria-label=\"Button 1\"></scw-button>\n            <scw-button aria-label=\"Button 2\"></scw-button>\n          </div>\n          <div slot=\"right-footer\">\n            <scw-button aria-label=\"Button 3\"></scw-button>\n            <scw-button aria-label=\"Button 4\"></scw-button>\n          </div>\n        </scw-modal>\n        <scw-button \n          aria-label=\"fade disabled\" \n          onclick=\"event.target.previousElementSibling.open = true;\"\n        ></scw-button>\n      </scw-flex-h>\n      "
     }
   ]
 }

package/dist/docs/components/manifest.json

@@ -1,10 +1,4 @@
 [
-  {
-    "name": "ScwAccordion",
-    "fileName": "ScwAccordion.json",
-    "tagName": "scw-accordion",
-    "category": "interactive"
-  },
   {
     "name": "ScwAlert",
     "fileName": "ScwAlert.json",
@@ -41,6 +35,12 @@
     "tagName": "scw-center-component",
     "category": "layouts"
   },
+  {
+    "name": "ScwCheckbox",
+    "fileName": "ScwCheckbox.json",
+    "tagName": "scw-checkbox",
+    "category": "form"
+  },
   {
     "name": "ScwComparisonCell",
     "fileName": "ScwComparisonCell.json",
@@ -59,18 +59,18 @@
     "tagName": "scw-comparison-table",
     "category": "interactive"
   },
-  {
-    "name": "ScwDisclosure",
-    "fileName": "ScwDisclosure.json",
-    "tagName": "scw-disclosure",
-    "category": "content"
-  },
   {
     "name": "ScwComponent",
     "fileName": "ScwComponent.json",
     "tagName": "scw-component",
     "category": "base"
   },
+  {
+    "name": "ScwDisclosure",
+    "fileName": "ScwDisclosure.json",
+    "tagName": "scw-disclosure",
+    "category": "content"
+  },
   {
     "name": "ScwDisclosureItem",
     "fileName": "ScwDisclosureItem.json",
@@ -89,18 +89,6 @@
     "tagName": "scw-element-component",
     "category": "layouts"
   },
-  {
-    "name": "ScwFlexHComponent",
-    "fileName": "ScwFlexHComponent.json",
-    "tagName": "scw-flex-h-component",
-    "category": "layouts"
-  },
-  {
-    "name": "ScwCheckbox",
-    "fileName": "ScwCheckbox.json",
-    "tagName": "scw-checkbox",
-    "category": "form"
-  },
   {
     "name": "ScwEmployeeCard",
     "fileName": "ScwEmployeeCard.json",
@@ -108,9 +96,9 @@
     "category": "interactive"
   },
   {
-    "name": "ScwFloatComponent",
-    "fileName": "ScwFloatComponent.json",
-    "tagName": "scw-float-component",
+    "name": "ScwFlexHComponent",
+    "fileName": "ScwFlexHComponent.json",
+    "tagName": "scw-flex-h-component",
     "category": "layouts"
   },
   {
@@ -119,6 +107,12 @@
     "tagName": "scw-flex-v-component",
     "category": "layouts"
   },
+  {
+    "name": "ScwFloatComponent",
+    "fileName": "ScwFloatComponent.json",
+    "tagName": "scw-float-component",
+    "category": "layouts"
+  },
   {
     "name": "ScwFloatingButton",
     "fileName": "ScwFloatingButton.json",
@@ -287,18 +281,18 @@
     "tagName": "scw-select",
     "category": "form"
   },
-  {
-    "name": "ScwStackComponent",
-    "fileName": "ScwStackComponent.json",
-    "tagName": "scw-stack-component",
-    "category": "layouts"
-  },
   {
     "name": "ScwSlider",
     "fileName": "ScwSlider.json",
     "tagName": "scw-slider",
     "category": "interactive"
   },
+  {
+    "name": "ScwStackComponent",
+    "fileName": "ScwStackComponent.json",
+    "tagName": "scw-stack-component",
+    "category": "layouts"
+  },
   {
     "name": "ScwStepper",
     "fileName": "ScwStepper.json",
@@ -353,6 +347,12 @@
     "tagName": "scw-tooltip",
     "category": "interactive"
   },
+  {
+    "name": "ScwValidate",
+    "fileName": "ScwValidate.json",
+    "tagName": "scw-validate",
+    "category": "form"
+  },
   {
     "name": "ScwValidation",
     "fileName": "ScwValidation.json",
@@ -360,10 +360,10 @@
     "category": "form"
   },
   {
-    "name": "ScwValidate",
-    "fileName": "ScwValidate.json",
-    "tagName": "scw-validate",
-    "category": "form"
+    "name": "ScwAccordion",
+    "fileName": "ScwAccordion.json",
+    "tagName": "scw-accordion",
+    "category": "interactive"
   },
   {
     "name": "ScwHeading",

package/dist/docs/config.json

@@ -1,20 +1,20 @@
 {
   "title": "Summit Credit Union Web Design System (SCW)",
-  "version": "1.3.16",
+  "version": "1.3.17",
   "navigation": [
     {
       "id": "tokens",
       "title": "Component SASS",
-      "url": "../tokens/tokens.html?1.3.16"
+      "url": "../tokens/tokens.html?1.3.17"
     },
     {
       "id": "css",
       "title": "CSS",
-      "url": "../tokens/css.html?clipboardType=classes&1.3.16"
+      "url": "../tokens/css.html?clipboardType=classes&1.3.17"
     }
   ],
-  "moduleEmbed": "const scw = await import('../scw.js?1770390005654'); scw.defineComponents();",
-  "cssLink": "../scw.css?1770390005654",
+  "moduleEmbed": "const scw = await import('../scw.js?1771617625611'); scw.defineComponents();",
+  "cssLink": "../scw.css?1771617625611",
   "documents": [
     {
       "title": "Install",