npm - @ulu/frontend - Versions diffs - 0.1.0-beta.19 → 0.1.0-beta.20 - Mend

@ulu/frontend 0.1.0-beta.19 → 0.1.0-beta.20

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (169) hide show

package/CHANGELOG.md +22 -0
package/dist/ulu-frontend.min.css +1 -1
package/dist/ulu-frontend.min.js +12 -12
package/docs-dev/changelog/index.html +196 -2
package/docs-dev/demos/accordion/index.html +129 -2
package/docs-dev/demos/basic-hero/index.html +111 -0
package/docs-dev/demos/button/index.html +129 -2
package/docs-dev/demos/callout/index.html +129 -2
package/docs-dev/demos/captioned-figure/index.html +129 -2
package/docs-dev/demos/card/index.html +129 -2
package/docs-dev/demos/css-icons/index.html +129 -2
package/docs-dev/demos/data-grid/index.html +129 -2
package/docs-dev/demos/data-table/index.html +154 -27
package/docs-dev/demos/details-group/index.html +129 -2
package/docs-dev/demos/file-save/index.html +129 -2
package/docs-dev/demos/flipcard/index.html +129 -2
package/docs-dev/demos/form-theme/index.html +129 -2
package/docs-dev/demos/hero/index.html +12 -4
package/docs-dev/demos/image-grid/index.html +12 -4
package/docs-dev/demos/index.html +129 -2
package/docs-dev/demos/list-inline/index.html +129 -2
package/docs-dev/demos/list-lines/index.html +129 -2
package/docs-dev/demos/menu-stack/index.html +129 -2
package/docs-dev/demos/modals/index.html +129 -2
package/docs-dev/demos/nav-strip/index.html +129 -2
package/docs-dev/demos/overlay-section/index.html +129 -2
package/docs-dev/demos/popovers/index.html +129 -2
package/docs-dev/demos/print/index.html +129 -2
package/docs-dev/demos/pull-quote/index.html +129 -2
package/docs-dev/demos/rule/index.html +129 -2
package/docs-dev/demos/scroll-slider/index.html +12 -4
package/docs-dev/demos/scrollpoints/index.html +129 -2
package/docs-dev/demos/slider/index.html +12 -4
package/docs-dev/demos/spoke-spinner/index.html +129 -2
package/docs-dev/demos/tabs/index.html +129 -2
package/docs-dev/demos/tag/index.html +129 -2
package/docs-dev/demos/theme-toggle/index.html +5039 -0
package/docs-dev/demos/tile-grid-overlay/index.html +12 -4
package/docs-dev/demos/tiles/index.html +129 -2
package/docs-dev/demos/tooltip/index.html +129 -2
package/docs-dev/guide/building-stylesheet/index.html +129 -2
package/docs-dev/guide/developing-ulu-scss-module/index.html +129 -2
package/docs-dev/guide/index.html +129 -2
package/docs-dev/index.html +129 -2
package/docs-dev/javascript/events/index.html +129 -2
package/docs-dev/javascript/index.html +129 -2
package/docs-dev/javascript/settings/index.html +129 -2
package/docs-dev/javascript/ui-breakpoints/index.html +129 -2
package/docs-dev/javascript/ui-collapsible/index.html +129 -2
package/docs-dev/javascript/ui-details-group/index.html +129 -2
package/docs-dev/javascript/ui-dialog/index.html +129 -2
package/docs-dev/javascript/ui-flipcard/index.html +129 -2
package/docs-dev/javascript/ui-grid/index.html +129 -2
package/docs-dev/javascript/ui-modal-builder/index.html +129 -2
package/docs-dev/javascript/ui-overflow-scroller/index.html +129 -2
package/docs-dev/javascript/ui-overflow-scroller-pager/index.html +129 -2
package/docs-dev/javascript/ui-page/index.html +129 -2
package/docs-dev/javascript/ui-popover/index.html +129 -2
package/docs-dev/javascript/ui-print/index.html +129 -2
package/docs-dev/javascript/ui-print-details/index.html +129 -2
package/docs-dev/javascript/ui-programmatic-modal/index.html +129 -2
package/docs-dev/javascript/ui-proxy-click/index.html +129 -2
package/docs-dev/javascript/ui-resizer/index.html +129 -2
package/docs-dev/javascript/ui-scroll-slider/index.html +129 -2
package/docs-dev/javascript/ui-scrollpoint/index.html +129 -2
package/docs-dev/javascript/ui-slider/index.html +129 -2
package/docs-dev/javascript/ui-tabs/index.html +129 -2
package/docs-dev/javascript/ui-theme-toggle/index.html +5178 -0
package/docs-dev/javascript/ui-tooltip/index.html +129 -2
package/docs-dev/javascript/utils-class-logger/index.html +129 -2
package/docs-dev/javascript/utils-dom/index.html +193 -6
package/docs-dev/javascript/utils-file-save/index.html +129 -2
package/docs-dev/javascript/utils-floating-ui/index.html +129 -2
package/docs-dev/javascript/utils-id/index.html +129 -2
package/docs-dev/javascript/utils-pause-youtube-video/index.html +129 -2
package/docs-dev/sass/base/color/index.html +129 -2
package/docs-dev/sass/base/elements/index.html +129 -2
package/docs-dev/sass/base/index/index.html +129 -2
package/docs-dev/sass/base/index.html +129 -2
package/docs-dev/sass/base/keyframes/index.html +129 -2
package/docs-dev/sass/base/layout/index.html +129 -2
package/docs-dev/sass/base/normalize/index.html +129 -2
package/docs-dev/sass/base/print/index.html +129 -2
package/docs-dev/sass/base/root/index.html +129 -2
package/docs-dev/sass/base/typography/index.html +129 -2
package/docs-dev/sass/components/accordion/index.html +129 -2
package/docs-dev/sass/components/adaptive-spacing/index.html +129 -2
package/docs-dev/sass/components/badge/index.html +129 -2
package/docs-dev/sass/components/basic-hero/index.html +5145 -0
package/docs-dev/sass/components/button/index.html +129 -2
package/docs-dev/sass/components/button-verbose/index.html +129 -2
package/docs-dev/sass/components/callout/index.html +129 -2
package/docs-dev/sass/components/captioned-figure/index.html +129 -2
package/docs-dev/sass/components/card/index.html +129 -2
package/docs-dev/sass/components/card-grid/index.html +129 -2
package/docs-dev/sass/components/css-icon/index.html +129 -2
package/docs-dev/sass/components/data-grid/index.html +129 -2
package/docs-dev/sass/components/data-table/index.html +129 -2
package/docs-dev/sass/components/fill-context/index.html +129 -2
package/docs-dev/sass/components/flipcard/index.html +129 -2
package/docs-dev/sass/components/flipcard-grid/index.html +129 -2
package/docs-dev/sass/components/form-theme/index.html +133 -6
package/docs-dev/sass/components/hero/index.html +129 -2
package/docs-dev/sass/components/horizontal-rule/index.html +129 -2
package/docs-dev/sass/components/image-grid/index.html +129 -2
package/docs-dev/sass/components/index/index.html +140 -12
package/docs-dev/sass/components/index.html +129 -2
package/docs-dev/sass/components/links/index.html +129 -2
package/docs-dev/sass/components/list-inline/index.html +129 -2
package/docs-dev/sass/components/list-lines/index.html +129 -2
package/docs-dev/sass/components/list-ordered/index.html +129 -2
package/docs-dev/sass/components/list-unordered/index.html +129 -2
package/docs-dev/sass/components/menu-stack/index.html +129 -2
package/docs-dev/sass/components/modal/index.html +129 -2
package/docs-dev/sass/components/nav-strip/index.html +129 -2
package/docs-dev/sass/components/overlay-section/index.html +129 -2
package/docs-dev/sass/components/pager/index.html +129 -2
package/docs-dev/sass/components/placeholder-block/index.html +129 -2
package/docs-dev/sass/components/popover/index.html +129 -2
package/docs-dev/sass/components/pull-quote/index.html +129 -2
package/docs-dev/sass/components/ratio-box/index.html +129 -2
package/docs-dev/sass/components/rule/index.html +129 -2
package/docs-dev/sass/components/scroll-slider/index.html +129 -2
package/docs-dev/sass/components/skip-link/index.html +129 -2
package/docs-dev/sass/components/slider/index.html +129 -2
package/docs-dev/sass/components/spoke-spinner/index.html +129 -2
package/docs-dev/sass/components/tabs/index.html +129 -2
package/docs-dev/sass/components/tag/index.html +129 -2
package/docs-dev/sass/components/tile-button/index.html +129 -2
package/docs-dev/sass/components/tile-grid/index.html +129 -2
package/docs-dev/sass/components/tile-grid-overlay/index.html +129 -2
package/docs-dev/sass/components/vignette/index.html +129 -2
package/docs-dev/sass/components/wysiwyg/index.html +129 -2
package/docs-dev/sass/core/breakpoint/index.html +129 -2
package/docs-dev/sass/core/button/index.html +129 -2
package/docs-dev/sass/core/color/index.html +129 -2
package/docs-dev/sass/core/cssvar/index.html +129 -2
package/docs-dev/sass/core/element/index.html +129 -2
package/docs-dev/sass/core/index.html +129 -2
package/docs-dev/sass/core/layout/index.html +129 -2
package/docs-dev/sass/core/path/index.html +129 -2
package/docs-dev/sass/core/selector/index.html +129 -2
package/docs-dev/sass/core/typography/index.html +129 -2
package/docs-dev/sass/core/units/index.html +129 -2
package/docs-dev/sass/core/utils/index.html +129 -2
package/docs-dev/sass/helpers/color/index.html +129 -2
package/docs-dev/sass/helpers/display/index.html +129 -2
package/docs-dev/sass/helpers/index/index.html +129 -2
package/docs-dev/sass/helpers/index.html +129 -2
package/docs-dev/sass/helpers/print/index.html +129 -2
package/docs-dev/sass/helpers/typography/index.html +129 -2
package/docs-dev/sass/helpers/units/index.html +129 -2
package/docs-dev/sass/helpers/utilities/index.html +129 -2
package/docs-dev/sass/index.html +129 -2
package/js/ui/details-group.js +1 -1
package/js/ui/theme-toggle.js +330 -89
package/js/utils/dom.js +43 -1
package/package.json +3 -2
package/scss/components/_basic-hero.scss +112 -0
package/scss/components/_form-theme.scss +2 -2
package/scss/components/_index.scss +6 -0
package/types/ui/details-group.d.ts +43 -0
package/types/ui/details-group.d.ts.map +1 -0
package/types/ui/index.d.ts +1 -0
package/types/ui/programmatic-modal.d.ts.map +1 -1
package/types/ui/theme-toggle.d.ts +58 -7
package/types/ui/theme-toggle.d.ts.map +1 -1
package/types/utils/dom.d.ts +19 -1
package/types/utils/dom.d.ts.map +1 -1

