@ulu/frontend 0.3.1 → 0.3.3

package/dist/es/index.js

@@ -3,8 +3,8 @@ import { getDefaultSettings as l, getSetting as n, getSettings as p, updateSetti
 import { ComponentInitializer as m } from "./core/component.js";
 import { BreakpointManager as I } from "./ui/breakpoints.js";
 import { Collapsible as S } from "./ui/collapsible.js";
-import { init as D, initializer as C, setupGroup as v } from "./ui/details-group.js";
-import { baseAttribute as y, closeAttribute as T, defaults as B, getDialogOptions as P, init as h, initializer as A, setDefaults as L, setupDialog as k, setupTrigger as G } from "./ui/dialog.js";
+import { init as D, initializer as v, setupGroup as C } from "./ui/details-group.js";
+import { baseAttribute as T, closeAttribute as y, defaults as B, getDialogOptions as P, init as h, initializer as A, setDefaults as L, setupDialog as k, setupTrigger as G } from "./ui/dialog.js";
 import { Flipcard as M, init as w, initializer as U } from "./ui/flipcard.js";
 import { init as F, initializer as O } from "./ui/grid.js";
 import { buildModal as N, defaults as R, init as W, initializer as K, setDefaults as j } from "./ui/modal-builder.js";
@@ -17,8 +17,8 @@ import { attrs as ne, init as pe } from "./ui/print-details.js";
 import { init as ue } from "./ui/print.js";
 import { attachHandlers as de, defaults as me, init as xe, initializer as Ie, setDefaults as ce, setupProxy as Se } from "./ui/proxy-click.js";
 import { Resizer as De } from "./ui/resizer.js";
-import { init as ve, initializer as be } from "./ui/scroll-slider.js";
-import { Scrollpoint as Te, init as Be, initializer as Pe } from "./ui/scrollpoint.js";
+import { init as Ce, initializer as be } from "./ui/scroll-slider.js";
+import { Scrollpoint as ye, init as Be, initializer as Pe } from "./ui/scrollpoint.js";
 import { Slider as Ae, init as Le, initializer as ke, setupSlider as Ge } from "./ui/slider.js";
 import { TabManager as Me } from "./ui/tab-manager.js";
 import { init as Ue, initializer as Ve, instances as Fe, setup as Oe } from "./ui/tabs.js";
@@ -32,6 +32,7 @@ import { configureIcons as ut } from "./utils/font-awesome.js";
 import { ensureId as dt, newId as mt } from "./utils/id.js";
 import { pauseVideos as It, prepVideos as ct } from "./utils/pause-youtube-video.js";
 import { getSoleIframeLayout as zt } from "./utils/iframe.js";
+import { observeDialogToggle as vt } from "./utils/dialog.js";
 export {
   I as BreakpointManager,
   S as Collapsible,
@@ -42,7 +43,7 @@ export {
   te as Popover,
   J as ProgrammaticModalManager,
   De as Resizer,
-  Te as Scrollpoint,
+  ye as Scrollpoint,
   Ae as Slider,
   Me as TabManager,
   Je as Tooltip,
@@ -54,10 +55,10 @@ export {
   i as createUluEvent,
   it as dataAttributeToDatasetKey,
   D as detailsGroupInit,
-  C as detailsGroupInitializer,
-  v as detailsGroupSetupGroup,
-  y as dialogBaseAttribute,
-  T as dialogCloseAttribute,
+  v as detailsGroupInitializer,
+  C as detailsGroupSetupGroup,
+  T as dialogBaseAttribute,
+  y as dialogCloseAttribute,
   B as dialogDefaults,
   P as dialogGetDialogOptions,
   h as dialogInit,
@@ -85,6 +86,7 @@ export {
   K as modalBuilderInitializer,
   j as modalBuilderSetDefaults,
   mt as newId,
+  vt as observeDialogToggle,
   Z as overflowScrollerCreatePager,
   $ as pageInit,
   ie as popoverGetContentByTrigger,
@@ -102,7 +104,7 @@ export {
   ce as proxyClickSetDefaults,
   Se as proxyClickSetupProxy,
   rt as resolveClasses,
-  ve as scrollSliderInit,
+  Ce as scrollSliderInit,
   be as scrollSliderInitializer,
   Be as scrollpointInit,
   Pe as scrollpointInitializer,

package/dist/es/ui/slider.d.ts

@@ -46,6 +46,7 @@ export class Slider {
     slide: {
         element: any;
         index: number;
+        id: any;
         number: number;
     } | null;
     index: any;
@@ -53,9 +54,11 @@ export class Slider {
     swipeListener: ((event: any) => void) | null;
     swipeImageListener: ((event: any) => void) | null;
     transitioning: boolean;
+    trackId: any;
     slides: {
         element: any;
         index: number;
+        id: any;
         number: number;
     }[];
     elements: any;
@@ -80,7 +83,7 @@ export class Slider {
      * doesn't start or fails to finish/cancel
      * @param {number} element
      * @param {number} duration Duration to wait for complete
-     * @param {Function} beginTransition Css changes to begin/start transtion
+     * @param {Function} beginTransition Css changes to begin/start transition
      */
     ensureTransitionEnds(element: number, duration: number, beginTransition: Function): Promise<any>;
     /**
@@ -88,7 +91,7 @@ export class Slider {
      */
     translateTo(x: any, duration: any): Promise<void>;
     /**
-     * Show's a specifc slide and hides others, except when passing true to show all
+     * Show's a specific slide and hides others, except when passing true to show all
      * then all slides will visible
      */
     setVisibility(activeSlide: any, showAll: any): void;
@@ -97,7 +100,7 @@ export class Slider {
      */
     fadeSlide(slide: any, visible: any): Promise<any>;
     /**
-     * Handler for the entire slide transtion
+     * Handler for the entire slide transition
      */
     slideTransition({ slide, index, old, oldIndex, triggerType }: {
         slide: any;
@@ -107,14 +110,14 @@ export class Slider {
         triggerType: any;
     }): Promise<void>;
     /**
-     * Handler for the entire fade transtion
+     * Handler for the entire fade transition
      */
     fadeTransition({ slide, old }: {
         slide: any;
         old: any;
     }): Promise<void>;
     /**
-     * Handler for the entire NO transtion
+     * Handler for the entire NO transition
      */
     noTransition({ slide, old }: {
         slide: any;

package/dist/es/ui/slider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"slider.d.ts","sourceRoot":"","sources":["../../../lib/js/ui/slider.js"],"names":[],"mappings":"AAgEA;;GAEG;AACH,6BASC;AAED;;;;GAIG;AACH,uCAHW,IAAI,WACJ,MAAM,QAiBhB;AA1DD;;GAEG;AACH,+CAGG;AAsDH;;GAEG;AACH;IACE,wBAAsB;IACtB,mCAAkC;IAClC,6BAA4B;IAE5B,kCAYC;IACD;;OAEG;IACH;;;;;;;;;;;;;;;;MAgBC;IACD,wCAoCC;IAjCC,aAAsB;IACtB;;;;aAAiB;IACjB,WAAiB;IACjB,mBAAyB;IACzB,6CAAyB;IACzB,kDAA8B;IAC9B,uBAA0B;IAQ1B;;;;QAME;IACF,cAIC;IAED;;;wBACgF;IAMlF;;OAEG;IACH,qBAKC;IACD;;OAEG;IACH,2BAOC;IACD;;OAEG;IACH,uBAMC;IACD;;;;;;OAMG;IACH,8BAJW,MAAM,YACN,MAAM,2CAqChB;IACD;;OAEG;IACH,kDASC;IACD;;;OAGG;IACH,oDASC;IACD;;OAEG;IACH,kDAOC;IACD;;OAEG;IACH;;;;;;sBAoDC;IACD;;OAEG;IACH;;;sBAUC;IACD;;OAEG;IACH;;;sBAOC;IACD,qDA2CC;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;qCA1iBoC,sBAAsB"}
+{"version":3,"file":"slider.d.ts","sourceRoot":"","sources":["../../../lib/js/ui/slider.js"],"names":[],"mappings":"AAiEA;;GAEG;AACH,6BASC;AAED;;;;GAIG;AACH,uCAHW,IAAI,WACJ,MAAM,QAiBhB;AA1DD;;GAEG;AACH,+CAGG;AAsDH;;GAEG;AACH;IACE,wBAAsB;IACtB,mCAAkC;IAClC,6BAA4B;IAE5B,kCAYC;IACD;;OAEG;IACH;;;;;;;;;;;;;;;;MAgBC;IACD,wCA4CC;IAzCC,aAAsB;IACtB;;;;;aAAiB;IACjB,WAAiB;IACjB,mBAAyB;IACzB,6CAAyB;IACzB,kDAA8B;IAC9B,uBAA0B;IAU1B,aAAgC;IAEhC;;;;;QAQE;IAGF,cAIC;IAED;;;wBACgF;IAMlF;;OAEG;IACH,qBAKC;IACD;;OAEG;IACH,2BAOC;IACD;;OAEG;IACH,uBAMC;IACD;;;;;;OAMG;IACH,8BAJW,MAAM,YACN,MAAM,2CAqChB;IACD;;OAEG;IACH,kDASC;IACD;;;OAGG;IACH,oDASC;IACD;;OAEG;IACH,kDAOC;IACD;;OAEG;IACH;;;;;;sBAoDC;IACD;;OAEG;IACH;;;sBAUC;IACD;;OAEG;IACH;;;sBAOC;IACD,qDA2CC;IACD,cAyBC;IACD,mBAsBC;IACD,0BAMC;IACD,+BAKC;IACD,qCAOC;IACD,mBAQC;IACD,mBASC;IACD,yCASC;IACD,oDAWC;IACD;;;;;;MAwBC;IACD;;;;MAmBC;IACD,2DASC;IACD,uCAMC;IACD,kCAEC;IACD,iCAIC;CACF;qCA3jBoC,sBAAsB"}

package/dist/es/ui/slider.js

@@ -1,70 +1,71 @@
-var $ = Object.defineProperty;
+var I = Object.defineProperty;
 var w = Object.getOwnPropertySymbols;
-var I = Object.prototype.hasOwnProperty, A = Object.prototype.propertyIsEnumerable;
-var b = (o, t, s) => t in o ? $(o, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : o[t] = s, v = (o, t) => {
+var A = Object.prototype.hasOwnProperty, z = Object.prototype.propertyIsEnumerable;
+var g = (r, t, s) => t in r ? I(r, t, { enumerable: !0, configurable: !0, writable: !0, value: s }) : r[t] = s, b = (r, t) => {
   for (var s in t || (t = {}))
-    I.call(t, s) && b(o, s, t[s]);
+    A.call(t, s) && g(r, s, t[s]);
   if (w)
     for (var s of w(t))
-      A.call(t, s) && b(o, s, t[s]);
-  return o;
+      z.call(t, s) && g(r, s, t[s]);
+  return r;
 };
-var f = (o, t, s) => b(o, typeof t != "symbol" ? t + "" : t, s);
-var y = (o, t, s) => new Promise((e, i) => {
+var f = (r, t, s) => g(r, typeof t != "symbol" ? t + "" : t, s);
+var y = (r, t, s) => new Promise((e, i) => {
   var n = (c) => {
     try {
-      r(s.next(c));
+      o(s.next(c));
     } catch (u) {
       i(u);
     }
   }, a = (c) => {
     try {
-      r(s.throw(c));
+      o(s.throw(c));
     } catch (u) {
       i(u);
     }
-  }, r = (c) => c.done ? e(c.value) : Promise.resolve(c.value).then(n, a);
-  r((s = s.apply(o, t)).next());
+  }, o = (c) => c.done ? e(c.value) : Promise.resolve(c.value).then(n, a);
+  o((s = s.apply(r, t)).next());
 });
-import { ComponentInitializer as z } from "../core/component.js";
+import { ComponentInitializer as D } from "../core/component.js";
 import { wrapSettingString as T } from "../core/settings.js";
-import { hasRequiredProps as D } from "@ulu/utils/object.js";
+import { ensureId as S } from "../utils/id.js";
+import { hasRequiredProps as M } from "@ulu/utils/object.js";
 import { trimWhitespace as L } from "@ulu/utils/string.js";
-import { debounce as M } from "@ulu/utils/performance.js";
-import { logError as x, log as B, logWarning as S } from "../utils/class-logger.js";
-import N from "swipe-listener";
-const C = new z({
+import { debounce as B } from "@ulu/utils/performance.js";
+import { logError as k, log as N, logWarning as x } from "../utils/class-logger.js";
+import q from "swipe-listener";
+const C = new D({
   type: "slider",
   baseAttribute: "data-ulu-slider"
-}), q = C.attributeSelector("track"), P = C.attributeSelector("track-container"), V = C.attributeSelector("control-context"), F = C.attributeSelector("slide"), H = [], m = { once: !0 }, k = (o) => `${o}ms`, O = [
+}), P = C.attributeSelector("track"), V = C.attributeSelector("track-container"), F = C.attributeSelector("control-context"), H = C.attributeSelector("slide"), O = [], m = { once: !0 }, $ = (r) => `${r}ms`, R = [
   "container",
   "trackContainer",
   "track",
   "slides"
 ];
-function Y() {
+function _() {
   C.init({
     withData: !0,
     coreEvents: ["pageModified"],
-    setup({ element: o, data: t, initialize: s }) {
-      R(o, t), s();
+    setup({ element: r, data: t, initialize: s }) {
+      j(r, t), s();
     }
   });
 }
-function R(o, t) {
+function j(r, t) {
   const s = Object.assign({}, t), e = {
-    container: o,
-    track: o.querySelector(q),
-    trackContainer: o.querySelector(P),
-    controlContext: o.querySelector(V),
-    slides: o.querySelectorAll(F)
+    container: r,
+    track: r.querySelector(P),
+    trackContainer: r.querySelector(V),
+    controlContext: r.querySelector(F),
+    slides: r.querySelectorAll(H)
   };
-  e.slides.length && H.push(new E(e, s, !1));
+  e.slides.length && O.push(new E(e, s, !1));
 }
 const l = class l {
   static _initializeGlobals() {
     l.globalsInitialized || (addEventListener("load", () => {
-      addEventListener("resize", M(() => {
+      addEventListener("resize", B(() => {
         l.instances.forEach((t) => t.handleResize());
       }, 250));
     }), l.reduceMotion = matchMedia("(prefers-reduced-motion: reduce)").matches, l.globalsInitialized = !0);
@@ -72,11 +73,12 @@ const l = class l {
   constructor(t, s) {
     l._initializeGlobals();
     const e = Object.assign({}, l.defaults, s);
-    this.options = e, this.slide = null, this.index = null, this.swipeInstance = null, this.swipeListener = null, this.swipeImageListener = null, this.transitioning = !1, D(O) || x(this, "Missing a required Element"), t.slides.length || x(this, "Missing slides"), this.slides = [...t.slides].map((i, n) => ({
+    this.options = e, this.slide = null, this.index = null, this.swipeInstance = null, this.swipeListener = null, this.swipeImageListener = null, this.transitioning = !1, M(R) || k(this, "Missing a required Element"), t.slides.length || k(this, "Missing slides"), S(t.track), this.trackId = t.track.id, this.slides = [...t.slides].map((i, n) => (S(i), {
       element: i,
       index: n,
+      id: i.id,
       number: n + 1
-    })), this.elements = v(v(v({}, t), this.createControls(t.controlContext || t.container)), this.createNav(t.navContext || t.container)), this.transition = e.transition ? e.transitionFade || l.reduceMotion ? this.fadeTransition : this.slideTransition : this.noTransition, this.setup(), this.goto(0, null, "init"), B(this, "Slider Instance Created", this), l.instances.push(this);
+    })), this.elements = b(b(b({}, t), this.createControls(t.controlContext || t.container)), this.createNav(t.navContext || t.container)), this.transition = e.transition ? e.transitionFade || l.reduceMotion ? this.fadeTransition : this.slideTransition : this.noTransition, this.setup(), this.goto(0, null, "init"), N(this, "Slider Instance Created", this), l.instances.push(this);
   }
   /**
    * Sliding mechanism needs translate updated on resize
@@ -104,16 +106,16 @@ const l = class l {
    * doesn't start or fails to finish/cancel
    * @param {number} element
    * @param {number} duration Duration to wait for complete 
-   * @param {Function} beginTransition Css changes to begin/start transtion 
+   * @param {Function} beginTransition Css changes to begin/start transition 
    */
   ensureTransitionEnds(t, s, e) {
     return new Promise((i) => {
       const n = {}, a = () => {
-        clearTimeout(n.start), n.end = setTimeout(r, s + 500);
-      }, r = () => {
-        clearTimeout(n.start), clearTimeout(n.end), t.removeEventListener("transitionrun", a, m), t.removeEventListener("transitionend", r, m), t.removeEventListener("transitioncancel", r, m), i();
+        clearTimeout(n.start), n.end = setTimeout(o, s + 500);
+      }, o = () => {
+        clearTimeout(n.start), clearTimeout(n.end), t.removeEventListener("transitionrun", a, m), t.removeEventListener("transitionend", o, m), t.removeEventListener("transitioncancel", o, m), i();
       };
-      t.addEventListener("transitionrun", a, m), t.addEventListener("transitionend", r, m), t.addEventListener("transitioncancel", r, m), n.start = setTimeout(r, s + 500), t.style.transitionDuration = k(s), e(), s || r();
+      t.addEventListener("transitionrun", a, m), t.addEventListener("transitionend", o, m), t.addEventListener("transitioncancel", o, m), n.start = setTimeout(o, s + 500), t.style.transitionDuration = $(s), e(), s || o();
     });
   }
   /**
@@ -126,7 +128,7 @@ const l = class l {
     });
   }
   /**
-   * Show's a specifc slide and hides others, except when passing true to show all
+   * Show's a specific slide and hides others, except when passing true to show all
    * then all slides will visible
    */
   setVisibility(t, s) {
@@ -144,17 +146,17 @@ const l = class l {
     });
   }
   /**
-   * Handler for the entire slide transtion
+   * Handler for the entire slide transition
    */
   slideTransition(a) {
     return y(this, arguments, function* ({ slide: t, index: s, old: e, oldIndex: i, triggerType: n }) {
-      const r = this.slides.length, c = n === "previous", u = r - 1, h = s === 0 && i === u, p = s === u && i === 0;
-      let d, g = this.options.transitionDuration;
-      i && !h && !p && (g = g * Math.abs(i - s)), r < 3 ? h && !c ? d = e : p && (d = c ? t : e) : h ? d = e : p && (d = t), this.setVisibility(null, !0), d && (d.element.style.order = "-1", yield this.translateTo(h ? 0 : e.element.offsetLeft, 0)), yield this.translateTo(t.element.offsetLeft, g), d && (d.element.style.order = "0", yield this.translateTo(t.element.offsetLeft, 0)), this.setVisibility(t, !1);
+      const o = this.slides.length, c = n === "previous", u = o - 1, h = s === 0 && i === u, p = s === u && i === 0;
+      let d, v = this.options.transitionDuration;
+      i && !h && !p && (v = v * Math.abs(i - s)), o < 3 ? h && !c ? d = e : p && (d = c ? t : e) : h ? d = e : p && (d = t), this.setVisibility(null, !0), d && (d.element.style.order = "-1", yield this.translateTo(h ? 0 : e.element.offsetLeft, 0)), yield this.translateTo(t.element.offsetLeft, v), d && (d.element.style.order = "0", yield this.translateTo(t.element.offsetLeft, 0)), this.setVisibility(t, !1);
     });
   }
   /**
-   * Handler for the entire fade transtion
+   * Handler for the entire fade transition
    */
   fadeTransition(e) {
     return y(this, arguments, function* ({ slide: t, old: s }) {
@@ -162,7 +164,7 @@ const l = class l {
     });
   }
   /**
-   * Handler for the entire NO transtion
+   * Handler for the entire NO transition
    */
   noTransition({ slide: t, old: s }) {
     return this.setVisibility(t, !1), s && (s.element.style.order = "0"), t.element.style.order = "-1", Promise.resolve();
@@ -172,24 +174,24 @@ const l = class l {
       slide: i,
       index: n,
       slides: a,
-      elements: r
+      elements: o
     } = this, c = e === "init", u = a[t], h = this.getClass("nav-button--active"), p = this.getClass("transition", !0), d = { slide: u, index: t, old: i, oldIndex: n, triggerType: e };
     if (t === n) {
-      S(this, "Could not goto slide, still performing transition");
+      x(this, "Could not goto slide, still performing transition");
       return;
     }
     if (this.transitioning) {
-      S(this, "Cancel goto(), same slide index as current slide");
+      x(this, "Cancel goto(), same slide index as current slide");
       return;
     }
-    this.elements.track.inert = !0, this.transitioning = !0, i && i.navButton.classList.remove(h), u.navButton.classList.add(h), r.container.classList.add(p), this.transition(d).then(() => {
-      this.index = t, this.slide = u, this.transitioning = !1, this.elements.track.inert = !1, r.container.classList.remove(p), c || (u.element.focus(), this.emit("goto", [s, t, u]));
+    this.elements.track.inert = !0, this.transitioning = !0, i && i.navButton.classList.remove(h), u.navButton.classList.add(h), o.container.classList.add(p), this.transition(d).then(() => {
+      this.index = t, this.slide = u, this.transitioning = !1, this.elements.track.inert = !1, o.container.classList.remove(p), c || (u.element.focus(), this.emit("goto", [s, t, u]));
     });
   }
   setup() {
     const { container: t, track: s, trackContainer: e } = this.elements, i = L(this.trackCss()), n = L(this.trackContainerStyles()), a = L(this.slideCss());
-    s.setAttribute("style", i), e.setAttribute("style", n), this.slides.forEach((r) => {
-      r.element.setAttribute("style", a), r.element.setAttribute("tabindex", "-1");
+    s.setAttribute("style", i), e.setAttribute("style", n), s.setAttribute("aria-live", "polite"), this.slides.forEach((o) => {
+      o.element.setAttribute("style", a), o.element.setAttribute("tabindex", "-1"), o.element.setAttribute("role", "group"), o.element.setAttribute("aria-roledescription", "slide"), o.element.setAttribute("aria-label", `Slide ${o.number} of ${this.slides.length}`);
     }), t.classList.add(this.getClass()), this.options.swipeEnabled && this.setupSwipe();
   }
   setupSwipe() {
@@ -200,7 +202,7 @@ const l = class l {
       s.preventDefault();
     }, this.slides.forEach((s) => {
       const { element: e } = s;
-      s.swipeInstance = N(e, this.options.swipeOptions), e.addEventListener("swipe", this.swipeListener);
+      s.swipeInstance = q(e, this.options.swipeOptions), e.addEventListener("swipe", this.swipeListener);
     }), t.forEach((s) => {
       s.addEventListener("dragstart", this.swipeImageListener);
     });
@@ -218,7 +220,7 @@ const l = class l {
     const { transitionTimingFunction: s, transitionDuration: e } = this.options;
     return `
       transition-property: ${t};
-      transition-duration: ${k(e)};
+      transition-duration: ${$(e)};
       transition-timing-function: ${s};
     `;
   }
@@ -245,7 +247,7 @@ const l = class l {
   }
   createControlButton(t) {
     const s = document.createElement("button");
-    return s.classList.add(this.getClass("control-button")), s.classList.add(this.getClass(`control-button--${t}`)), s.classList.add(...this.options.buttonClasses), s.setAttribute("data-slider-control", t), s.setAttribute("type", "button"), s.innerHTML = this.getControlContent(t), s;
+    return s.classList.add(this.getClass("control-button")), s.classList.add(this.getClass(`control-button--${t}`)), s.classList.add(...this.options.buttonClasses), s.setAttribute("data-slider-control", t), s.setAttribute("type", "button"), s.setAttribute("aria-controls", this.trackId), s.innerHTML = this.getControlContent(t), s;
   }
   createControls(t) {
     const s = document.createElement("ul"), e = document.createElement("li"), i = document.createElement("li"), n = this.createControlButton("previous"), a = this.createControlButton("next");
@@ -270,7 +272,7 @@ const l = class l {
   }
   createNavButton(t, s) {
     const e = document.createElement("button");
-    return e.classList.add(this.getClass("nav-button")), e.setAttribute("type", "button"), e.innerHTML = this.getNavContent(t), t.navButton = e, e.addEventListener("click", this.goto.bind(this, s)), e;
+    return e.classList.add(this.getClass("nav-button")), e.setAttribute("type", "button"), e.setAttribute("aria-controls", t.id), e.innerHTML = this.getNavContent(t), t.navButton = e, e.addEventListener("click", this.goto.bind(this, s)), e;
   }
   getControlContent(t) {
     const s = this.options[t === "next" ? "iconClassNext" : "iconClassPrevious"];
@@ -309,7 +311,7 @@ f(l, "defaults", {
 let E = l;
 export {
   E as Slider,
-  Y as init,
+  _ as init,
   C as initializer,
-  R as setupSlider
+  j as setupSlider
 };

package/dist/es/utils/index.d.ts

@@ -1,6 +1,7 @@
 export { FileSave } from './file-save.js';
 export { configureIcons as fontAwesomeConfigureIcons } from './font-awesome.js';
 export { getSoleIframeLayout } from './iframe.js';
+export { observeDialogToggle } from './dialog.js';
 export { set as classLoggerSet, log as classLoggerLog, logWarning as classLoggerLogWarning, logError as classLoggerLogError } from './class-logger.js';
 export { dataAttributeToDatasetKey, setPositionClasses, resolveClasses } from './dom.js';
 export { defaults as floatingUiDefaults, createFloatingUi } from './floating-ui.js';