origam 2.3.0 → 2.6.1

package/dist/src/consts/index.cjs

@@ -322,14 +322,14 @@ Object.keys(_selectionControl).forEach(function (key) {
     }
   });
 });
-var _snackbarStack = require("./SnackbarStack/snackbar-stack.const.cjs");
-Object.keys(_snackbarStack).forEach(function (key) {
+var _snackbarGroup = require("./Snackbar/snackbar-group.const.cjs");
+Object.keys(_snackbarGroup).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _snackbarStack[key]) return;
+  if (key in exports && exports[key] === _snackbarGroup[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function () {
-      return _snackbarStack[key];
+      return _snackbarGroup[key];
     }
   });
 });
@@ -344,6 +344,17 @@ Object.keys(_commandPalette).forEach(function (key) {
     }
   });
 });
+var _blockquote = require("./Blockquote/blockquote.const.cjs");
+Object.keys(_blockquote).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _blockquote[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _blockquote[key];
+    }
+  });
+});
 var _bracket = require("./Bracket/bracket.const.cjs");
 Object.keys(_bracket).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -355,6 +366,28 @@ Object.keys(_bracket).forEach(function (key) {
     }
   });
 });
+var _grid = require("./Grid/grid.const.cjs");
+Object.keys(_grid).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _grid[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _grid[key];
+    }
+  });
+});
+var _masonry = require("./Masonry/masonry.const.cjs");
+Object.keys(_masonry).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _masonry[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _masonry[key];
+    }
+  });
+});
 var _autocomplete = require("./Commons/autocomplete.const.cjs");
 Object.keys(_autocomplete).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -542,25 +575,25 @@ Object.keys(_textarea).forEach(function (key) {
     }
   });
 });
-var _expansionPanel = require("./ExpansionPanel/expansion-panel.const.cjs");
-Object.keys(_expansionPanel).forEach(function (key) {
+var _emptyState = require("./EmptyState/empty-state.const.cjs");
+Object.keys(_emptyState).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _expansionPanel[key]) return;
+  if (key in exports && exports[key] === _emptyState[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function () {
-      return _expansionPanel[key];
+      return _emptyState[key];
     }
   });
 });
-var _sliderField = require("./SliderField/slider-field.const.cjs");
-Object.keys(_sliderField).forEach(function (key) {
+var _expansionPanel = require("./ExpansionPanel/expansion-panel.const.cjs");
+Object.keys(_expansionPanel).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _sliderField[key]) return;
+  if (key in exports && exports[key] === _expansionPanel[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function () {
-      return _sliderField[key];
+      return _expansionPanel[key];
     }
   });
 });
@@ -728,4 +761,147 @@ Object.keys(_theme).forEach(function (key) {
       return _theme[key];
     }
   });
+});
+var _media = require("./Media/media.const.cjs");
+Object.keys(_media).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _media[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _media[key];
+    }
+  });
+});
+var _video = require("./Video/video.const.cjs");
+Object.keys(_video).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _video[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _video[key];
+    }
+  });
+});
+var _watermark = require("./Watermark/watermark.const.cjs");
+Object.keys(_watermark).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _watermark[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _watermark[key];
+    }
+  });
+});
+var _qrCode = require("./QrCode/qr-code.const.cjs");
+Object.keys(_qrCode).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _qrCode[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _qrCode[key];
+    }
+  });
+});
+var _numberFormat = require("./NumberFormat/number-format.const.cjs");
+Object.keys(_numberFormat).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _numberFormat[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _numberFormat[key];
+    }
+  });
+});
+var _chart = require("./Chart/chart.const.cjs");
+Object.keys(_chart).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _chart[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _chart[key];
+    }
+  });
+});
+var _pictorialIcons = require("./Chart/pictorial-icons.const.cjs");
+Object.keys(_pictorialIcons).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _pictorialIcons[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _pictorialIcons[key];
+    }
+  });
+});
+var _worldGeographic = require("./Chart/world-geographic.const.cjs");
+Object.keys(_worldGeographic).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _worldGeographic[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _worldGeographic[key];
+    }
+  });
+});
+var _audio = require("./Audio/audio.const.cjs");
+Object.keys(_audio).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _audio[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _audio[key];
+    }
+  });
+});
+var _sheetSwipe = require("./Sheet/sheet-swipe.const.cjs");
+Object.keys(_sheetSwipe).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _sheetSwipe[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _sheetSwipe[key];
+    }
+  });
+});
+var _clipboard = require("./Clipboard/clipboard.const.cjs");
+Object.keys(_clipboard).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _clipboard[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _clipboard[key];
+    }
+  });
+});
+var _cssSupport = require("./CssSupport/css-support.const.cjs");
+Object.keys(_cssSupport).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _cssSupport[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _cssSupport[key];
+    }
+  });
+});
+var _elevation = require("./Commons/elevation.const.cjs");
+Object.keys(_elevation).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _elevation[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _elevation[key];
+    }
+  });
 });