package/docs-dev/javascript/ui-tooltip/index.html CHANGED Viewed

@@ -31,7 +31,7 @@
 </head>
-	<body class="page theme-light" data-site-theme="">
+	<body class="page theme-light">
@@ -53,7 +53,14 @@
   <nav class="header__nav">
     <h2 class="hidden-visually">Main Menu</h2>
     <div class="header__nav-links">
-      <button class="button button--small button--icon button--icon-small" data-site-theme-toggle=""><span class="fas fa-moon" data-site-theme-toggle-icon=""></span></button>
+      <button class="button button--small button--icon button--icon-small" data-ulu-theme-toggle='{
+          "savePreference" : true,
+          "checkMediaQuery" : true,
+          "group" : "page"
+        }'>
+        <span class="hidden-visually">Toggle Theme to <span data-ulu-theme-toggle-label="">Dark</span></span>
+        <span class="fas fa-moon" data-ulu-theme-toggle-icon=""></span>
+      </button>
       <a class="button button--small button--icon button--icon-small" href="https://www.npmjs.com/package/@ulu/frontend" aria-label="View on Github">
         <span class="fab fa-github" aria-hidden="true"></span>
       </a>
@@ -159,6 +166,21 @@
         </li>
+        <li class="nav-tree__item  ">
+        <a class="nav-tree__link  " href="/frontend/demos/basic-hero/">
+    <span class="nav-tree__text">
+      Basic Hero
+    </span>
+        </a>
+        </li>
         <li class="nav-tree__item  ">
         <a class="nav-tree__link  " href="/frontend/demos/button/">
