@ulu/frontend-vue 0.2.0-beta.8 → 0.3.0

package/dist/components/elements/UluSlider.vue.js

@@ -0,0 +1,277 @@
+import { ref as a, computed as et, watch as it, onMounted as lt, nextTick as z, onBeforeUnmount as ot, createElementBlock as y, openBlock as p, normalizeClass as L, unref as M, createElementVNode as d, createCommentVNode as G, Fragment as X, renderList as H, renderSlot as C, createVNode as J, toDisplayString as st } from "vue";
+import { useModifiers as nt } from "../../composables/useModifiers.js";
+import { newId as at } from "../../utils/dom.js";
+import K from "./UluIcon.vue.js";
+const rt = { class: "slider__control-context" }, ut = {
+  class: "slider__track-crop",
+  style: { overflow: "hidden" }
+}, ct = ["id", "inert", "aria-live"], dt = ["id", "aria-label", "inert", "aria-hidden"], vt = {
+  key: 0,
+  class: "Slider__controls"
+}, ft = { class: "Slider__controls-item Slider__controls-item--previous" }, mt = ["aria-controls", "disabled"], yt = { class: "Slider__controls-item Slider__controls-item--next" }, pt = ["aria-controls", "disabled"], _t = {
+  key: 0,
+  class: "Slider__nav"
+}, bt = ["onClick", "aria-controls", "aria-label", "aria-current"], gt = { class: "hidden-visually" }, $t = {
+  __name: "UluSlider",
+  props: {
+    /**
+     * Array of slide items.
+     */
+    items: {
+      type: Array,
+      required: !0
+    },
+    /**
+     * Transition type: 'slide', 'fade', or 'none'.
+     */
+    transition: {
+      type: String,
+      default: "slide",
+      validator: (r) => ["slide", "fade", "none"].includes(r)
+    },
+    /**
+     * Transition duration in milliseconds.
+     */
+    duration: {
+      type: Number,
+      default: 700
+    },
+    /**
+     * Easing function for the transition.
+     */
+    timingFunction: {
+      type: String,
+      default: "ease-in-out"
+    },
+    /**
+     * Enable infinite looping.
+     */
+    loop: {
+      type: Boolean,
+      default: !0
+    },
+    /**
+     * Show dot navigation.
+     */
+    nav: {
+      type: Boolean,
+      default: !0
+    },
+    /**
+     * Show previous/next controls.
+     */
+    controls: {
+      type: Boolean,
+      default: !0
+    },
+    /**
+     * Autoplay duration in ms. If > 0, autoplay is enabled.
+     */
+    autoplay: {
+      type: Number,
+      default: 0
+    },
+    /**
+     * Automatically switch to 'fade' transition if OS prefers reduced motion.
+     */
+    reduceMotionFallback: {
+      type: Boolean,
+      default: !0
+    },
+    /**
+     * Setting for element.focus() when navigating to a specific slide.
+     */
+    focusOptions: {
+      type: Object,
+      default: () => ({
+        preventScroll: !0,
+        focusVisible: !1
+      })
+    },
+    /**
+     * Base class modifiers.
+     */
+    modifiers: [String, Array]
+  },
+  emits: ["change"],
+  setup(r, { emit: Q }) {
+    const o = r, W = Q, k = at("ulu-slider-track"), N = (t) => `${k}-slide-${t}`, h = a(null), u = a([]), s = a(0), _ = a(!1), R = a(!1), { resolvedModifiers: Y } = nt({ props: o, baseClass: "slider" }), A = et(() => o.transition === "none" ? "none" : o.reduceMotionFallback && R.value ? "fade" : o.transition), Z = (t, l) => {
+      t && (u.value[l] = t);
+    }, x = (t) => {
+      if (!o.items || o.items.length === 0) return !1;
+      const l = s.value === o.items.length - 1 ? 0 : s.value + 1, e = s.value === 0 ? o.items.length - 1 : s.value - 1;
+      return t === l || t === e;
+    }, S = a(null), T = () => {
+      o.autoplay > 0 && ($(), S.value = setInterval(() => {
+        D();
+      }, o.autoplay));
+    }, $ = () => {
+      S.value && (clearInterval(S.value), S.value = null);
+    }, O = () => $(), V = () => T();
+    it(() => o.autoplay, () => {
+      T();
+    }), a(0), a(0), a(null), a([]), a(!1);
+    const b = (t, l) => {
+      u.value.forEach((e, i) => {
+        e && (l ? e.style.visibility = "visible" : e.style.visibility = i === t ? "visible" : "hidden");
+      });
+    }, f = (t, l) => {
+      const e = h.value;
+      e && (e.style.transitionProperty = "transform", e.style.transitionDuration = `${l}ms`, e.style.transitionTimingFunction = o.timingFunction, e.style.transform = `translateX(-${t}px)`);
+    }, I = (t, l, e) => {
+      const i = u.value[t];
+      i && (i.style.transitionProperty = "opacity", i.style.transitionDuration = `${e}ms`, i.style.transitionTimingFunction = o.timingFunction, i.style.opacity = l);
+    }, g = (t, l) => {
+      const e = u.value[t];
+      e && (e.style.order = l);
+    }, w = (t) => u.value[t]?.offsetLeft || 0, F = (t, l) => new Promise((e) => {
+      if (l <= 0 || !t) {
+        e();
+        return;
+      }
+      let i = null, v = null;
+      const c = () => {
+        clearTimeout(i), clearTimeout(v), t.removeEventListener("transitionrun", m), t.removeEventListener("transitionend", c), t.removeEventListener("transitioncancel", c), e();
+      }, m = () => {
+        clearTimeout(i), v = setTimeout(c, l + 500);
+      };
+      t.addEventListener("transitionrun", m, { once: !0 }), t.addEventListener("transitionend", c, { once: !0 }), t.addEventListener("transitioncancel", c, { once: !0 }), i = setTimeout(c, l + 500);
+    }), E = async (t, l = "nav") => {
+      if (t === s.value || _.value || !o.items || o.items.length === 0) return;
+      _.value = !0, $();
+      const e = s.value, i = o.items.length, v = l === "previous", c = i - 1, m = t === 0 && e === c, B = t === c && e === 0, U = A.value;
+      if (U === "slide") {
+        let n = null, j = 1;
+        e !== null && !m && !B && (j = Math.abs(e - t)), i < 3 ? m && !v ? n = e : B && (n = v ? t : e) : m ? n = e : B && (n = t), b(null, !0), n !== null && (g(n, "-1"), f(m ? 0 : w(e), 0));
+        const q = o.duration * Math.min(j, i);
+        h.value?.getBoundingClientRect(), f(w(t), q), await F(h.value, q), n !== null && (g(n, "0"), f(w(t), 0), await z(), h.value?.getBoundingClientRect()), b(t, !1);
+      } else if (U === "fade") {
+        const n = o.duration;
+        b(null, !0), e !== null && (I(e, "0", n), await F(u.value[e], n), g(e, "0")), f(0, 0), g(t, "-1"), u.value[t]?.getBoundingClientRect(), I(t, "1", n), await F(u.value[t], n), b(t, !1);
+      } else
+        b(null, !0), e !== null && (g(e, "0"), I(e, "1", 0)), f(0, 0), g(t, "-1"), I(t, "1", 0), b(t, !1);
+      if (s.value = t, _.value = !1, l !== "init") {
+        const n = u.value[t];
+        n && n.focus && n.focus(o.focusOptions), W("change", { index: t, item: o.items[t] });
+      }
+      T();
+    }, P = (t) => {
+      if (!o.items) return;
+      const l = o.items.length;
+      if (l === 0) return;
+      const i = t === "next" ? s.value + 1 : s.value - 1;
+      i > l - 1 ? o.loop && E(0, t) : i < 0 ? o.loop && E(l - 1, t) : E(i, t);
+    }, D = () => P("next"), tt = () => P("previous");
+    return lt(() => {
+      typeof window < "u" && (R.value = window.matchMedia("(prefers-reduced-motion: reduce)").matches), z(() => {
+        const t = A.value === "slide";
+        u.value.forEach((l, e) => {
+          l && (l.style.visibility = e === s.value ? "visible" : "hidden", t ? (l.style.opacity = "1", l.style.order = "0") : (l.style.opacity = e === s.value ? "1" : "0", l.style.order = e === s.value ? "-1" : "0"));
+        }), f(t ? w(s.value) : 0, 0), T();
+      });
+    }), ot(() => {
+      $();
+    }), (t, l) => (p(), y("div", {
+      class: L(["slider", [M(Y), { "slider--transitioning": _.value }]]),
+      onMouseenter: O,
+      onMouseleave: V,
+      onFocusin: O,
+      onFocusout: V
+    }, [
+      d("div", rt, [
+        d("div", ut, [
+          d("ul", {
+            class: "slider__track",
+            id: M(k),
+            ref_key: "trackRef",
+            ref: h,
+            style: { display: "flex", "list-style": "none", position: "relative", margin: "0", padding: "0" },
+            inert: _.value,
+            "aria-live": S.value ? "off" : "polite"
+          }, [
+            (p(!0), y(X, null, H(r.items, (e, i) => (p(), y("li", {
+              key: i,
+              id: N(i),
+              class: L(["slider__slide", { "is-active": i === s.value }]),
+              style: { flex: "0 0 100%", width: "100%", visibility: "hidden" },
+              tabindex: "-1",
+              role: "group",
+              "aria-roledescription": "slide",
+              "aria-label": `Slide ${i + 1} of ${r.items.length}`,
+              inert: !_.value && i !== s.value,
+              "aria-hidden": i !== s.value,
+              ref_for: !0,
+              ref: (v) => Z(v, i)
+            }, [
+              C(t.$slots, "slide", {
+                item: e,
+                index: i,
+                active: i === s.value,
+                upcoming: x(i)
+              })
+            ], 10, dt))), 128))
+          ], 8, ct)
+        ]),
+        r.controls ? (p(), y("ul", vt, [
+          d("li", ft, [
+            d("button", {
+              class: "Slider__control-button Slider__control-button--previous button button--icon",
+              "aria-label": "Previous Slide",
+              "aria-controls": M(k),
+              onClick: l[0] || (l[0] = (e) => tt()),
+              disabled: !r.loop && s.value === 0
+            }, [
+              C(t.$slots, "previous", {}, () => [
+                J(K, {
+                  icon: "type:previous",
+                  class: "Slider__control-icon"
+                })
+              ])
+            ], 8, mt)
+          ]),
+          d("li", yt, [
+            d("button", {
+              class: "Slider__control-button Slider__control-button--next button button--icon",
+              "aria-label": "Next Slide",
+              "aria-controls": M(k),
+              onClick: l[1] || (l[1] = (e) => D()),
+              disabled: !r.loop && s.value === o.items.length - 1
+            }, [
+              C(t.$slots, "next", {}, () => [
+                J(K, {
+                  icon: "type:next",
+                  class: "Slider__control-icon"
+                })
+              ])
+            ], 8, pt)
+          ])
+        ])) : G("", !0)
+      ]),
+      r.nav ? (p(), y("ul", _t, [
+        (p(!0), y(X, null, H(r.items, (e, i) => (p(), y("li", {
+          key: i,
+          class: "Slider__nav-item"
+        }, [
+          d("button", {
+            class: L(["Slider__nav-button", { "Slider__nav-button--active": i === s.value }]),
+            onClick: (v) => E(i, "nav"),
+            "aria-controls": N(i),
+            "aria-label": `Go to slide ${i + 1}`,
+            "aria-current": i === s.value ? "true" : null
+          }, [
+            C(t.$slots, "nav", {
+              item: e,
+              index: i,
+              active: i === s.value
+            }, () => [
+              d("span", gt, "Item " + st(i + 1), 1)
+            ])
+          ], 10, bt)
+        ]))), 128))
+      ])) : G("", !0)
+    ], 34));
+  }
+};
+export {
+  $t as default
+};

