@ulu/frontend 0.1.0-beta.14 → 0.1.0-beta.15

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # Change Log
 
+## Version 0.1.0-beta.15
+
+- JS
+  - Settings.js 
+    - Setup new shared setting module (currently holds icon string settings)
+    - Setup common methods for dealing with settings
+    - Setup wrapped string get method for use in configuring defaults for other modules
+      - So we don't need to refactor for after runtime settings changes
+  - utils/font-awesome.js - Includes helper method for setting font-awesome icons (configureIcons)
+  - ui/modal-builder.js - Adjust to use settings to get icon defaults
+  - ui/overflow-scroller.js and js/ui/slider.js
+    - Change `iconClassesPrevious` and `iconClassesNext` to non array settings `iconClassPrevious` and iconClassNext
+    - Change the above defaults to pull from settings.js
+  - js/ui/slider.js
+    - Fix selector .Slider__control-icon was on .Slider__control-button is now moved to icon
+- SCSS
+  - components/_slider.scss
+    - Fix incorrect selector .Slider__control-icon which was actually targeting the control-button
+
 ## Version 0.1.0-beta.14
 
 - SCSS > Components > Nav Strip

package/docs-dev/changelog/index.html

@@ -1966,6 +1966,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/javascript/settings/">
+          
+    
+    <span class="nav-tree__text">
+      settings
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/javascript/ui-breakpoints/">
@@ -4287,6 +4302,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/javascript/settings/">
+          
+    
+    <span class="nav-tree__text">
+      settings
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/javascript/ui-breakpoints/">

package/docs-dev/demos/accordion/index.html

@@ -1966,6 +1966,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/javascript/settings/">
+          
+    
+    <span class="nav-tree__text">
+      settings
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/javascript/ui-breakpoints/">
@@ -4287,6 +4302,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/javascript/settings/">
+          
+    
+    <span class="nav-tree__text">
+      settings
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/javascript/ui-breakpoints/">

package/docs-dev/demos/button/index.html

@@ -1966,6 +1966,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/javascript/settings/">
+          
+    
+    <span class="nav-tree__text">
+      settings
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/javascript/ui-breakpoints/">
@@ -4287,6 +4302,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/javascript/settings/">
+          
+    
+    <span class="nav-tree__text">
+      settings
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/javascript/ui-breakpoints/">

package/docs-dev/demos/callout/index.html

@@ -1966,6 +1966,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/javascript/settings/">
+          
+    
+    <span class="nav-tree__text">
+      settings
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/javascript/ui-breakpoints/">
@@ -4287,6 +4302,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/javascript/settings/">
+          
+    
+    <span class="nav-tree__text">
+      settings
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/javascript/ui-breakpoints/">

package/docs-dev/demos/captioned-figure/index.html

@@ -1966,6 +1966,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/javascript/settings/">
+          
+    
+    <span class="nav-tree__text">
+      settings
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/javascript/ui-breakpoints/">
@@ -4287,6 +4302,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/javascript/settings/">
+          
+    
+    <span class="nav-tree__text">
+      settings
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/javascript/ui-breakpoints/">

package/docs-dev/demos/card/index.html

@@ -1966,6 +1966,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/javascript/settings/">
+          
+    
+    <span class="nav-tree__text">
+      settings
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/javascript/ui-breakpoints/">
@@ -4287,6 +4302,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/javascript/settings/">
+          
+    
+    <span class="nav-tree__text">
+      settings
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/javascript/ui-breakpoints/">

package/docs-dev/demos/css-icons/index.html

@@ -1966,6 +1966,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/javascript/settings/">
+          
+    
+    <span class="nav-tree__text">
+      settings
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/javascript/ui-breakpoints/">
@@ -4287,6 +4302,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/javascript/settings/">
+          
+    
+    <span class="nav-tree__text">
+      settings
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/javascript/ui-breakpoints/">

package/docs-dev/demos/data-grid/index.html

@@ -1966,6 +1966,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/javascript/settings/">
+          
+    
+    <span class="nav-tree__text">
+      settings
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/javascript/ui-breakpoints/">
@@ -4287,6 +4302,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/javascript/settings/">
+          
+    
+    <span class="nav-tree__text">
+      settings
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/javascript/ui-breakpoints/">

package/docs-dev/demos/data-table/index.html

@@ -1966,6 +1966,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/javascript/settings/">
+          
+    
+    <span class="nav-tree__text">
+      settings
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/javascript/ui-breakpoints/">
@@ -4287,6 +4302,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/javascript/settings/">
+          
+    
+    <span class="nav-tree__text">
+      settings
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/javascript/ui-breakpoints/">
@@ -4764,46 +4794,46 @@
   </tfoot>
 </table>
 <h2 class="h2">Complex Table</h2>
-<table class="data-table" id="dt-3">
+<table class="data-table" id="dt-41">
   <caption>
     This Is The Table's Caption
   </caption>
   <thead>
     <tr>
-      <th id="dt-3-type" rowspan="2">Type</th>
-      <th id="dt-3-group" colspan="2">Group</th>
-      <th id="dt-3-details" colspan="2">Details</th>
-      <th id="dt-3-id" rowspan="2">Id</th>
+      <th id="dt-41-type" rowspan="2">Type</th>
+      <th id="dt-41-group" colspan="2">Group</th>
+      <th id="dt-41-details" colspan="2">Details</th>
+      <th id="dt-41-id" rowspan="2">Id</th>
     </tr>
     <tr>