@@ -594,6 +616,21 @@
         </li>
+        <li class="nav-tree__item  ">
+        <a class="nav-tree__link  " href="/frontend/demos/theme-toggle/">
+    <span class="nav-tree__text">
+      Theme Toggle
+    </span>
+        </a>
+        </li>
         <li class="nav-tree__item  ">
         <a class="nav-tree__link  " href="/frontend/demos/tile-grid-overlay/">
@@ -1133,6 +1170,21 @@
         </li>
+        <li class="nav-tree__item  ">
+        <a class="nav-tree__link  " href="/frontend/sass/components/basic-hero/">
+    <span class="nav-tree__text">
+      Basic-hero
+    </span>
+        </a>
+        </li>
         <li class="nav-tree__item  ">
         <a class="nav-tree__link  " href="/frontend/sass/components/button/">
@@ -2296,6 +2348,21 @@
         </li>
+        <li class="nav-tree__item  ">
+        <a class="nav-tree__link  " href="/frontend/javascript/ui-theme-toggle/">
+    <span class="nav-tree__text">
+      ui/theme-toggle
+    </span>
+        </a>
+        </li>
         <li class="nav-tree__item is-active is-active-trail ">
         <a class="nav-tree__link  is-active is-active-trail" href="/frontend/javascript/ui-tooltip/" aria-current="page">
