@kiva/kv-components 3.105.3 → 3.107.0

package/.eslintrc.cjs

@@ -7,6 +7,7 @@ module.exports = {
 		'../../.eslintrc.cjs',
 		'plugin:vue/recommended',
 	],
+	ignorePatterns: ["dist/*"],
 	plugins: [
 		'vue',
 	],

package/CHANGELOG.md

@@ -3,6 +3,28 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [3.107.0](https://github.com/kiva/kv-ui-elements/compare/@kiva/kv-components@3.106.0...@kiva/kv-components@3.107.0) (2024-11-05)
+
+
+### Features
+
+* compile kv-component utils ([7b41391](https://github.com/kiva/kv-ui-elements/commit/7b413912c3bcf2659e729072fe1705427a78c1ba))
+
+
+
+
+
+# [3.106.0](https://github.com/kiva/kv-ui-elements/compare/@kiva/kv-components@3.105.3...@kiva/kv-components@3.106.0) (2024-11-01)
+
+
+### Features
+
+* basic vertical carousel ([6a40563](https://github.com/kiva/kv-ui-elements/commit/6a405637ee4186d3cb5a7dbf71f87d8a04d46d86))
+
+
+
+
+
 ## [3.105.3](https://github.com/kiva/kv-ui-elements/compare/@kiva/kv-components@3.105.2...@kiva/kv-components@3.105.3) (2024-10-28)
 
 **Note:** Version bump only for package @kiva/kv-components

package/dist/Alea.cjs

@@ -0,0 +1,87 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// utils/Alea.js
+var Alea_exports = {};
+__export(Alea_exports, {
+  Mash: () => Mash,
+  default: () => Alea
+});
+module.exports = __toCommonJS(Alea_exports);
+function Mash() {
+  let n = 4022871197;
+  const mash = function(data) {
+    data = data.toString();
+    for (let i = 0; i < data.length; i++) {
+      n += data.charCodeAt(i);
+      let h = 0.02519603282416938 * n;
+      n = h >>> 0;
+      h -= n;
+      h *= n;
+      n = h >>> 0;
+      h -= n;
+      n += h * 4294967296;
+    }
+    return (n >>> 0) * 23283064365386963e-26;
+  };
+  mash.version = "Mash 0.9";
+  return mash;
+}
+function Alea() {
+  return function(args) {
+    let s0 = 0;
+    let s1 = 0;
+    let s2 = 0;
+    let c = 1;
+    if (args.length === 0) {
+      args = [+/* @__PURE__ */ new Date()];
+    }
+    let mash = Mash();
+    s0 = mash(" ");
+    s1 = mash(" ");
+    s2 = mash(" ");
+    for (let i = 0; i < args.length; i++) {
+      s0 -= mash(args[i]);
+      if (s0 < 0) {
+        s0 += 1;
+      }
+      s1 -= mash(args[i]);
+      if (s1 < 0) {
+        s1 += 1;
+      }
+      s2 -= mash(args[i]);
+      if (s2 < 0) {
+        s2 += 1;
+      }
+    }
+    mash = null;
+    const random = function() {
+      const t = 2091639 * s0 + c * 23283064365386963e-26;
+      s0 = s1;
+      s1 = s2;
+      return s2 = t - (c = t | 0);
+    };
+    random.version = "Alea 0.9";
+    random.args = args;
+    return random;
+  }(Array.prototype.slice.call(arguments));
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Mash
+});

package/dist/Alea.js

@@ -0,0 +1,63 @@
+// utils/Alea.js
+function Mash() {
+  let n = 4022871197;
+  const mash = function(data) {
+    data = data.toString();
+    for (let i = 0; i < data.length; i++) {
+      n += data.charCodeAt(i);
+      let h = 0.02519603282416938 * n;
+      n = h >>> 0;
+      h -= n;
+      h *= n;
+      n = h >>> 0;
+      h -= n;
+      n += h * 4294967296;
+    }
+    return (n >>> 0) * 23283064365386963e-26;
+  };
+  mash.version = "Mash 0.9";
+  return mash;
+}
+function Alea() {
+  return function(args) {
+    let s0 = 0;
+    let s1 = 0;
+    let s2 = 0;
+    let c = 1;
+    if (args.length === 0) {
+      args = [+/* @__PURE__ */ new Date()];
+    }
+    let mash = Mash();
+    s0 = mash(" ");
+    s1 = mash(" ");
+    s2 = mash(" ");
+    for (let i = 0; i < args.length; i++) {
+      s0 -= mash(args[i]);
+      if (s0 < 0) {
+        s0 += 1;
+      }
+      s1 -= mash(args[i]);
+      if (s1 < 0) {
+        s1 += 1;
+      }
+      s2 -= mash(args[i]);
+      if (s2 < 0) {
+        s2 += 1;
+      }
+    }
+    mash = null;
+    const random = function() {
+      const t = 2091639 * s0 + c * 23283064365386963e-26;
+      s0 = s1;
+      s1 = s2;
+      return s2 = t - (c = t | 0);
+    };
+    random.version = "Alea 0.9";
+    random.args = args;
+    return random;
+  }(Array.prototype.slice.call(arguments));
+}
+export {
+  Mash,
+  Alea as default
+};

package/dist/attrs.cjs

@@ -0,0 +1,50 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// utils/attrs.js
+var attrs_exports = {};
+__export(attrs_exports, {
+  useAttrs: () => useAttrs
+});
+module.exports = __toCommonJS(attrs_exports);
+function asArray(input) {
+  if (!input)
+    return [];
+  return Array.isArray(input) ? input : [input];
+}
+function useAttrs({ attrs, listeners }, ownEvents = []) {
+  const classes = asArray(attrs == null ? void 0 : attrs.class);
+  const styles = asArray(attrs == null ? void 0 : attrs.style);
+  const inputListeners = listeners ? { ...listeners } : {};
+  ownEvents.forEach((event) => {
+    delete inputListeners[event];
+  });
+  const inputAttrs = { ...attrs };
+  delete inputAttrs.class;
+  delete inputAttrs.style;
+  return {
+    classes,
+    styles,
+    inputAttrs,
+    inputListeners
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useAttrs
+});

package/dist/attrs.js

@@ -0,0 +1,26 @@
+// utils/attrs.js
+function asArray(input) {
+  if (!input)
+    return [];
+  return Array.isArray(input) ? input : [input];
+}
+function useAttrs({ attrs, listeners }, ownEvents = []) {
+  const classes = asArray(attrs == null ? void 0 : attrs.class);
+  const styles = asArray(attrs == null ? void 0 : attrs.style);
+  const inputListeners = listeners ? { ...listeners } : {};
+  ownEvents.forEach((event) => {
+    delete inputListeners[event];
+  });
+  const inputAttrs = { ...attrs };
+  delete inputAttrs.class;
+  delete inputAttrs.style;
+  return {
+    classes,
+    styles,
+    inputAttrs,
+    inputListeners
+  };
+}
+export {
+  useAttrs
+};

package/dist/carousels.cjs

@@ -0,0 +1,184 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// utils/carousels.js
+var carousels_exports = {};
+__export(carousels_exports, {
+  carouselUtil: () => carouselUtil
+});
+module.exports = __toCommonJS(carousels_exports);
+var import_vue_demi = require("vue-demi");
+var import_embla_carousel = __toESM(require("embla-carousel"), 1);
+
+// utils/throttle.js
+function throttle(func, timeFrame) {
+  let lastTime = 0;
+  return function t(...args) {
+    const now = /* @__PURE__ */ new Date();
+    if (now - lastTime >= timeFrame) {
+      func(...args);
+      lastTime = now;
+    }
+  };
+}
+
+// utils/carousels.js
+function carouselUtil(props, { emit, slots }, extraEmblaOptions) {
+  var _a;
+  const {
+    emblaOptions,
+    slidesToScroll
+  } = (0, import_vue_demi.toRefs)(props);
+  const rootEl = (0, import_vue_demi.ref)(null);
+  const embla = (0, import_vue_demi.ref)(null);
+  const slides = (0, import_vue_demi.ref)([]);
+  const startIndex = ((_a = emblaOptions.value) == null ? void 0 : _a.startIndex) ?? 0;
+  const currentIndex = (0, import_vue_demi.ref)(startIndex);
+  const slideIndicatorCount = (0, import_vue_demi.ref)(0);
+  const componentSlotKeys = (0, import_vue_demi.computed)(() => {
+    const keys = Object.keys(slots);
+    return keys;
+  });
+  const nextIndex = (0, import_vue_demi.computed)(() => {
+    const nextSlideIndex = currentIndex.value + 1;
+    if (nextSlideIndex < slides.value.length) {
+      return nextSlideIndex;
+    }
+    return 0;
+  });
+  const previousIndex = (0, import_vue_demi.computed)(() => {
+    const previousSlideIndex = currentIndex.value - 1;
+    if (previousSlideIndex >= 0) {
+      return previousSlideIndex;
+    }
+    return slides.value.length - 1;
+  });
+  const goToSlide = (index) => {
+    embla.value.scrollTo(index);
+  };
+  const handleUserInteraction = async (index, interactionType) => {
+    if (index !== null && typeof index !== "undefined") {
+      await (0, import_vue_demi.nextTick)();
+      goToSlide(index);
+    }
+    emit("interact-carousel", interactionType);
+  };
+  const slideIndicatorListLength = () => {
+    const indicator = embla.value ? embla.value.scrollSnapList().length : 0;
+    slideIndicatorCount.value = indicator;
+    return indicator;
+  };
+  const reInitVisible = () => {
+    const slidesInView = embla.value.slidesInView(true).length;
+    if (slidesInView) {
+      embla.value.reInit({
+        slidesToScroll: slidesInView,
+        inViewThreshold: 0.9
+      });
+    }
+  };
+  const reInit = () => {
+    embla.value.reInit();
+    if (slidesToScroll.value === "visible") {
+      reInitVisible();
+    }
+    slides.value = embla.value.slideNodes();
+    slideIndicatorListLength();
+  };
+  const onCarouselContainerClick = (e) => {
+    if (embla.value && !embla.value.clickAllowed()) {
+      e.preventDefault();
+      e.stopPropagation();
+    }
+  };
+  const isAriaHidden = (index) => {
+    if (embla.value) {
+      return !embla.value.slidesInView(true).includes(index);
+    }
+    return false;
+  };
+  (0, import_vue_demi.onMounted)(async () => {
+    var _a2;
+    embla.value = (0, import_embla_carousel.default)(rootEl.value, {
+      loop: true,
+      containScroll: "trimSnaps",
+      inViewThreshold: 0.9,
+      align: "start",
+      ...extraEmblaOptions,
+      ...emblaOptions.value
+    });
+    if (slidesToScroll.value === "visible") {
+      reInitVisible();
+      embla.value.on(
+        "resize",
+        throttle(() => {
+          embla.value.reInit({
+            slidesToScroll: embla.value.slidesInView(true).length || "auto",
+            inViewThreshold: 0.9
+          });
+          slides.value = embla.value.slideNodes();
+          slideIndicatorListLength();
+        }, 250)
+      );
+    }
+    slides.value = embla.value.slideNodes();
+    slideIndicatorListLength();
+    (_a2 = embla == null ? void 0 : embla.value) == null ? void 0 : _a2.on("select", () => {
+      currentIndex.value = embla.value.selectedScrollSnap();
+      (0, import_vue_demi.nextTick)(() => {
+        emit("change", currentIndex);
+      });
+    });
+  });
+  (0, import_vue_demi.onUnmounted)(async () => {
+    var _a2, _b;
+    (_a2 = embla == null ? void 0 : embla.value) == null ? void 0 : _a2.off("select");
+    (_b = embla == null ? void 0 : embla.value) == null ? void 0 : _b.destroy();
+  });
+  return {
+    rootEl,
+    embla,
+    slides,
+    currentIndex,
+    componentSlotKeys,
+    nextIndex,
+    previousIndex,
+    slideIndicatorCount,
+    handleUserInteraction,
+    goToSlide,
+    reInit,
+    reInitVisible,
+    onCarouselContainerClick,
+    isAriaHidden,
+    slideIndicatorListLength
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  carouselUtil
+});

package/dist/carousels.js

@@ -0,0 +1,147 @@
+import {
+  throttle
+} from "./chunk-HV3AUBFT.js";
+
+// utils/carousels.js
+import {
+  computed,
+  onMounted,
+  onUnmounted,
+  ref,
+  toRefs,
+  nextTick
+} from "vue-demi";
+import EmblaCarousel from "embla-carousel";
+function carouselUtil(props, { emit, slots }, extraEmblaOptions) {
+  var _a;
+  const {
+    emblaOptions,
+    slidesToScroll
+  } = toRefs(props);
+  const rootEl = ref(null);
+  const embla = ref(null);
+  const slides = ref([]);
+  const startIndex = ((_a = emblaOptions.value) == null ? void 0 : _a.startIndex) ?? 0;
+  const currentIndex = ref(startIndex);
+  const slideIndicatorCount = ref(0);
+  const componentSlotKeys = computed(() => {
+    const keys = Object.keys(slots);
+    return keys;
+  });
+  const nextIndex = computed(() => {
+    const nextSlideIndex = currentIndex.value + 1;
+    if (nextSlideIndex < slides.value.length) {
+      return nextSlideIndex;
+    }
+    return 0;
+  });
+  const previousIndex = computed(() => {
+    const previousSlideIndex = currentIndex.value - 1;
+    if (previousSlideIndex >= 0) {
+      return previousSlideIndex;
+    }
+    return slides.value.length - 1;
+  });
+  const goToSlide = (index) => {
+    embla.value.scrollTo(index);
+  };
+  const handleUserInteraction = async (index, interactionType) => {
+    if (index !== null && typeof index !== "undefined") {
+      await nextTick();
+      goToSlide(index);
+    }
+    emit("interact-carousel", interactionType);
+  };
+  const slideIndicatorListLength = () => {
+    const indicator = embla.value ? embla.value.scrollSnapList().length : 0;
+    slideIndicatorCount.value = indicator;
+    return indicator;
+  };
+  const reInitVisible = () => {
+    const slidesInView = embla.value.slidesInView(true).length;
+    if (slidesInView) {
+      embla.value.reInit({
+        slidesToScroll: slidesInView,
+        inViewThreshold: 0.9
+      });
+    }
+  };
+  const reInit = () => {
+    embla.value.reInit();
+    if (slidesToScroll.value === "visible") {
+      reInitVisible();
+    }
+    slides.value = embla.value.slideNodes();
+    slideIndicatorListLength();
+  };
+  const onCarouselContainerClick = (e) => {
+    if (embla.value && !embla.value.clickAllowed()) {
+      e.preventDefault();
+      e.stopPropagation();
+    }
+  };
+  const isAriaHidden = (index) => {
+    if (embla.value) {
+      return !embla.value.slidesInView(true).includes(index);
+    }
+    return false;
+  };
+  onMounted(async () => {
+    var _a2;
+    embla.value = EmblaCarousel(rootEl.value, {
+      loop: true,
+      containScroll: "trimSnaps",
+      inViewThreshold: 0.9,
+      align: "start",
+      ...extraEmblaOptions,
+      ...emblaOptions.value
+    });
+    if (slidesToScroll.value === "visible") {
+      reInitVisible();
+      embla.value.on(
+        "resize",
+        throttle(() => {
+          embla.value.reInit({
+            slidesToScroll: embla.value.slidesInView(true).length || "auto",
+            inViewThreshold: 0.9
+          });
+          slides.value = embla.value.slideNodes();
+          slideIndicatorListLength();
+        }, 250)
+      );
+    }
+    slides.value = embla.value.slideNodes();
+    slideIndicatorListLength();
+    (_a2 = embla == null ? void 0 : embla.value) == null ? void 0 : _a2.on("select", () => {
+      currentIndex.value = embla.value.selectedScrollSnap();
+      nextTick(() => {
+        emit("change", currentIndex);
+      });
+    });
+  });
+  onUnmounted(async () => {
+    var _a2, _b;
+    (_a2 = embla == null ? void 0 : embla.value) == null ? void 0 : _a2.off("select");
+    (_b = embla == null ? void 0 : embla.value) == null ? void 0 : _b.destroy();
+  });
+  return {
+    rootEl,
+    embla,
+    slides,
+    currentIndex,
+    componentSlotKeys,
+    nextIndex,
+    previousIndex,
+    slideIndicatorCount,
+    handleUserInteraction,
+    goToSlide,
+    reInit,
+    reInitVisible,
+    onCarouselContainerClick,
+    isAriaHidden,
+    slideIndicatorListLength
+  };
+}
+export {
+  carouselUtil
+};

package/dist/chunk-HV3AUBFT.js

@@ -0,0 +1,15 @@
+// utils/throttle.js
+function throttle(func, timeFrame) {
+  let lastTime = 0;
+  return function t(...args) {
+    const now = /* @__PURE__ */ new Date();
+    if (now - lastTime >= timeFrame) {
+      func(...args);
+      lastTime = now;
+    }
+  };
+}
+
+export {
+  throttle
+};

package/dist/expander.cjs

@@ -0,0 +1,78 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// utils/expander.js
+var expander_exports = {};
+__export(expander_exports, {
+  collapse: () => collapse,
+  expand: () => expand
+});
+module.exports = __toCommonJS(expander_exports);
+function setInitialStyle(el, { property, delay, easing }) {
+  el.style.overflow = "hidden";
+  el.style.transition = `${property} ${delay}ms ${easing}`;
+}
+function unsetStyles(el, { property }) {
+  el.style[property] = null;
+  el.style.overflow = null;
+  el.style.transition = null;
+}
+function expand(el, {
+  easing = "ease",
+  delay = 500,
+  done = () => {
+  },
+  from = 0,
+  property = "height"
+}) {
+  setInitialStyle(el, { property, delay, easing });
+  el.style[property] = "auto";
+  el.style.display = null;
+  const propValue = window.getComputedStyle(el).getPropertyValue(property);
+  el.style[property] = from;
+  el.addEventListener("transitionend", function listener() {
+    unsetStyles(el, { property });
+    done();
+    el.removeEventListener("transitionend", listener, true);
+  }, true);
+  void el.offsetWidth;
+  el.style[property] = propValue;
+}
+function collapse(el, {
+  easing = "ease",
+  delay = 500,
+  done = () => {
+  },
+  to = 0,
+  property = "height"
+}) {
+  setInitialStyle(el, { property, delay, easing });
+  el.style[property] = window.getComputedStyle(el).getPropertyValue(property);
+  el.addEventListener("transitionend", function listener() {
+    unsetStyles(el, { property });
+    done();
+    el.removeEventListener("transitionend", listener, true);
+  }, true);
+  void el.offsetWidth;
+  el.style[property] = to;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  collapse,
+  expand
+});