-      <th headers="dt-3-group" id="dt-3-primary">Primary</th>
-      <th headers="dt-3-group" id="dt-3-secondary">Secondary</th>
-      <th headers="dt-3-details" id="dt-3-before">Before Task</th>
-      <th headers="dt-3-details" id="dt-3-after">After Task</th>
+      <th headers="dt-41-group" id="dt-41-primary">Primary</th>
+      <th headers="dt-41-group" id="dt-41-secondary">Secondary</th>
+      <th headers="dt-41-details" id="dt-41-before">Before Task</th>
+      <th headers="dt-41-details" id="dt-41-after">After Task</th>
     </tr>
   </thead>
   <tbody>
     <tr>
-      <th rowspan="3" headers="dt-3-type dt-3-r1" id="dt-3-r1">Default</th>
-      <td headers="dt-3-group dt-3-primary dt-3-r1">Lorem Ipsum</td>
-      <td headers="dt-3-group dt-3-secondary dt-3-r1">Lorem Ipsum</td>
-      <td headers="dt-3-details dt-3-before dt-3-r1">Lorem Ipsum</td>
-      <td headers="dt-3-details dt-3-after dt-3-r1">Lorem Ipsum</td>
-      <td headers="dt-3-id">OL-53-GHSLE</td>
+      <th rowspan="3" headers="dt-41-type dt-41-r1" id="dt-41-r1">Default</th>
+      <td headers="dt-41-group dt-41-primary dt-41-r1">Lorem Ipsum</td>
+      <td headers="dt-41-group dt-41-secondary dt-41-r1">Lorem Ipsum</td>
+      <td headers="dt-41-details dt-41-before dt-41-r1">Lorem Ipsum</td>
+      <td headers="dt-41-details dt-41-after dt-41-r1">Lorem Ipsum</td>
+      <td headers="dt-41-id">OL-53-GHSLE</td>
     </tr>
     <tr>
-      <td headers="dt-3-group dt-3-primary dt-3-r1">Lorem Ipsum</td>
-      <td headers="dt-3-group dt-3-secondary dt-3-r1">Lorem Ipsum</td>
-      <td headers="dt-3-details dt-3-before dt-3-r1">Lorem Ipsum</td>
-      <td headers="dt-3-details dt-3-after dt-3-r1">Lorem Ipsum</td>
-      <td headers="dt-3-id">OL-53-GHSLE</td>
+      <td headers="dt-41-group dt-41-primary dt-41-r1">Lorem Ipsum</td>
+      <td headers="dt-41-group dt-41-secondary dt-41-r1">Lorem Ipsum</td>
+      <td headers="dt-41-details dt-41-before dt-41-r1">Lorem Ipsum</td>
+      <td headers="dt-41-details dt-41-after dt-41-r1">Lorem Ipsum</td>
+      <td headers="dt-41-id">OL-53-GHSLE</td>
     </tr>
     <tr>
-      <td headers="dt-3-group dt-3-primary dt-3-r1">Lorem Ipsum</td>
-      <td headers="dt-3-group dt-3-secondary dt-3-r1">Lorem Ipsum</td>
-      <td headers="dt-3-details dt-3-before dt-3-r1">Lorem Ipsum</td>
-      <td headers="dt-3-details dt-3-after dt-3-r1">Lorem Ipsum</td>
-      <td headers="dt-3-id">OL-53-GHSLE</td>
+      <td headers="dt-41-group dt-41-primary dt-41-r1">Lorem Ipsum</td>
+      <td headers="dt-41-group dt-41-secondary dt-41-r1">Lorem Ipsum</td>
+      <td headers="dt-41-details dt-41-before dt-41-r1">Lorem Ipsum</td>
+      <td headers="dt-41-details dt-41-after dt-41-r1">Lorem Ipsum</td>
+      <td headers="dt-41-id">OL-53-GHSLE</td>
     </tr>
   </tbody>
 </table>

package/docs-dev/demos/file-save/index.html

@@ -1966,6 +1966,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/javascript/settings/">
+          
+    
+    <span class="nav-tree__text">
+      settings
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/javascript/ui-breakpoints/">
@@ -4287,6 +4302,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/javascript/settings/">
+          
+    
+    <span class="nav-tree__text">
+      settings
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/javascript/ui-breakpoints/">

package/docs-dev/demos/flipcard/index.html

@@ -1966,6 +1966,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/javascript/settings/">
+          
+    
+    <span class="nav-tree__text">
+      settings
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/javascript/ui-breakpoints/">
@@ -4287,6 +4302,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/javascript/settings/">
+          
+    
+    <span class="nav-tree__text">
+      settings
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/javascript/ui-breakpoints/">

package/docs-dev/demos/form-theme/index.html

@@ -1966,6 +1966,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/javascript/settings/">
+          
+    
+    <span class="nav-tree__text">
+      settings
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/javascript/ui-breakpoints/">
@@ -4287,6 +4302,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/javascript/settings/">
+          
+    
+    <span class="nav-tree__text">
+      settings
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/javascript/ui-breakpoints/">

package/docs-dev/demos/index.html

@@ -1966,6 +1966,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/javascript/settings/">
+          
+    
+    <span class="nav-tree__text">
+      settings
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/javascript/ui-breakpoints/">
@@ -4287,6 +4302,21 @@
         </li>
       
 
+        <li class="nav-tree__item  ">
+          
+        <a class="nav-tree__link  " href="/frontend/javascript/settings/">
+          
+    
+    <span class="nav-tree__text">
+      settings
+    </span>
+  
+        </a>
+      
+          
+        </li>
+      
+
         <li class="nav-tree__item  ">
           
         <a class="nav-tree__link  " href="/frontend/javascript/ui-breakpoints/">