@@ -2525,6 +2592,21 @@
         </li>
+        <li class="nav-tree__item  ">
+        <a class="nav-tree__link  " href="/frontend/demos/basic-hero/">
+    <span class="nav-tree__text">
+      Basic Hero
+    </span>
+        </a>
+        </li>
         <li class="nav-tree__item  ">
         <a class="nav-tree__link  " href="/frontend/demos/button/">
@@ -2960,6 +3042,21 @@
         </li>
+        <li class="nav-tree__item  ">
+        <a class="nav-tree__link  " href="/frontend/demos/theme-toggle/">
+    <span class="nav-tree__text">
+      Theme Toggle
+    </span>
+        </a>
+        </li>
         <li class="nav-tree__item  ">
         <a class="nav-tree__link  " href="/frontend/demos/tile-grid-overlay/">
@@ -3499,6 +3596,21 @@
         </li>
+        <li class="nav-tree__item  ">
+        <a class="nav-tree__link  " href="/frontend/sass/components/basic-hero/">
+    <span class="nav-tree__text">
+      Basic-hero
+    </span>
+        </a>
+        </li>
         <li class="nav-tree__item  ">
         <a class="nav-tree__link  " href="/frontend/sass/components/button/">
@@ -4662,6 +4774,21 @@
         </li>
+        <li class="nav-tree__item  ">
+        <a class="nav-tree__link  " href="/frontend/javascript/ui-theme-toggle/">
+    <span class="nav-tree__text">
+      ui/theme-toggle
+    </span>
+        </a>
+        </li>
         <li class="nav-tree__item is-active is-active-trail ">
         <a class="nav-tree__link  is-active is-active-trail" href="/frontend/javascript/ui-tooltip/" aria-current="page">