package/dist/src/consts/index.d.ts

@@ -27,9 +27,12 @@ export * from './Commons/forwardRefs.const';
 export * from './ColorPicker/color-picker.const';
 export * from './Code/code.const';
 export * from './SelectionControl/selection-control.const';
-export * from './SnackbarStack/snackbar-stack.const';
+export * from './Snackbar/snackbar-group.const';
 export * from './CommandPalette/command-palette.const';
+export * from './Blockquote/blockquote.const';
 export * from './Bracket/bracket.const';
+export * from './Grid/grid.const';
+export * from './Masonry/masonry.const';
 export * from './Commons/autocomplete.const';
 export * from './Icon/icon.const';
 export * from './Menu/menu.const';
@@ -47,8 +50,8 @@ export * from './Chip/chip-group.const';
 export * from './Slide/slide-group.const';
 export * from './TextField/text-field.const';
 export * from './Textarea/textarea.const';
+export * from './EmptyState/empty-state.const';
 export * from './ExpansionPanel/expansion-panel.const';
-export * from './SliderField/slider-field.const';
 export * from './DataTable/headers.const';
 export * from './DataTable/sort.const';
 export * from './DataTable/group.const';
@@ -64,3 +67,16 @@ export * from './Treeview/treeview.const';
 export * from './Tabs/tabs.const';
 export * from './Mask/built-in-patterns.const';
 export * from './Theme/theme.const';
+export * from './Media/media.const';
+export * from './Video/video.const';
+export * from './Watermark/watermark.const';
+export * from './QrCode/qr-code.const';
+export * from './NumberFormat/number-format.const';
+export * from './Chart/chart.const';
+export * from './Chart/pictorial-icons.const';
+export * from './Chart/world-geographic.const';
+export * from './Audio/audio.const';
+export * from './Sheet/sheet-swipe.const';
+export * from './Clipboard/clipboard.const';
+export * from './CssSupport/css-support.const';
+export * from './Commons/elevation.const';

package/dist/src/consts/index.js

@@ -27,9 +27,12 @@ export * from "./Commons/forwardRefs.const.js";
 export * from "./ColorPicker/color-picker.const.js";
 export * from "./Code/code.const.js";
 export * from "./SelectionControl/selection-control.const.js";
-export * from "./SnackbarStack/snackbar-stack.const.js";
+export * from "./Snackbar/snackbar-group.const.js";
 export * from "./CommandPalette/command-palette.const.js";
+export * from "./Blockquote/blockquote.const.js";
 export * from "./Bracket/bracket.const.js";
+export * from "./Grid/grid.const.js";
+export * from "./Masonry/masonry.const.js";
 export * from "./Commons/autocomplete.const.js";
 export * from "./Icon/icon.const.js";
 export * from "./Menu/menu.const.js";
@@ -47,8 +50,8 @@ export * from "./Chip/chip-group.const.js";
 export * from "./Slide/slide-group.const.js";
 export * from "./TextField/text-field.const.js";
 export * from "./Textarea/textarea.const.js";
+export * from "./EmptyState/empty-state.const.js";
 export * from "./ExpansionPanel/expansion-panel.const.js";
-export * from "./SliderField/slider-field.const.js";
 export * from "./DataTable/headers.const.js";
 export * from "./DataTable/sort.const.js";
 export * from "./DataTable/group.const.js";
