@ulu/frontend 0.1.0-beta.57 → 0.1.0-beta.59

package/docs-dev/sass/components/counter-list/index.html

@@ -5228,8 +5228,6 @@
   <span class="pjs-token pjs-string">"counter-style"</span> <span class="pjs-token pjs-punctuation">:</span> numeric<span class="pjs-token pjs-punctuation">,</span>
   <span class="pjs-token pjs-string">"counter-border-radius"</span> <span class="pjs-token pjs-punctuation">:</span> 50%<span class="pjs-token pjs-punctuation">,</span>
   <span class="pjs-token pjs-string">"counter-font-size"</span> <span class="pjs-token pjs-punctuation">:</span> 1.2em<span class="pjs-token pjs-punctuation">,</span>
-  <span class="pjs-token pjs-string">"counter-font-weight"</span> <span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-null pjs-keyword">null</span><span class="pjs-token pjs-punctuation">,</span>
-  <span class="pjs-token pjs-string">"counter-font-family"</span> <span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-null pjs-keyword">null</span><span class="pjs-token pjs-punctuation">,</span>
   <span class="pjs-token pjs-string">"counter-color"</span> <span class="pjs-token pjs-punctuation">:</span> white<span class="pjs-token pjs-punctuation">,</span>
   <span class="pjs-token pjs-string">"counter-background-color"</span> <span class="pjs-token pjs-punctuation">:</span> <span class="pjs-token pjs-string">"accent"</span><span class="pjs-token pjs-punctuation">,</span>
 <span class="pjs-token pjs-punctuation">)</span><span class="pjs-token pjs-punctuation">;</span></code></pre>
@@ -5240,7 +5238,7 @@
 <li><strong>Group:</strong> counter-list</li>
 <li><strong>Type:</strong> variable</li>
 <li><strong>Lines (comments):</strong> 11-23</li>
-<li><strong>Lines (code):</strong> 25-39</li>
+<li><strong>Lines (code):</strong> 25-37</li>
 </ul>
 </details>
 <h4 id="map-properties" tabindex="-1">Map Properties</h4>
@@ -5257,14 +5255,14 @@
 <tr>
 <td style="text-align:left">margin</td>
 <td style="text-align:left">List</td>
-<td style="text-align:left">CssUnit</td>
 <td style="text-align:left">(2rem 0)</td>
+<td style="text-align:left">The top and bottom margin of the list.</td>
 </tr>
 <tr>
 <td style="text-align:left">item-margin</td>
 <td style="text-align:left">List</td>
-<td style="text-align:left">CssUnit</td>
 <td style="text-align:left">(0, 0, 1rem, 0)</td>
+<td style="text-align:left">The margin applied to each list item.</td>
 </tr>
 <tr>
 <td style="text-align:left">align-items</td>
@@ -5274,19 +5272,19 @@
 </tr>
 <tr>
 <td style="text-align:left">counter-width</td>
-<td style="text-align:left">CssUnit</td>
+<td style="text-align:left">Length</td>
 <td style="text-align:left">2.4em</td>
 <td style="text-align:left">The width and height (if height is falsy)</td>
 </tr>
 <tr>
 <td style="text-align:left">counter-height</td>
-<td style="text-align:left">CssUnit</td>
+<td style="text-align:left">Length</td>
 <td style="text-align:left">null</td>
 <td style="text-align:left">The height (optional)</td>
 </tr>
 <tr>
 <td style="text-align:left">counter-gap</td>
-<td style="text-align:left">CssUnit</td>
+<td style="text-align:left">Length</td>
 <td style="text-align:left">1em</td>
 <td style="text-align:left">The gap between the counter and the list item content.</td>
 </tr>
@@ -5304,21 +5302,21 @@
 </tr>
 <tr>
 <td style="text-align:left">counter-font-size</td>
-<td style="text-align:left">CssUnit</td>
+<td style="text-align:left">Length</td>
 <td style="text-align:left">1.2em</td>
 <td style="text-align:left">The font-size of the counter text.</td>
 </tr>
 <tr>
 <td style="text-align:left">counter-color</td>
-<td style="text-align:left">Color</td>
 <td style="text-align:left">String</td>
 <td style="text-align:left">white</td>
+<td style="text-align:left">The text color of the counter. Accepts color names or hex codes.</td>
 </tr>
 <tr>
 <td style="text-align:left">counter-background-color</td>
-<td style="text-align:left">Color</td>
 <td style="text-align:left">String</td>
 <td style="text-align:left">&quot;accent&quot;</td>