package/docs-dev/javascript/utils-class-logger/index.html CHANGED Viewed

@@ -31,7 +31,7 @@
 </head>
-	<body class="page theme-light" data-site-theme="">
+	<body class="page theme-light">
@@ -53,7 +53,14 @@
   <nav class="header__nav">
     <h2 class="hidden-visually">Main Menu</h2>
     <div class="header__nav-links">
-      <button class="button button--small button--icon button--icon-small" data-site-theme-toggle=""><span class="fas fa-moon" data-site-theme-toggle-icon=""></span></button>
+      <button class="button button--small button--icon button--icon-small" data-ulu-theme-toggle='{
+          "savePreference" : true,
+          "checkMediaQuery" : true,
+          "group" : "page"
+        }'>
+        <span class="hidden-visually">Toggle Theme to <span data-ulu-theme-toggle-label="">Dark</span></span>
+        <span class="fas fa-moon" data-ulu-theme-toggle-icon=""></span>
+      </button>
       <a class="button button--small button--icon button--icon-small" href="https://www.npmjs.com/package/@ulu/frontend" aria-label="View on Github">
         <span class="fab fa-github" aria-hidden="true"></span>
       </a>
@@ -159,6 +166,21 @@
         </li>
+        <li class="nav-tree__item  ">
+        <a class="nav-tree__link  " href="/frontend/demos/basic-hero/">
+    <span class="nav-tree__text">
+      Basic Hero
+    </span>
+        </a>
+        </li>
         <li class="nav-tree__item  ">
         <a class="nav-tree__link  " href="/frontend/demos/button/">
@@ -594,6 +616,21 @@
         </li>
+        <li class="nav-tree__item  ">
+        <a class="nav-tree__link  " href="/frontend/demos/theme-toggle/">
+    <span class="nav-tree__text">
+      Theme Toggle
+    </span>
+        </a>
+        </li>
         <li class="nav-tree__item  ">
         <a class="nav-tree__link  " href="/frontend/demos/tile-grid-overlay/">
@@ -1133,6 +1170,21 @@
         </li>
+        <li class="nav-tree__item  ">
+        <a class="nav-tree__link  " href="/frontend/sass/components/basic-hero/">
+    <span class="nav-tree__text">
+      Basic-hero
+    </span>
+        </a>
+        </li>
         <li class="nav-tree__item  ">
         <a class="nav-tree__link  " href="/frontend/sass/components/button/">
@@ -2296,6 +2348,21 @@
         </li>
+        <li class="nav-tree__item  ">
+        <a class="nav-tree__link  " href="/frontend/javascript/ui-theme-toggle/">
+    <span class="nav-tree__text">
+      ui/theme-toggle
+    </span>
+        </a>
+        </li>
         <li class="nav-tree__item  ">
         <a class="nav-tree__link  " href="/frontend/javascript/ui-tooltip/">
@@ -2525,6 +2592,21 @@
         </li>
+        <li class="nav-tree__item  ">
+        <a class="nav-tree__link  " href="/frontend/demos/basic-hero/">
+    <span class="nav-tree__text">
+      Basic Hero
+    </span>
+        </a>
+        </li>
         <li class="nav-tree__item  ">
         <a class="nav-tree__link  " href="/frontend/demos/button/">
@@ -2960,6 +3042,21 @@
         </li>
+        <li class="nav-tree__item  ">
+        <a class="nav-tree__link  " href="/frontend/demos/theme-toggle/">
+    <span class="nav-tree__text">
+      Theme Toggle
+    </span>
+        </a>
+        </li>
         <li class="nav-tree__item  ">
         <a class="nav-tree__link  " href="/frontend/demos/tile-grid-overlay/">
@@ -3499,6 +3596,21 @@
         </li>
+        <li class="nav-tree__item  ">
+        <a class="nav-tree__link  " href="/frontend/sass/components/basic-hero/">
+    <span class="nav-tree__text">
+      Basic-hero
+    </span>
+        </a>
+        </li>
         <li class="nav-tree__item  ">
         <a class="nav-tree__link  " href="/frontend/sass/components/button/">