@@ -64,3 +67,16 @@ export * from "./Treeview/treeview.const.js";
 export * from "./Tabs/tabs.const.js";
 export * from "./Mask/built-in-patterns.const.js";
 export * from "./Theme/theme.const.js";
+export * from "./Media/media.const.js";
+export * from "./Video/video.const.js";
+export * from "./Watermark/watermark.const.js";
+export * from "./QrCode/qr-code.const.js";
+export * from "./NumberFormat/number-format.const.js";
+export * from "./Chart/chart.const.js";
+export * from "./Chart/pictorial-icons.const.js";
+export * from "./Chart/world-geographic.const.js";
+export * from "./Audio/audio.const.js";
+export * from "./Sheet/sheet-swipe.const.js";
+export * from "./Clipboard/clipboard.const.js";
+export * from "./CssSupport/css-support.const.js";
+export * from "./Commons/elevation.const.js";

package/dist/src/directives/Contrast/contrast.directive.cjs

@@ -0,0 +1,150 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+exports.setContrastConfig = setContrastConfig;
+let config = {
+  enabled: true,
+  threshold: 4.5
+};
+function setContrastConfig(value) {
+  if (value === void 0) return;
+  if (typeof value === "boolean") {
+    config = {
+      enabled: value,
+      threshold: config.threshold
+    };
+    return;
+  }
+  config = {
+    enabled: value.enabled ?? true,
+    threshold: value.threshold ?? 4.5
+  };
+}
+let normCtx;
+function srgbToRgb(color) {
+  const m = color.match(/color\(\s*srgb\s+([\d.]+)\s+([\d.]+)\s+([\d.]+)(?:\s*\/\s*([\d.]+))?\s*\)/i);
+  if (!m) return null;
+  const ch = v => Math.round(Math.min(1, Math.max(0, parseFloat(v))) * 255);
+  const r = ch(m[1]),
+    g = ch(m[2]),
+    b = ch(m[3]);
+  const a = m[4] !== void 0 ? parseFloat(m[4]) : 1;
+  return a < 1 ? `rgba(${r}, ${g}, ${b}, ${a})` : `rgb(${r}, ${g}, ${b})`;
+}
+function toRgb(color) {
+  if (!color) return null;
+  const direct = srgbToRgb(color);
+  if (direct) return direct;
+  if (typeof document === "undefined") return color;
+  if (normCtx === void 0) normCtx = document.createElement("canvas").getContext("2d");
+  if (!normCtx) return color;
+  normCtx.fillStyle = "#000";
+  normCtx.fillStyle = color;
+  const onBlack = normCtx.fillStyle;
+  normCtx.fillStyle = "#fff";
+  normCtx.fillStyle = color;
+  const onWhite = normCtx.fillStyle;
+  if (onBlack !== onWhite) return null;
+  return srgbToRgb(onBlack) ?? onBlack;
+}
+function rgbaParts(rgb) {
+  if (!rgb) return null;
+  const m = rgb.match(/rgba?\(([^)]+)\)/i);
+  if (!m) return null;
+  const p = m[1].split(",").map(s => parseFloat(s.trim()));
+  if (p.length < 3 || p.slice(0, 3).some(Number.isNaN)) return null;
+  return {
+    r: p[0],
+    g: p[1],
+    b: p[2],
+    a: p[3] == null || Number.isNaN(p[3]) ? 1 : p[3]
+  };
+}
+function over(top, bottom) {
+  const a = top.a;
+  return {
+    r: top.r * a + bottom.r * (1 - a),
+    g: top.g * a + bottom.g * (1 - a),
+    b: top.b * a + bottom.b * (1 - a),
+    a: 1
+  };
+}
+function resolvePaintedBackground(el) {
+  const layers = [];
+  let node = el;
+  while (node) {
+    const parts = rgbaParts(toRgb(getComputedStyle(node).backgroundColor));
+    if (parts && parts.a > 0) {
+      layers.push(parts);
+      if (parts.a >= 1) break;
+    }
+    node = node.parentElement;
+  }
+  if (!layers.length) return null;
+  const deepest = layers[layers.length - 1];
+  let acc = deepest.a >= 1 ? layers.pop() : {
+    r: 255,
+    g: 255,
+    b: 255,
+    a: 1
+  };
+  for (let i = layers.length - 1; i >= 0; i -= 1) {
+    acc = over(layers[i], acc);
+  }
+  return `rgb(${Math.round(acc.r)}, ${Math.round(acc.g)}, ${Math.round(acc.b)})`;
+}
+function channelsOf(rgb) {
+  if (!rgb) return null;
+  const p = (rgb.match(/[\d.]+/g) ?? []).map(Number);
+  return p.length >= 3 && p.slice(0, 3).every(n => !Number.isNaN(n)) ? [p[0], p[1], p[2]] : null;
+}
+function relativeLuminance([r, g, b]) {
+  const channel = c => {
+    const s = c / 255;
+    return s <= 0.03928 ? s / 12.92 : ((s + 0.055) / 1.055) ** 2.4;
+  };
+  return 0.2126 * channel(r) + 0.7152 * channel(g) + 0.0722 * channel(b);
+}
+function wcagRatio(a, b) {
+  const la = relativeLuminance(a);
+  const lb = relativeLuminance(b);
+  return (Math.max(la, lb) + 0.05) / (Math.min(la, lb) + 0.05);
+}
+const WHITE = [255, 255, 255];
+const BLACK = [0, 0, 0];
+function enforceContrast(el, enabled) {
+  delete el.dataset.origamContrastFixed;
+  if (!enabled || typeof window === "undefined") return;
+  if (el.dataset.origamColorLocked === "true") return;
+  const bg = channelsOf(resolvePaintedBackground(el));
+  if (!bg) return;
+  const fg = channelsOf(toRgb(getComputedStyle(el).color));
+  if (!fg) return;
+  const ratio = wcagRatio(fg, bg);
+  if (ratio >= config.threshold) return;
+  const better = wcagRatio(WHITE, bg) >= wcagRatio(BLACK, bg) ? "#fff" : "#000";
+  el.style.setProperty("color", better, "important");
+  el.dataset.origamContrastFixed = "true";
+  console.warn(`[origam] Low text contrast (${ratio.toFixed(2)}:1 < ${config.threshold}:1): text rgb(${fg.join(", ")}) on background rgb(${bg.join(", ")}). Overriding text colour to ${better} for legibility. Disable with createOrigam({ contrast: false }).`, el);
+}
+const SETTLE_MS = 250;
+function schedule(el, enabled) {
+  if (typeof requestAnimationFrame !== "undefined") {
+    requestAnimationFrame(() => enforceContrast(el, enabled));
+  }
+  if (typeof setTimeout !== "undefined") {
+    setTimeout(() => enforceContrast(el, enabled), SETTLE_MS);
+  }
+}
+const vContrast = {
+  mounted(el, binding) {
+    schedule(el, config.enabled && binding.value !== false);
+  },
+  updated(el, binding) {
+    schedule(el, config.enabled && binding.value !== false);
+  }
+};
+module.exports = vContrast;