package/dist/components/forms/UluFormFile.vue.d.ts

@@ -5,15 +5,15 @@ type __VLS_WithTemplateSlots<T, S> = T & (new () => {
 });
 declare const __VLS_component: import('vue').DefineComponent<{}, {
     $emit: (event: "file-change", ...args: any[]) => void;
-    label: string;
     required: boolean;
+    label: string;
     labelHidden: boolean;
     noClasses: boolean;
     multiple: boolean;
     inputAttrs?: Record<string, any> | undefined;
     $props: {
-        readonly label?: string | undefined;
         readonly required?: boolean | undefined;
+        readonly label?: string | undefined;
         readonly labelHidden?: boolean | undefined;
         readonly noClasses?: boolean | undefined;
         readonly multiple?: boolean | undefined;

package/dist/components/forms/UluFormRadio.vue.d.ts

@@ -6,16 +6,16 @@ type __VLS_WithTemplateSlots<T, S> = T & (new () => {
 declare const __VLS_component: import('vue').DefineComponent<{}, {
     $emit: (event: "update:modelValue", ...args: any[]) => void;
     required: boolean;
-    name?: string | undefined;
-    value?: string | number | undefined;
     modelValue?: string | number | undefined;
+    value?: string | number | undefined;
     label?: string | undefined;
+    name?: string | undefined;
     $props: {
         readonly required?: boolean | undefined;
-        readonly name?: string | undefined;
-        readonly value?: string | number | undefined;
         readonly modelValue?: string | number | undefined;
+        readonly value?: string | number | undefined;
         readonly label?: string | undefined;
+        readonly name?: string | undefined;
     };
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 type __VLS_TemplateResult = {

package/dist/components/index.d.ts

@@ -15,13 +15,18 @@ export { default as UluBadgeStack } from './elements/UluBadgeStack.vue';
 export { default as UluButton } from './elements/UluButton.vue';
 export { default as UluButtonVerbose } from './elements/UluButtonVerbose.vue';
 export { default as UluCallout } from './elements/UluCallout.vue';
+export { default as UluCaptionedFigure } from './elements/UluCaptionedFigure.vue';
 export { default as UluCard } from './elements/UluCard.vue';
 export { default as UluDefinitionList } from './elements/UluDefinitionList.vue';
 export { default as UluExternalLink } from './elements/UluExternalLink.vue';
 export { default as UluIcon } from './elements/UluIcon.vue';
+export { default as UluImage } from './elements/UluImage.vue';
 export { default as UluList } from './elements/UluList.vue';
 export { default as UluMain } from './elements/UluMain.vue';
+export { default as UluOverflowScroller } from './elements/UluOverflowScroller.vue';
 export { default as UluRule } from './elements/UluRule.vue';
+export { default as UluScrollSlider } from './elements/UluScrollSlider.vue';
+export { default as UluSlider } from './elements/UluSlider.vue';
 export { default as UluSpokeSpinner } from './elements/UluSpokeSpinner.vue';
 export { default as UluTag } from './elements/UluTag.vue';
 export { default as UluSelectableMenu } from './forms/UluSelectableMenu.vue';
@@ -50,6 +55,7 @@ export { default as UluMenuStack } from './navigation/UluMenuStack.vue';
 export { default as UluNavStrip } from './navigation/UluNavStrip.vue';
 export { default as UluPager } from './navigation/UluPager.vue';
 export { default as UluSkipLink } from './navigation/UluSkipLink.vue';
+export { default as UluAction } from './utils/UluAction.vue';
 export { default as UluConditionalText } from './utils/UluConditionalText.vue';
 export { default as UluConditionalWrapper } from './utils/UluConditionalWrapper.vue';
 export { default as UluEmpty } from './utils/UluEmpty.vue';

package/dist/components/layout/UluTitleRail.vue.d.ts

@@ -1,91 +1,33 @@
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-    /**
-     * Icon to display next to the title.
-     */
-    icon: StringConstructor;
-    /**
-     * The alignment of the icon with the title.
-     */
-    iconAlign: {
-        type: StringConstructor;
-        default: string;
-    };
-    /**
-     * Classes for the different elements in the component.
-     */
-    classes: {
-        type: ObjectConstructor;
-        default: () => {
-            title: string;
-            icon: string;
-        };
-    };
-    /**
-     * The title to display.
-     */
-    title: StringConstructor;
-    /**
-     * The HTML element to use for the title.
-     */
-    titleElement: {
-        type: StringConstructor;
-        default: string;
-    };
-    /**
-     * If true, a rule will be displayed under the title.
-     */
-    rule: BooleanConstructor;
-}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    /**
-     * Icon to display next to the title.
-     */
-    icon: StringConstructor;
-    /**
-     * The alignment of the icon with the title.
-     */
-    iconAlign: {
-        type: StringConstructor;
-        default: string;
-    };
-    /**
-     * Classes for the different elements in the component.
-     */
-    classes: {
-        type: ObjectConstructor;
-        default: () => {
-            title: string;
-            icon: string;
-        };
-    };
-    /**
-     * The title to display.
-     */
-    title: StringConstructor;
-    /**
-     * The HTML element to use for the title.
-     */
-    titleElement: {
-        type: StringConstructor;
-        default: string;
-    };
-    /**
-     * If true, a rule will be displayed under the title.
-     */
-    rule: BooleanConstructor;
-}>> & Readonly<{}>, {
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & (new () => {
+    $slots: S;
+});
+declare const __VLS_component: import('vue').DefineComponent<{}, {
     classes: Record<string, any>;
     titleElement: string;
-    rule: boolean;
     iconAlign: string;
-}, {}, {
-    UluIcon: import('vue').DefineComponent<{}, {
-        spaced: boolean;
-        icon?: string | boolean | Record<string, any> | unknown[] | undefined;
-        $props: {
-            readonly spaced?: boolean | undefined;
-            readonly icon?: string | boolean | Record<string, any> | unknown[] | undefined;
-        };
-    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-export default _default;
+    rule: boolean;
+    icon?: string | undefined;
+    title?: string | undefined;
+    modifiers?: string | unknown[] | undefined;
+    $props: {
+        readonly classes?: Record<string, any> | undefined;
+        readonly titleElement?: string | undefined;
+        readonly iconAlign?: string | undefined;
+        readonly rule?: boolean | undefined;
+        readonly icon?: string | undefined;
+        readonly title?: string | undefined;
+        readonly modifiers?: string | unknown[] | undefined;
+    };
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+type __VLS_TemplateResult = {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+        end?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
 //# sourceMappingURL=UluTitleRail.vue.d.ts.map

package/dist/components/layout/UluTitleRail.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UluTitleRail.vue.d.ts","sourceRoot":"","sources":["../../../lib/components/layout/UluTitleRail.vue"],"names":[],"mappings":"AA6BA;;IAwFM;;OAEG;;IAEH;;OAEG;;;;;IAKH;;OAEG;;;;;;;;IAQH;;OAEG;;IAEH;;OAEG;;;;;IAKH;;OAEG;;;IAlCH;;OAEG;;IAEH;;OAEG;;;;;IAKH;;OAEG;;;;;;;;IAQH;;OAEG;;IAEH;;OAEG;;;;;IAKH;;OAEG"}
+{"version":3,"file":"UluTitleRail.vue.d.ts","sourceRoot":"","sources":["../../../lib/components/layout/UluTitleRail.vue"],"names":[],"mappings":"AA2BA;wBA6OqB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;;6BAEtE,CAAC,EAAE,CAAC;;;AAXjC;;;;;;;;;;;;;;;;;sPAQG"}

package/dist/components/layout/UluTitleRail.vue.js

@@ -1,11 +1,11 @@
-import r from "../elements/UluIcon.vue.js";
-import { resolveComponent as m, createElementBlock as n, openBlock as t, normalizeClass as l, createElementVNode as u, createCommentVNode as a, createBlock as o, resolveDynamicComponent as d, normalizeStyle as _, withCtx as f, renderSlot as s, createTextVNode as y, toDisplayString as g } from "vue";
-import h from "../../_virtual/_plugin-vue_export-helper.js";
-const S = {
-  name: "UluTitleRail",
-  components: {
-    UluIcon: r
-  },
+import { computed as m, createElementBlock as s, openBlock as t, normalizeClass as l, unref as d, createElementVNode as u, createCommentVNode as n, createBlock as r, resolveDynamicComponent as f, normalizeStyle as y, withCtx as g, renderSlot as o, createTextVNode as S, toDisplayString as h } from "vue";
+import k from "../elements/UluIcon.vue.js";
+import { useModifiers as v } from "../../composables/useModifiers.js";
+const C = {
+  key: 0,
+  class: "rail__item rail__item--pull"
+}, x = {
+  __name: "UluTitleRail",
   props: {
     /**
      * Icon to display next to the title.
@@ -42,45 +42,50 @@ const S = {
     /**
      * If true, a rule will be displayed under the title.
      */
-    rule: Boolean
+    rule: Boolean,
+    /**
+     * Modifiers (to add any modifier classes based on base class)
+     */
+    modifiers: [String, Array]
+  },
+  setup(e) {
+    const a = e, { resolvedModifiers: c } = v({
+      props: a,
+      baseClass: "rail",
+      internal: m(() => ({
+        "title-rail": !0,
+        rule: a.rule
+      }))
+    });
+    return (i, B) => (t(), s("div", {
+      class: l(["rail", d(c)])
+    }, [
+      u("div", {
+        class: l(["rail__item rail__item--title", e.classes.itemTitle])
+      }, [
+        (t(), r(f(e.titleElement), {
+          class: l(["layout-flex type-max-width-small no-margin", e.classes.title]),
+          style: y({ alignItems: e.iconAlign })
+        }, {
+          default: g(() => [
+            e.icon ? (t(), r(k, {
+              key: 0,
+              class: l(e.classes.icon),
+              icon: e.icon
+            }, null, 8, ["class", "icon"])) : n("", !0),
+            o(i.$slots, "default", {}, () => [
+              S(h(e.title), 1)
+            ])
+          ]),
+          _: 3
+        }, 8, ["class", "style"]))
+      ], 2),
+      i.$slots.end ? (t(), s("div", C, [
+        o(i.$slots, "end")
+      ])) : n("", !0)
+    ], 2));
   }
-}, k = {
-  key: 0,
-  class: "rail__item rail__item--pull"
 };
-function v(i, C, e, U, p, x) {
-  const c = m("UluIcon");
-  return t(), n("div", {
-    class: l(["rail rail--title-rail", {
-      "rail--rule": e.rule
-    }])
-  }, [
-    u("div", {
-      class: l(["rail__item rail__item--title", e.classes.itemTitle])
-    }, [
-      (t(), o(d(e.titleElement), {
-        class: l(["layout-flex type-max-width-small no-margin", e.classes.title]),
-        style: _({ alignItems: e.iconAlign })
-      }, {
-        default: f(() => [
-          e.icon ? (t(), o(c, {
-            key: 0,
-            class: l(e.classes.icon),
-            icon: e.icon
-          }, null, 8, ["class", "icon"])) : a("", !0),
-          s(i.$slots, "default", {}, () => [
-            y(g(e.title), 1)
-          ])
-        ]),
-        _: 3
-      }, 8, ["class", "style"]))
-    ], 2),
-    i.$slots.end ? (t(), n("div", k, [
-      s(i.$slots, "end")
-    ])) : a("", !0)
-  ], 2);
-}
-const T = /* @__PURE__ */ h(S, [["render", v]]);
 export {
-  T as default
+  x as default
 };

package/dist/components/navigation/UluBreadcrumb.vue.d.ts

@@ -1,71 +1,30 @@
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-    /**
-     * Array of breadcrumb items.
-     * Each item is an object: { title: String, to: [String, Object], current: Boolean }
-     */
-    items: {
-        type: ArrayConstructor;
-        default: () => never[];
-    };
-    /**
-     * Icon to use as a separator.
-     */
-    separatorIcon: StringConstructor;
-    /**
-     * Classes object to be applied to elements.
-     * Keys: nav, list, item, link, icon
-     */
-    classes: {
-        type: ObjectConstructor;
-        default: () => {
-            nav: string;
-            list: string;
-            item: string;
-            link: string;
-            current: string;
-            separator: string;
-        };
-    };
-}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    /**
-     * Array of breadcrumb items.
-     * Each item is an object: { title: String, to: [String, Object], current: Boolean }
-     */
-    items: {
-        type: ArrayConstructor;
-        default: () => never[];
-    };
-    /**
-     * Icon to use as a separator.
-     */
-    separatorIcon: StringConstructor;
-    /**
-     * Classes object to be applied to elements.
-     * Keys: nav, list, item, link, icon
-     */
-    classes: {
-        type: ObjectConstructor;
-        default: () => {
-            nav: string;
-            list: string;
-            item: string;
-            link: string;
-            current: string;
-            separator: string;
-        };
-    };
-}>> & Readonly<{}>, {
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & (new () => {
+    $slots: S;
+});
+declare const __VLS_component: import('vue').DefineComponent<{}, {
     classes: Record<string, any>;
     items: unknown[];
-}, {}, {
-    UluIcon: import('vue').DefineComponent<{}, {
-        spaced: boolean;
-        icon?: string | boolean | Record<string, any> | unknown[] | undefined;
-        $props: {
-            readonly spaced?: boolean | undefined;
-            readonly icon?: string | boolean | Record<string, any> | unknown[] | undefined;
-        };
-    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-export default _default;
+    separatorIcon?: string | undefined;
+    $props: {
+        readonly classes?: Record<string, any> | undefined;
+        readonly items?: unknown[] | undefined;
+        readonly separatorIcon?: string | undefined;
+    };
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+type __VLS_TemplateResult = {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {
+            item: unknown;
+        }): any;
+        default?(_: {
+            item: unknown;
+        }): any;
+        separator?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
 //# sourceMappingURL=UluBreadcrumb.vue.d.ts.map