@@ -4662,6 +4774,21 @@
         </li>
+        <li class="nav-tree__item  ">
+        <a class="nav-tree__link  " href="/frontend/javascript/ui-theme-toggle/">
+    <span class="nav-tree__text">
+      ui/theme-toggle
+    </span>
+        </a>
+        </li>
         <li class="nav-tree__item  ">
         <a class="nav-tree__link  " href="/frontend/javascript/ui-tooltip/">

package/docs-dev/javascript/utils-dom/index.html CHANGED Viewed

@@ -31,7 +31,7 @@
 </head>
-	<body class="page theme-light" data-site-theme="">
+	<body class="page theme-light">
@@ -53,7 +53,14 @@
   <nav class="header__nav">
     <h2 class="hidden-visually">Main Menu</h2>
     <div class="header__nav-links">
-      <button class="button button--small button--icon button--icon-small" data-site-theme-toggle=""><span class="fas fa-moon" data-site-theme-toggle-icon=""></span></button>
+      <button class="button button--small button--icon button--icon-small" data-ulu-theme-toggle='{
+          "savePreference" : true,
+          "checkMediaQuery" : true,
+          "group" : "page"
+        }'>
+        <span class="hidden-visually">Toggle Theme to <span data-ulu-theme-toggle-label="">Dark</span></span>
+        <span class="fas fa-moon" data-ulu-theme-toggle-icon=""></span>
+      </button>
       <a class="button button--small button--icon button--icon-small" href="https://www.npmjs.com/package/@ulu/frontend" aria-label="View on Github">
         <span class="fab fa-github" aria-hidden="true"></span>
       </a>
@@ -159,6 +166,21 @@
         </li>
+        <li class="nav-tree__item  ">
+        <a class="nav-tree__link  " href="/frontend/demos/basic-hero/">
+    <span class="nav-tree__text">
+      Basic Hero
+    </span>
+        </a>
+        </li>
         <li class="nav-tree__item  ">
         <a class="nav-tree__link  " href="/frontend/demos/button/">
@@ -594,6 +616,21 @@
         </li>
+        <li class="nav-tree__item  ">
+        <a class="nav-tree__link  " href="/frontend/demos/theme-toggle/">
+    <span class="nav-tree__text">
+      Theme Toggle
+    </span>
+        </a>
+        </li>
         <li class="nav-tree__item  ">
         <a class="nav-tree__link  " href="/frontend/demos/tile-grid-overlay/">
@@ -1133,6 +1170,21 @@
         </li>
+        <li class="nav-tree__item  ">
+        <a class="nav-tree__link  " href="/frontend/sass/components/basic-hero/">
+    <span class="nav-tree__text">
+      Basic-hero
+    </span>
+        </a>
+        </li>
         <li class="nav-tree__item  ">
         <a class="nav-tree__link  " href="/frontend/sass/components/button/">
@@ -2296,6 +2348,21 @@
         </li>
+        <li class="nav-tree__item  ">
+        <a class="nav-tree__link  " href="/frontend/javascript/ui-theme-toggle/">
+    <span class="nav-tree__text">
+      ui/theme-toggle
+    </span>
+        </a>
+        </li>
         <li class="nav-tree__item  ">
         <a class="nav-tree__link  " href="/frontend/javascript/ui-tooltip/">
@@ -2525,6 +2592,21 @@
         </li>
+        <li class="nav-tree__item  ">
+        <a class="nav-tree__link  " href="/frontend/demos/basic-hero/">
+    <span class="nav-tree__text">
+      Basic Hero
+    </span>
+        </a>
+        </li>
         <li class="nav-tree__item  ">
         <a class="nav-tree__link  " href="/frontend/demos/button/">
@@ -2960,6 +3042,21 @@
         </li>
