@rei/cedar 16.3.0 → 17.0.0-alpha.0

package/dist/components/filmstrip/CdrFilmstrip.vue.d.ts

@@ -0,0 +1,30 @@
+import { CdrFilmstrip, CdrFilmstripAdapter } from './interfaces';
+type __VLS_Props = CdrFilmstrip<unknown>;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        heading?(_: {}): any;
+    };
+    refs: {
+        CdrFilmstripContainer: HTMLDivElement;
+    };
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    [x: string]: never;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    [x: `on${Capitalize<string>}`]: ((...args: unknown[]) => any) | undefined;
+}>, {
+    adapter: CdrFilmstripAdapter<unknown>;
+    model: Record<string, unknown>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    CdrFilmstripContainer: HTMLDivElement;
+}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/filmstrip/CdrFilmstrip.vue.mjs

@@ -1,105 +1,5 @@
-import { defineComponent as N, useAttrs as P, provide as b, ref as i, computed as a, useId as M, watch as T, createElementBlock as I, createCommentVNode as $, openBlock as f, mergeProps as B, renderSlot as O, createVNode as W, normalizeClass as x, unref as G, withCtx as V, createBlock as H, resolveDynamicComponent as K, normalizeProps as L, guardReactiveProps as U, h as j } from "vue";
-import q from "./CdrFilmstripEngine.vue.mjs";
-import { useDebounceFn as J, useResizeObserver as Q } from "@vueuse/core";
-import { CdrFilmstripEventKey as X } from "../../types/symbols.mjs";
-const Y = 6, se = /* @__PURE__ */ N({
-  name: "CdrFilmstrip",
-  __name: "CdrFilmstrip",
-  props: {
-    adapter: {
-      type: Function,
-      default: () => () => (console.warn("No adapter provided for CdrFilmstrip"), {
-        frames: [],
-        filmstripId: "empty-filmstrip",
-        component: j("div"),
-        description: "An empty filmstrip"
-      })
-    },
-    model: {
-      default: () => ({})
-    }
-  },
-  emits: ["arrowClick", "scrollNavigate", "resize", "ariaMessage"],
-  setup(v, {
-    emit: y
-  }) {
-    var d, p;
-    const o = v, n = y, h = (e, r) => {
-      n(e, r);
-    }, w = P().class || "";
-    b(X, h);
-    const m = i(null), t = a(() => o.adapter(o.model)), l = i(((d = t == null ? void 0 : t.value) == null ? void 0 : d.framesToShow) ?? Y), c = i(l.value), u = a(() => t.value.frames), F = a(() => u.value.length > 0), S = a(() => `${t.value.filmstripId}-${M()}`), z = a(() => t.value.description), C = a(() => {
-      var e;
-      return ((e = t == null ? void 0 : t.value) == null ? void 0 : e.framesGap) || 0;
-    }), g = i(typeof ((p = t == null ? void 0 : t.value) == null ? void 0 : p.useDefaultResizeStrategy) == "boolean" ? t.value.useDefaultResizeStrategy : !1), k = a(() => {
-      var e;
-      return ((e = t == null ? void 0 : t.value) == null ? void 0 : e.focusSelector) || ":first-child";
-    }), A = a(() => {
-      var e;
-      return ((e = t.value) == null ? void 0 : e.dataAttributes) || {};
-    });
-    function R({
-      event: e,
-      direction: r
-    }) {
-      const s = {
-        event: e,
-        direction: r,
-        model: o.model
-      };
-      n("arrowClick", s);
-    }
-    function _({
-      index: e,
-      event: r
-    }) {
-      const s = {
-        event: r,
-        index: e,
-        model: o.model
-      };
-      n("scrollNavigate", s);
-    }
-    function D() {
-      const e = window.innerWidth;
-      l.value = e >= 1024 ? 5 : e >= 768 ? 4 : 2, c.value = Math.max(l.value - 1, 1);
-    }
-    const E = J(() => {
-      const e = {
-        model: o.model,
-        framesToShow: l,
-        framesToScroll: c
-      };
-      n("resize", e), g.value && D();
-    }, 25);
-    return T(() => m.value, (e) => {
-      e && Q(e, E);
-    }, {
-      immediate: !0
-    }), (e, r) => F.value ? (f(), I("div", B({
-      key: 0,
-      ref_key: "CdrFilmstripContainer",
-      ref: m
-    }, A.value), [O(e.$slots, "heading"), W(q, {
-      class: x(G(w)),
-      id: S.value,
-      description: z.value,
-      frames: u.value,
-      "frames-gap": C.value,
-      "frames-to-show": l.value,
-      "frames-to-scroll": c.value,
-      "focus-selector": k.value,
-      onAriaMessage: r[0] || (r[0] = (s) => e.$emit("ariaMessage", s)),
-      onArrowClick: R,
-      onScrollNavigate: _
-    }, {
-      frame: V(({
-        ...s
-      }) => [(f(), H(K(t.value.component), L(U(s)), null, 16))]),
-      _: 1
-    }, 8, ["class", "id", "description", "frames", "frames-gap", "frames-to-show", "frames-to-scroll", "focus-selector"])], 16)) : $("", !0);
-  }
-});
-export {
-  se as default
-};
+import e from "./CdrFilmstrip.vue_vue_type_script_setup_true_lang.mjs";
+//#region src/components/filmstrip/CdrFilmstrip.vue
+var t = e;
+//#endregion
+export { t as default };