+<td style="text-align:left">The background color of the counter. Refers to a color in the color module.</td>
 </tr>
 </tbody>
 </table>
@@ -5336,8 +5334,8 @@
 <li><strong>File:</strong> _counter-list.scss</li>
 <li><strong>Group:</strong> counter-list</li>
 <li><strong>Type:</strong> mixin</li>
-<li><strong>Lines (comments):</strong> 41-44</li>
-<li><strong>Lines (code):</strong> 46-48</li>
+<li><strong>Lines (comments):</strong> 39-42</li>
+<li><strong>Lines (code):</strong> 44-46</li>
 </ul>
 </details>
 <h4 id="examples" tabindex="-1">Examples</h4>
@@ -5376,8 +5374,8 @@
 <li><strong>File:</strong> _counter-list.scss</li>
 <li><strong>Group:</strong> counter-list</li>
 <li><strong>Type:</strong> mixin</li>
-<li><strong>Lines (comments):</strong> 59-66</li>
-<li><strong>Lines (code):</strong> 68-137</li>
+<li><strong>Lines (comments):</strong> 57-64</li>
+<li><strong>Lines (code):</strong> 66-133</li>
 </ul>
 </details>
 <div class="callout callout--demo crop-margins">
@@ -5416,8 +5414,8 @@
 <li><strong>File:</strong> _counter-list.scss</li>
 <li><strong>Group:</strong> counter-list</li>
 <li><strong>Type:</strong> function</li>
-<li><strong>Lines (comments):</strong> 50-53</li>
-<li><strong>Lines (code):</strong> 55-57</li>
+<li><strong>Lines (comments):</strong> 48-51</li>
+<li><strong>Lines (code):</strong> 53-55</li>
 </ul>
 </details>
 <h4 id="examples-2" tabindex="-1">Examples</h4>

package/js/ui/slider.js