+        <li class="nav-tree__item  ">
+        <a class="nav-tree__link  " href="/frontend/demos/theme-toggle/">
+    <span class="nav-tree__text">
+      Theme Toggle
+    </span>
+        </a>
+        </li>
         <li class="nav-tree__item  ">
         <a class="nav-tree__link  " href="/frontend/demos/tile-grid-overlay/">
@@ -3499,6 +3596,21 @@
         </li>
+        <li class="nav-tree__item  ">
+        <a class="nav-tree__link  " href="/frontend/sass/components/basic-hero/">
+    <span class="nav-tree__text">
+      Basic-hero
+    </span>
+        </a>
+        </li>
         <li class="nav-tree__item  ">
         <a class="nav-tree__link  " href="/frontend/sass/components/button/">
@@ -4662,6 +4774,21 @@
         </li>
+        <li class="nav-tree__item  ">
+        <a class="nav-tree__link  " href="/frontend/javascript/ui-theme-toggle/">
+    <span class="nav-tree__text">
+      ui/theme-toggle
+    </span>
+        </a>
+        </li>
         <li class="nav-tree__item  ">
         <a class="nav-tree__link  " href="/frontend/javascript/ui-tooltip/">
@@ -4811,7 +4938,13 @@
                     <li><a href="#utils%2Fdom.setpositionclasses(parent%2C-classes)">utils/dom.setPositionClasses(parent, classes)</a>
             		</li>
-                    <li><a href="#utils%2Fdom.getelement(target%2C-context)">utils/dom.getElement(target, context)</a>
+                    <li><a href="#utils%2Fdom.getelement(target%2C-context)-%E2%87%92-htmlelement">utils/dom.getElement(target, context) ⇒ HTMLElement</a>
+            		</li>
+                    <li><a href="#utils%2Fdom.getelements(target%2C-context)-%E2%87%92-array">utils/dom.getElements(target, context) ⇒ Array</a>
+            		</li>
+                    <li><a href="#utils%2Fdom.resolveclasses(input)-%E2%87%92-array.%3Cstring%3E">utils/dom.resolveClasses(input) ⇒ Array.<string></string></a>
             		</li>
                     <li><a href="#utils%2Fdom.addscrollbarproperty(element%2C-container%2C-propname)">utils/dom.addScrollbarProperty(element, container, propName)</a>
@@ -4836,7 +4969,9 @@
 <li><a href="#module_utils/dom.getDatasetOptionalJson">.getDatasetOptionalJson(element, key)</a> ⇒ <code>Object</code> | <code>String</code></li>
 <li><a href="#module_utils/dom.wasClickOutside">.wasClickOutside()</a></li>
 <li><a href="#module_utils/dom.setPositionClasses">.setPositionClasses(parent, classes)</a></li>
-<li><a href="#module_utils/dom.getElement">.getElement(target, context)</a></li>
+<li><a href="#module_utils/dom.getElement">.getElement(target, context)</a> ⇒ <code>HTMLElement</code></li>
+<li><a href="#module_utils/dom.getElements">.getElements(target, context)</a> ⇒ <code>Array</code></li>
+<li><a href="#module_utils/dom.resolveClasses">.resolveClasses(input)</a> ⇒ <code>Array.&lt;string&gt;</code></li>
 <li><a href="#module_utils/dom.addScrollbarProperty">.addScrollbarProperty(element, container, propName)</a></li>
 </ul>
 </li>
@@ -4933,9 +5068,10 @@ or new instances are added to the screen</p>
 </tbody>
 </table>
 <p><a name="module_utils/dom.getElement"></a></p>
-<h2 id="utils%2Fdom.getelement(target%2C-context)" tabindex="-1">utils/dom.getElement(target, context)</h2>
+<h2 id="utils%2Fdom.getelement(target%2C-context)-%E2%87%92-htmlelement" tabindex="-1">utils/dom.getElement(target, context) ⇒ <code>HTMLElement</code></h2>
 <p>Resolve a target to Element</p>