package/dist/src/directives/Contrast/contrast.directive.d.ts

@@ -0,0 +1,5 @@
+import type { Directive } from 'vue';
+import type { IContrastOptions } from '../../interfaces';
+export declare function setContrastConfig(value: boolean | IContrastOptions | undefined): void;
+declare const vContrast: Directive<HTMLElement, boolean | undefined>;
+export default vContrast;

package/dist/src/directives/Contrast/contrast.directive.js

@@ -0,0 +1,131 @@
+let config = {
+  enabled: true,
+  threshold: 4.5
+};
+export function setContrastConfig(value) {
+  if (value === void 0) return;
+  if (typeof value === "boolean") {
+    config = { enabled: value, threshold: config.threshold };
+    return;
+  }
+  config = {
+    enabled: value.enabled ?? true,
+    threshold: value.threshold ?? 4.5
+  };
+}
+let normCtx;
+function srgbToRgb(color) {
+  const m = color.match(/color\(\s*srgb\s+([\d.]+)\s+([\d.]+)\s+([\d.]+)(?:\s*\/\s*([\d.]+))?\s*\)/i);
+  if (!m) return null;
+  const ch = (v) => Math.round(Math.min(1, Math.max(0, parseFloat(v))) * 255);
+  const r = ch(m[1]), g = ch(m[2]), b = ch(m[3]);
+  const a = m[4] !== void 0 ? parseFloat(m[4]) : 1;
+  return a < 1 ? `rgba(${r}, ${g}, ${b}, ${a})` : `rgb(${r}, ${g}, ${b})`;
+}
+function toRgb(color) {
+  if (!color) return null;
+  const direct = srgbToRgb(color);
+  if (direct) return direct;
+  if (typeof document === "undefined") return color;
+  if (normCtx === void 0) normCtx = document.createElement("canvas").getContext("2d");
+  if (!normCtx) return color;
+  normCtx.fillStyle = "#000";
+  normCtx.fillStyle = color;
+  const onBlack = normCtx.fillStyle;
+  normCtx.fillStyle = "#fff";
+  normCtx.fillStyle = color;
+  const onWhite = normCtx.fillStyle;
+  if (onBlack !== onWhite) return null;
+  return srgbToRgb(onBlack) ?? onBlack;
+}
+function rgbaParts(rgb) {
+  if (!rgb) return null;
+  const m = rgb.match(/rgba?\(([^)]+)\)/i);
+  if (!m) return null;
+  const p = m[1].split(",").map((s) => parseFloat(s.trim()));
+  if (p.length < 3 || p.slice(0, 3).some(Number.isNaN)) return null;
+  return { r: p[0], g: p[1], b: p[2], a: p[3] == null || Number.isNaN(p[3]) ? 1 : p[3] };
+}
+function over(top, bottom) {
+  const a = top.a;
+  return {
+    r: top.r * a + bottom.r * (1 - a),
+    g: top.g * a + bottom.g * (1 - a),
+    b: top.b * a + bottom.b * (1 - a),
+    a: 1
+  };
+}
+function resolvePaintedBackground(el) {
+  const layers = [];
+  let node = el;
+  while (node) {
+    const parts = rgbaParts(toRgb(getComputedStyle(node).backgroundColor));
+    if (parts && parts.a > 0) {
+      layers.push(parts);
+      if (parts.a >= 1) break;
+    }
+    node = node.parentElement;
+  }
+  if (!layers.length) return null;
+  const deepest = layers[layers.length - 1];
+  let acc = deepest.a >= 1 ? layers.pop() : { r: 255, g: 255, b: 255, a: 1 };
+  for (let i = layers.length - 1; i >= 0; i -= 1) {
+    acc = over(layers[i], acc);
+  }
+  return `rgb(${Math.round(acc.r)}, ${Math.round(acc.g)}, ${Math.round(acc.b)})`;
+}
+function channelsOf(rgb) {
+  if (!rgb) return null;
+  const p = (rgb.match(/[\d.]+/g) ?? []).map(Number);
+  return p.length >= 3 && p.slice(0, 3).every((n) => !Number.isNaN(n)) ? [p[0], p[1], p[2]] : null;
+}
+function relativeLuminance([r, g, b]) {
+  const channel = (c) => {
+    const s = c / 255;
+    return s <= 0.03928 ? s / 12.92 : ((s + 0.055) / 1.055) ** 2.4;
+  };
+  return 0.2126 * channel(r) + 0.7152 * channel(g) + 0.0722 * channel(b);
+}
+function wcagRatio(a, b) {
+  const la = relativeLuminance(a);
+  const lb = relativeLuminance(b);
+  return (Math.max(la, lb) + 0.05) / (Math.min(la, lb) + 0.05);
+}
+const WHITE = [255, 255, 255];
+const BLACK = [0, 0, 0];
+function enforceContrast(el, enabled) {
+  delete el.dataset.origamContrastFixed;
+  if (!enabled || typeof window === "undefined") return;
+  if (el.dataset.origamColorLocked === "true") return;
+  const bg = channelsOf(resolvePaintedBackground(el));
+  if (!bg) return;
+  const fg = channelsOf(toRgb(getComputedStyle(el).color));
+  if (!fg) return;
+  const ratio = wcagRatio(fg, bg);
+  if (ratio >= config.threshold) return;
+  const better = wcagRatio(WHITE, bg) >= wcagRatio(BLACK, bg) ? "#fff" : "#000";
+  el.style.setProperty("color", better, "important");
+  el.dataset.origamContrastFixed = "true";
+  console.warn(
+    `[origam] Low text contrast (${ratio.toFixed(2)}:1 < ${config.threshold}:1): text rgb(${fg.join(", ")}) on background rgb(${bg.join(", ")}). Overriding text colour to ${better} for legibility. Disable with createOrigam({ contrast: false }).`,
+    el
+  );
+}
+const SETTLE_MS = 250;
+function schedule(el, enabled) {
+  if (typeof requestAnimationFrame !== "undefined") {
+    requestAnimationFrame(() => enforceContrast(el, enabled));
+  }
+  if (typeof setTimeout !== "undefined") {
+    setTimeout(() => enforceContrast(el, enabled), SETTLE_MS);
+  }
+}
+const vContrast = {
+  mounted(el, binding) {
+    schedule(el, config.enabled && binding.value !== false);
+  },
+  updated(el, binding) {
+    schedule(el, config.enabled && binding.value !== false);
+  }
+};
+export default vContrast;