@@ -128,8 +128,9 @@ export class Slider {
     iconClassPrevious: wrapSettingString("iconClassPrevious"),
     iconClassNext: wrapSettingString("iconClassNext"),
     swipeEnabled: true,
-    
-    // transition: true
+    swipeOptions: {
+      preventScroll: true
+    }
   }
   constructor(elements, config) {
     const options = Object.assign({}, Slider.defaults, config);
@@ -422,19 +423,23 @@ export class Slider {
     }
   }
   setupSwipe() {
-    const { track } = this.elements;
     const images = this.elements.track.querySelectorAll("img");
     
     // Cache for future destroy
-    this.swipeInstance = setupSwipeListener(track);
+    // this.swipeInstance = setupSwipeListener(track, {
+    //   preventScroll: true
+    // });
     this.swipeListener = (event) => {
       this.onSwipe(event);
     }
     this.swipeImageListener = (event) => {
       event.preventDefault(); // Allow swiping on images
     };
-
-    track.addEventListener("swipe", this.swipeListener);
+    this.slides.forEach(slide => {
+      const { element } = slide;
+      slide.swipeInstance = setupSwipeListener(element, this.options.swipeOptions);
+      element.addEventListener("swipe", this.swipeListener);
+    });
     
     images.forEach(image => {
       image.addEventListener('dragstart', this.swipeImageListener);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ulu/frontend",
-  "version": "0.1.0-beta.57",
+  "version": "0.1.0-beta.59",
   "description": "Modular Sass Theming Library",
   "browser": "js/index.js",
   "main": "index.js",
@@ -90,7 +90,7 @@
   },
   "dependencies": {
     "@floating-ui/dom": "^1.6.5",
-    "@ulu/utils": "^0.0.20",
+    "@ulu/utils": "^0.0.21",
     "ally.js": "^1.4.1",
     "aria-tablist": "^1.2.2",
     "swipe-listener" : "^1.3.0"

package/types/ui/index.d.ts

@@ -20,5 +20,5 @@ export * as printDetails from "./print-details.js";
 export * as scrollSlider from "./scroll-slider.js";
 export * as themeToggle from "./theme-toggle.js";
 export * as detailsGroup from "./details-group.js";
-declare namespace ___Users_joe_Projects_Personal_Github_frontend_js_ui_index_ { }
+declare namespace ___Users_joescherben_Personal_Projects_ULU_frontend_js_ui_index_ { }
 //# sourceMappingURL=index.d.ts.map

package/types/ui/slider.d.ts

@@ -33,6 +33,9 @@ export class Slider {
         iconClassPrevious: any;
         iconClassNext: any;
         swipeEnabled: boolean;
+        swipeOptions: {
+            preventScroll: boolean;
+        };
     };
     constructor(elements: any, config: any);
     options: any;

package/types/ui/slider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"slider.d.ts","sourceRoot":"","sources":["../../js/ui/slider.js"],"names":[],"mappings":"AAyEA;;GAEG;AACH,6BASC;AAED;;;;GAIG;AACH,uCAHW,IAAI,sBAkBd;AAlED;;GAEG;AACH,+CAGG;AA8DH;;GAEG;AACH;IACE,wBAAsB;IACtB;;OAEG;IACH;;;;;;;;;;;;;MAeC;IACD,wCAmCC;IAjCC,aAAsB;IACtB;;;;MAAiB;IACjB,WAAiB;IACjB,mBAAyB;IACzB,oCAAyB;IACzB,yCAA8B;IAC9B,uBAA0B;IAQ1B;;;;QAME;IACF,cAIC;IAED;;;cACuF;IAMzF;;OAEG;IACH,qBAKC;IACD;;OAEG;IACH,2BAOC;IACD;;OAEG;IACH,uBAMC;IACD;;;;;;OAMG;IACH,8BAJW,MAAM,YACN,MAAM,kCAqChB;IACD;;OAEG;IACH,wCASC;IACD;;;OAGG;IACH,oDASC;IACD;;OAEG;IACH,yCAOC;IACD;;OAEG;IACH;;;;;;sBAoDC;IACD;;OAEG;IACH;;;sBAUC;IACD;;OAEG;IACH;;;YAOC;IACD,qDA0CC;IACD,cAmBC;IACD,mBAkBC;IACD,0BAMC;IACD,+BAKC;IACD,qCAOC;IACD,mBAQC;IACD,mBASC;IACD,yCASC;IACD,oDAUC;IACD;;;;;;MAwBC;IACD;;;;MAmBC;IACD,2DAQC;IACD,uCAMC;IACD,kCAEC;IACD,iCAIC;CACF;qCA5hBoC,oBAAoB"}
+{"version":3,"file":"slider.d.ts","sourceRoot":"","sources":["../../js/ui/slider.js"],"names":[],"mappings":"AAyEA;;GAEG;AACH,6BASC;AAED;;;;GAIG;AACH,uCAHW,IAAI,sBAkBd;AAlED;;GAEG;AACH,+CAGG;AA8DH;;GAEG;AACH;IACE,wBAAsB;IACtB;;OAEG;IACH;;;;;;;;;;;;;;;;MAgBC;IACD,wCAmCC;IAjCC,aAAsB;IACtB;;;;MAAiB;IACjB,WAAiB;IACjB,mBAAyB;IACzB,oCAAyB;IACzB,yCAA8B;IAC9B,uBAA0B;IAQ1B;;;;QAME;IACF,cAIC;IAED;;;cACuF;IAMzF;;OAEG;IACH,qBAKC;IACD;;OAEG;IACH,2BAOC;IACD;;OAEG;IACH,uBAMC;IACD;;;;;;OAMG;IACH,8BAJW,MAAM,YACN,MAAM,kCAqChB;IACD;;OAEG;IACH,wCASC;IACD;;;OAGG;IACH,oDASC;IACD;;OAEG;IACH,yCAOC;IACD;;OAEG;IACH;;;;;;sBAoDC;IACD;;OAEG;IACH;;;sBAUC;IACD;;OAEG;IACH;;;YAOC;IACD,qDA0CC;IACD,cAmBC;IACD,mBAsBC;IACD,0BAMC;IACD,+BAKC;IACD,qCAOC;IACD,mBAQC;IACD,mBASC;IACD,yCASC;IACD,oDAUC;IACD;;;;;;MAwBC;IACD;;;;MAmBC;IACD,2DAQC;IACD,uCAMC;IACD,kCAEC;IACD,iCAIC;CACF;qCAjiBoC,oBAAoB"}

package/types/utils/index.d.ts

@@ -6,5 +6,5 @@ export * as index from "./index.js";
 export * as pauseYoutubeVideo from "./pause-youtube-video.js";
 export * as fileSave from "./file-save.js";
 export * as fontAwesome from "./font-awesome.js";
-declare namespace ___Users_joe_Projects_Personal_Github_frontend_js_utils_index_ { }
+declare namespace ___Users_joescherben_Personal_Projects_ULU_frontend_js_utils_index_ { }
 //# sourceMappingURL=index.d.ts.map