-<p><strong>Kind</strong>: static method of <a href="#module_utils/dom"><code>utils/dom</code></a></p>
+<p><strong>Kind</strong>: static method of <a href="#module_utils/dom"><code>utils/dom</code></a><br>
+<strong>Returns</strong>: <code>HTMLElement</code> - The element or null if not found</p>
 <table>
 <thead>
 <tr>
@@ -4957,6 +5093,57 @@ or new instances are added to the screen</p>
 </tr>
 </tbody>
 </table>
+<p><a name="module_utils/dom.getElements"></a></p>
+<h2 id="utils%2Fdom.getelements(target%2C-context)-%E2%87%92-array" tabindex="-1">utils/dom.getElements(target, context) ⇒ <code>Array</code></h2>
+<p>Resolve a target to Elements</p>
+<p><strong>Kind</strong>: static method of <a href="#module_utils/dom"><code>utils/dom</code></a><br>
+<strong>Returns</strong>: <code>Array</code> - The elements or null if not found</p>
+<table>
+<thead>
+<tr>
+<th>Param</th>
+<th>Type</th>
+<th>Description</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td>target</td>
+<td><code>String</code> | <code>Node</code></td>
+<td>The selector or node/element</td>
+</tr>
+<tr>
+<td>context</td>
+<td><code>Object</code></td>
+<td>[document] The context to query possible selectors from</td>
+</tr>
+</tbody>
+</table>
+<p><a name="module_utils/dom.resolveClasses"></a></p>
+<h2 id="utils%2Fdom.resolveclasses(input)-%E2%87%92-array.%3Cstring%3E" tabindex="-1">utils/dom.resolveClasses(input) ⇒ <code>Array.&lt;string&gt;</code></h2>
+<p>Resolves a class input (string or array) into a consistent array of class names.</p>
+<p><strong>Kind</strong>: static method of <a href="#module_utils/dom"><code>utils/dom</code></a><br>
+<strong>Returns</strong>: <code>Array.&lt;string&gt;</code> - An array of class names. Returns an empty array for invalid or falsy input.</p>
+<table>
+<thead>
+<tr>
+<th>Param</th>
+<th>Type</th>
+<th>Description</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td>input</td>
+<td><code>string</code> | <code>Array.&lt;string&gt;</code></td>
+<td>The class input, which can be a string, an array of strings, or any other value.</td>
+</tr>
+</tbody>
+</table>
+<p><strong>Example</strong></p>
+<pre class="language-js"><code class="language-js"><span class="pjs-token pjs-function">resolveClassArray</span><span class="pjs-token pjs-punctuation">(</span><span class="pjs-token pjs-string">"fas fa-check  my-class"</span><span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">;</span> <span class="pjs-token pjs-comment">// Returns ["fas", "fa-check", "my-class"]</span>
+<span class="pjs-token pjs-function">resolveClassArray</span><span class="pjs-token pjs-punctuation">(</span><span class="pjs-token pjs-punctuation">[</span><span class="pjs-token pjs-string">"another-class"</span><span class="pjs-token pjs-punctuation">,</span> <span class="pjs-token pjs-string">"yet-another-class"</span><span class="pjs-token pjs-punctuation">]</span><span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">;</span> <span class="pjs-token pjs-comment">// Returns ["another-class", "yet-another-class"]</span>
+<span class="pjs-token pjs-function">resolveClassArray</span><span class="pjs-token pjs-punctuation">(</span><span class="pjs-token pjs-string">"single-class"</span><span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">;</span> <span class="pjs-token pjs-comment">// Returns ["single-class"]</span></code></pre>
 <p><a name="module_utils/dom.addScrollbarProperty"></a></p>
 <h2 id="utils%2Fdom.addscrollbarproperty(element%2C-container%2C-propname)" tabindex="-1">utils/dom.addScrollbarProperty(element, container, propName)</h2>
 <p>Sets a CSS custom property equal to the scrollbar width</p>