package/dist/src/directives/index.cjs

@@ -9,6 +9,12 @@ Object.defineProperty(exports, "vClickOutside", {
     return _clickOutside.default;
   }
 });
+Object.defineProperty(exports, "vContrast", {
+  enumerable: true,
+  get: function () {
+    return _contrast.default;
+  }
+});
 Object.defineProperty(exports, "vHover", {
   enumerable: true,
   get: function () {
@@ -38,4 +44,5 @@ var _clickOutside = _interopRequireDefault(require("./ClickOutside/clickOutside.
 var _intersect = _interopRequireDefault(require("./Intersect/intersect.directive.cjs"));
 var _touch = _interopRequireDefault(require("./Touch/touch.directive.cjs"));
 var _hover = _interopRequireDefault(require("./Hover/hover.directive.cjs"));
+var _contrast = _interopRequireDefault(require("./Contrast/contrast.directive.cjs"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }

package/dist/src/directives/index.d.ts

@@ -3,3 +3,4 @@ export { default as vClickOutside } from './ClickOutside/clickOutside.directive'
 export { default as vIntersect } from './Intersect/intersect.directive';
 export { default as vTouch } from './Touch/touch.directive';
 export { default as vHover } from './Hover/hover.directive';
+export { default as vContrast } from './Contrast/contrast.directive';

package/dist/src/directives/index.js

@@ -3,3 +3,4 @@ export { default as vClickOutside } from "./ClickOutside/clickOutside.directive.
 export { default as vIntersect } from "./Intersect/intersect.directive.js";
 export { default as vTouch } from "./Touch/touch.directive.js";
 export { default as vHover } from "./Hover/hover.directive.js";
+export { default as vContrast } from "./Contrast/contrast.directive.js";

package/dist/src/enums/Audio/audio-loop-mode.enum.cjs

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AUDIO_LOOP_MODE = void 0;
+var AUDIO_LOOP_MODE = exports.AUDIO_LOOP_MODE = /* @__PURE__ */(AUDIO_LOOP_MODE2 => {
+  AUDIO_LOOP_MODE2["NONE"] = "none";
+  AUDIO_LOOP_MODE2["ALL"] = "all";
+  AUDIO_LOOP_MODE2["ONE"] = "one";
+  return AUDIO_LOOP_MODE2;
+})(AUDIO_LOOP_MODE || {});

package/dist/src/enums/Audio/audio-loop-mode.enum.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Loop strategy for `<OrigamAudio>` when a playlist is active.
+ *
+ * - `NONE` — no loop. Playback stops when the last track ends.
+ * - `ALL`  — loop the whole playlist. After the last track, wrap to
+ *            the first one and keep going.
+ * - `ONE`  — loop the current track. The same track restarts at 0
+ *            when it ends. Prev / next still navigate the playlist
+ *            (loop scope is the track ending, not the user action).
+ *
+ * The loop button cycles through `NONE → ALL → ONE → NONE …`.
+ */
+export declare enum AUDIO_LOOP_MODE {
+    NONE = "none",
+    ALL = "all",
+    ONE = "one"
+}