package/dist/components/filmstrip/CdrFilmstrip.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,89 @@
+import { CdrFilmstripEventKey as e } from "../../types/symbols.mjs";
+import t from "./CdrFilmstripEngine.vue.mjs";
+import { computed as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createVNode as o, defineComponent as s, guardReactiveProps as c, h as l, mergeProps as u, normalizeClass as d, normalizeProps as f, openBlock as p, provide as m, ref as h, renderSlot as g, resolveDynamicComponent as _, unref as v, useAttrs as y, useId as b, withCtx as x } from "vue";
+import { useDebounceFn as S, useResizeObserver as C } from "@vueuse/core";
+//#region src/components/filmstrip/CdrFilmstrip.vue?vue&type=script&setup=true&lang.ts
+var w = 6, T = /* @__PURE__ */ s({
+	name: "CdrFilmstrip",
+	__name: "CdrFilmstrip",
+	props: {
+		adapter: {
+			type: Function,
+			default: () => () => (console.warn("No adapter provided for CdrFilmstrip"), defineSlots(), {
+				frames: [],
+				filmstripId: "empty-filmstrip",
+				component: l("div"),
+				description: "An empty filmstrip"
+			})
+		},
+		model: { default: () => ({}) }
+	},
+	emits: [
+		"arrowClick",
+		"scrollNavigate",
+		"resize",
+		"ariaMessage"
+	],
+	setup(s, { emit: l }) {
+		let T = s, E = l, D = (e, t) => {
+			E(e, t);
+		}, O = y().class || "";
+		m(e, D);
+		let k = h(null), A = b(), j = n(() => T.adapter(T.model)), M = h(j?.value?.framesToShow ?? w), N = h(M.value), P = n(() => j.value.frames), F = n(() => P.value.length > 0), I = n(() => `${j.value.filmstripId}-${A}`), L = n(() => j.value.description), R = n(() => j?.value?.framesGap || 0), z = h(typeof j?.value?.useDefaultResizeStrategy == "boolean" ? j.value.useDefaultResizeStrategy : !1), B = n(() => j?.value?.focusSelector || ":first-child"), V = n(() => j.value?.dataAttributes || {});
+		function H({ event: e, direction: t }) {
+			E("arrowClick", {
+				event: e,
+				direction: t,
+				model: T.model
+			});
+		}
+		function U({ index: e, event: t }) {
+			E("scrollNavigate", {
+				event: t,
+				index: e,
+				model: T.model
+			});
+		}
+		function W() {
+			let e = window.innerWidth;
+			M.value = e >= 1024 ? 5 : e >= 768 ? 4 : 2, N.value = Math.max(M.value - 1, 1);
+		}
+		return C(k, S(() => {
+			E("resize", {
+				model: T.model,
+				framesToShow: M,
+				framesToScroll: N
+			}), z.value && W();
+		}, 25)), (e, n) => F.value ? (p(), a("div", u({
+			key: 0,
+			ref_key: "CdrFilmstripContainer",
+			ref: k
+		}, V.value), [g(e.$slots, "heading"), o(t, {
+			class: d(v(O)),
+			id: I.value,
+			description: L.value,
+			frames: P.value,
+			"frames-gap": R.value,
+			"frames-to-show": M.value,
+			"frames-to-scroll": N.value,
+			"focus-selector": B.value,
+			onAriaMessage: n[0] ||= (t) => e.$emit("ariaMessage", t),
+			onArrowClick: H,
+			onScrollNavigate: U
+		}, {
+			frame: x(({ ...e }) => [(p(), r(_(j.value.component), f(c(e)), null, 16))]),
+			_: 1
+		}, 8, [
+			"class",
+			"id",
+			"description",
+			"frames",
+			"frames-gap",
+			"frames-to-show",
+			"frames-to-scroll",
+			"focus-selector"
+		])], 16)) : i("", !0);
+	}
+});
+//#endregion
+export { T as default };