origam 2.3.0 → 2.5.0

package/dist/src/components/Video/index.cjs

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "OrigamVideo", {
+  enumerable: true,
+  get: function () {
+    return _OrigamVideo.default;
+  }
+});
+var _OrigamVideo = _interopRequireDefault(require("./OrigamVideo.vue"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }

package/dist/src/components/Video/index.d.ts

@@ -0,0 +1 @@
+export { default as OrigamVideo } from './OrigamVideo.vue';

package/dist/src/components/Video/index.js

@@ -0,0 +1 @@
+export { default as OrigamVideo } from "./OrigamVideo.vue";

package/dist/src/components/Watermark/OrigamWatermark.vue

@@ -0,0 +1,187 @@
+<template>
+	<component
+			:is="tag"
+			ref="rootEl"
+			class="origam-watermark"
+			:class="rootClasses"
+			:style="rootStyles"
+			data-cy="origam-watermark"
+	>
+		<slot/>
+		<div
+				ref="layerEl"
+				class="origam-watermark__layer"
+				:style="layerStyles"
+				aria-hidden="true"
+				data-cy="origam-watermark-layer"
+				:data-origam-watermark="''"
+		/>
+	</component>
+</template>
+
+<script setup>
+import {
+  computed,
+  onBeforeUnmount,
+  onMounted,
+  ref,
+  watch
+} from "vue";
+import { useWatermark } from "../../composables";
+const props = defineProps({
+  text: { type: String, required: false, default: void 0 },
+  image: { type: String, required: false, default: void 0 },
+  opacity: { type: Number, required: false, default: 0.1 },
+  angle: { type: Number, required: false, default: -30 },
+  gap: { type: Number, required: false, default: 120 },
+  fontSize: { type: Number, required: false, default: 16 },
+  fontFamily: { type: String, required: false, default: "inherit" },
+  color: { type: String, required: false, default: "currentColor" },
+  fontWeight: { type: [Number, String], required: false, default: 400 },
+  zIndex: { type: Number, required: false, default: 1 },
+  antiTamper: { type: Boolean, required: false, default: false },
+  pointerEvents: { type: String, required: false, default: "none" },
+  id: { type: String, required: false },
+  class: { type: [String, Array, Object], required: false },
+  style: { type: [String, Array, Object, Boolean, null], required: false, skipCheck: true },
+  tag: { type: String, required: false, default: "div" }
+});
+const resolvedOptions = computed(() => ({
+  text: props.text,
+  image: props.image,
+  opacity: props.opacity,
+  angle: props.angle,
+  gap: props.gap,
+  fontSize: props.fontSize,
+  fontFamily: props.fontFamily,
+  color: props.color,
+  fontWeight: props.fontWeight,
+  pointerEvents: props.pointerEvents,
+  zIndex: props.zIndex
+}));
+const { patternUrl } = useWatermark(resolvedOptions);
+const rootEl = ref(null);
+const layerEl = ref(null);
+let observer = null;
+let reinjectScheduled = false;
+const reinject = () => {
+  if (reinjectScheduled) return;
+  reinjectScheduled = true;
+  Promise.resolve().then(() => {
+    reinjectScheduled = false;
+    const root = rootEl.value;
+    if (!root) return;
+    if (!layerEl.value || !root.contains(layerEl.value)) {
+      const fresh = document.createElement("div");
+      fresh.className = "origam-watermark__layer";
+      fresh.setAttribute("aria-hidden", "true");
+      fresh.setAttribute("data-cy", "origam-watermark-layer");
+      fresh.setAttribute("data-origam-watermark", "");
+      Object.assign(fresh.style, {
+        position: "absolute",
+        top: "0",
+        right: "0",
+        bottom: "0",
+        left: "0",
+        backgroundImage: patternUrl.value,
+        backgroundRepeat: "repeat",
+        pointerEvents: props.pointerEvents,
+        zIndex: String(props.zIndex),
+        userSelect: "none"
+      });
+      root.appendChild(fresh);
+      layerEl.value = fresh;
+    } else {
+      const layer = layerEl.value;
+      layer.style.backgroundImage = patternUrl.value;
+      layer.style.backgroundRepeat = "repeat";
+      layer.style.pointerEvents = props.pointerEvents;
+      layer.style.zIndex = String(props.zIndex);
+    }
+  });
+};
+const installObserver = () => {
+  const root = rootEl.value;
+  if (!root || observer) return;
+  observer = new MutationObserver((mutations) => {
+    for (const mutation of mutations) {
+      if (mutation.type === "childList") {
+        let removed = false;
+        mutation.removedNodes.forEach((node) => {
+          if (node === layerEl.value) removed = true;
+        });
+        if (removed) {
+          reinject();
+          return;
+        }
+      } else if (mutation.type === "attributes" && mutation.target === layerEl.value) {
+        reinject();
+        return;
+      }
+    }
+  });
+  observer.observe(root, {
+    childList: true,
+    attributes: true,
+    attributeFilter: ["style", "class", "data-origam-watermark"],
+    subtree: false
+  });
+};
+const teardownObserver = () => {
+  if (observer) {
+    observer.disconnect();
+    observer = null;
+  }
+};
+onMounted(() => {
+  if (props.antiTamper) {
+    installObserver();
+  }
+});
+onBeforeUnmount(() => {
+  teardownObserver();
+});
+watch(() => props.antiTamper, (value) => {
+  if (value) {
+    installObserver();
+  } else {
+    teardownObserver();
+  }
+});
+const rootClasses = computed(() => [
+  {
+    "origam-watermark--anti-tamper": props.antiTamper
+  },
+  props.class
+]);
+const rootStyles = computed(() => [
+  {
+    position: "relative"
+  },
+  props.style
+]);
+const layerStyles = computed(() => ({
+  backgroundImage: patternUrl.value,
+  pointerEvents: props.pointerEvents,
+  zIndex: props.zIndex
+}));
+defineExpose({
+  patternUrl,
+  rootEl,
+  layerEl
+});
+</script>
+
+<style lang="scss" scoped>
+	.origam-watermark {
+		position: relative;
+		display: block;
+	}
+
+	.origam-watermark__layer {
+		position: absolute;
+		inset: 0;
+		background-repeat: repeat;
+		user-select: none;
+	}
+</style>

package/dist/src/components/Watermark/index.cjs

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "OrigamWatermark", {
+  enumerable: true,
+  get: function () {
+    return _OrigamWatermark.default;
+  }
+});
+var _OrigamWatermark = _interopRequireDefault(require("./OrigamWatermark.vue"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }

package/dist/src/components/Watermark/index.d.ts

@@ -0,0 +1 @@
+export { default as OrigamWatermark } from './OrigamWatermark.vue';

package/dist/src/components/Watermark/index.js

@@ -0,0 +1 @@
+export { default as OrigamWatermark } from "./OrigamWatermark.vue";

package/dist/src/components/index.cjs

@@ -58,6 +58,17 @@ Object.keys(_Badge).forEach(function (key) {
     }
   });
 });
+var _Blockquote = require("./Blockquote/index.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 _BottomNav = require("./BottomNav/index.cjs");
 Object.keys(_BottomNav).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -168,6 +179,17 @@ Object.keys(_ClientOnly).forEach(function (key) {
     }
   });
 });
+var _Clipboard = require("./Clipboard/index.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 _Code = require("./Code/index.cjs");
 Object.keys(_Code).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -333,6 +355,17 @@ Object.keys(_Drawer).forEach(function (key) {
     }
   });
 });
+var _EmptyState = require("./EmptyState/index.cjs");
+Object.keys(_EmptyState).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _EmptyState[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _EmptyState[key];
+    }
+  });
+});
 var _ExpansionPanel = require("./ExpansionPanel/index.cjs");
 Object.keys(_ExpansionPanel).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -388,6 +421,39 @@ Object.keys(_Grids).forEach(function (key) {
     }
   });
 });
+var _Grid = require("./Grid/index.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/index.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 _Media = require("./Media/index.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 _Icon = require("./Icon/index.cjs");
 Object.keys(_Icon).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -421,6 +487,28 @@ Object.keys(_InfiniteScroll).forEach(function (key) {
     }
   });
 });
+var _InlineEdit = require("./InlineEdit/index.cjs");
+Object.keys(_InlineEdit).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _InlineEdit[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _InlineEdit[key];
+    }
+  });
+});
+var _NumberFormat = require("./NumberFormat/index.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 _Input = require("./Input/index.cjs");
 Object.keys(_Input).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -718,17 +806,6 @@ Object.keys(_Snackbar).forEach(function (key) {
     }
   });
 });
-var _SnackbarStack = require("./SnackbarStack/index.cjs");
-Object.keys(_SnackbarStack).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _SnackbarStack[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _SnackbarStack[key];
-    }
-  });
-});
 var _Switch = require("./Switch/index.cjs");
 Object.keys(_Switch).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -795,6 +872,17 @@ Object.keys(_TextField).forEach(function (key) {
     }
   });
 });
+var _TextMask = require("./TextMask/index.cjs");
+Object.keys(_TextMask).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _TextMask[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _TextMask[key];
+    }
+  });
+});
 var _ThemeProvider = require("./ThemeProvider/index.cjs");
 Object.keys(_ThemeProvider).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -915,4 +1003,70 @@ Object.keys(_Treeview).forEach(function (key) {
       return _Treeview[key];
     }
   });
+});
+var _QrCode = require("./QrCode");
+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 _Watermark = require("./Watermark/index.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 _Video = require("./Video/index.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 _Audio = require("./Audio/index.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 _Calendar = require("./Calendar/index.cjs");
+Object.keys(_Calendar).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Calendar[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Calendar[key];
+    }
+  });
+});
+var _Chart = require("./Chart/index.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];
+    }
+  });
 });

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

@@ -3,6 +3,7 @@ export * from './Alert';
 export * from './App';
 export * from './Avatar';
 export * from './Badge';
+export * from './Blockquote';
 export * from './BottomNav';
 export * from './Bracket';
 export * from './Breadcrumb';
@@ -13,6 +14,7 @@ export * from './Carousel';
 export * from './Checkbox';
 export * from './Chip';
 export * from './ClientOnly';
+export * from './Clipboard';
 export * from './Code';
 export * from './ColorPicker';
 export * from './ColorPickerField';
@@ -28,14 +30,20 @@ export * from './DefaultsProvider';
 export * from './Dialog';
 export * from './Divider';
 export * from './Drawer';
+export * from './EmptyState';
 export * from './ExpansionPanel';
 export * from './Field';
 export * from './FileField';
 export * from './Form';
 export * from './Grids';
+export * from './Grid';
+export * from './Masonry';
+export * from './Media';
 export * from './Icon';
 export * from './Img';
 export * from './InfiniteScroll';
+export * from './InlineEdit';
+export * from './NumberFormat';
 export * from './Input';
 export * from './Label';
 export * from './Layout';
@@ -63,13 +71,13 @@ export * from './Sheet';
 export * from './Slide';
 export * from './SliderField';
 export * from './Snackbar';
-export * from './SnackbarStack';
 export * from './Switch';
 export * from './SystemBar';
 export * from './Table';
 export * from './Tabs';
 export * from './TextareaField';
 export * from './TextField';
+export * from './TextMask';
 export * from './ThemeProvider';
 export * from './Title';
 export * from './Toolbar';
@@ -81,3 +89,9 @@ export * from './Kbd';
 export * from './Stepper';
 export * from './Timeline';
 export * from './Treeview';
+export * from './QrCode';
+export * from './Watermark';
+export * from './Video';
+export * from './Audio';
+export * from './Calendar';
+export * from './Chart';

package/dist/src/components/index.js

@@ -3,6 +3,7 @@ export * from "./Alert/index.js";
 export * from "./App/index.js";
 export * from "./Avatar/index.js";
 export * from "./Badge/index.js";
+export * from "./Blockquote/index.js";
 export * from "./BottomNav/index.js";
 export * from "./Bracket/index.js";
 export * from "./Breadcrumb/index.js";
@@ -13,6 +14,7 @@ export * from "./Carousel/index.js";
 export * from "./Checkbox/index.js";
 export * from "./Chip/index.js";
 export * from "./ClientOnly/index.js";
+export * from "./Clipboard/index.js";
 export * from "./Code/index.js";
 export * from "./ColorPicker/index.js";
 export * from "./ColorPickerField/index.js";
@@ -28,14 +30,20 @@ export * from "./DefaultsProvider/index.js";
 export * from "./Dialog/index.js";
 export * from "./Divider/index.js";
 export * from "./Drawer/index.js";
+export * from "./EmptyState/index.js";
 export * from "./ExpansionPanel/index.js";
 export * from "./Field/index.js";
 export * from "./FileField/index.js";
 export * from "./Form/index.js";
 export * from "./Grids/index.js";
+export * from "./Grid/index.js";
+export * from "./Masonry/index.js";
+export * from "./Media/index.js";
 export * from "./Icon/index.js";
 export * from "./Img/index.js";
 export * from "./InfiniteScroll/index.js";
+export * from "./InlineEdit/index.js";
+export * from "./NumberFormat/index.js";
 export * from "./Input/index.js";
 export * from "./Label/index.js";
 export * from "./Layout/index.js";
@@ -63,13 +71,13 @@ export * from "./Sheet/index.js";
 export * from "./Slide/index.js";
 export * from "./SliderField/index.js";
 export * from "./Snackbar/index.js";
-export * from "./SnackbarStack/index.js";
 export * from "./Switch/index.js";
 export * from "./SystemBar/index.js";
 export * from "./Table/index.js";
 export * from "./Tabs/index.js";
 export * from "./TextareaField/index.js";
 export * from "./TextField/index.js";
+export * from "./TextMask/index.js";
 export * from "./ThemeProvider/index.js";
 export * from "./Title/index.js";
 export * from "./Toolbar/index.js";
@@ -81,3 +89,9 @@ export * from "./Kbd/index.js";
 export * from "./Stepper/index.js";
 export * from "./Timeline/index.js";
 export * from "./Treeview/index.js";
+export * from "./QrCode";
+export * from "./Watermark/index.js";
+export * from "./Video/index.js";
+export * from "./Audio/index.js";
+export * from "./Calendar/index.js";
+export * from "./Chart/index.js";

package/dist/src/composables/Audio/use-audio-player.composable.cjs

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useAudioPlayer = useAudioPlayer;
+var _vue = require("vue");
+var _useMediaPlayer = require("../Media/use-media-player.composable.cjs");
+function useAudioPlayer(options = {}) {
+  const audioRef = options.audioRef ?? (0, _vue.ref)(null);
+  const {
+    state,
+    methods
+  } = (0, _useMediaPlayer.useMediaPlayer)({
+    autoplay: options.autoplay,
+    muted: options.muted,
+    loop: options.loop,
+    preload: options.preload,
+    mediaRef: audioRef
+  });
+  return {
+    audioRef,
+    state,
+    methods
+  };
+}

package/dist/src/composables/Audio/use-audio-player.composable.d.ts

@@ -0,0 +1,29 @@
+import { type Ref } from 'vue';
+import type { IAudioPlayerMethods, IAudioPlayerState, IUseOrigamAudioPlayerOptions } from '../../interfaces';
+/**
+ * Headless audio player composable. Today this is a trivial wrapper
+ * around `useMediaPlayer` — `HTMLAudioElement` does not expose any
+ * extra state or method beyond the media-shared baseline (no
+ * fullscreen, no picture-in-picture). The wrapper exists so:
+ *
+ *  - Consumers get a typed `audioRef` (instead of the generic
+ *    `mediaRef: HTMLMediaElement`) at the call site.
+ *  - Future audio-specific extensions (waveform analysis,
+ *    frequency-domain visualisations, Web Audio AnalyserNode wiring,
+ *    AudioWorklet pipes) have a stable home that can grow without
+ *    breaking consumer imports.
+ *
+ * @example
+ * ```ts
+ * const audioRef = ref<HTMLAudioElement | null>(null)
+ * const { state, methods } = useAudioPlayer({ audioRef })
+ *
+ * // template:
+ * // <audio ref="audioRef" src="…" />
+ * ```
+ */
+export declare function useAudioPlayer(options?: IUseOrigamAudioPlayerOptions): {
+    audioRef: Ref<HTMLAudioElement | null>;
+    state: IAudioPlayerState;
+    methods: IAudioPlayerMethods;
+};

package/dist/src/composables/Audio/use-audio-player.composable.js

@@ -0,0 +1,17 @@
+import { ref } from "vue";
+import { useMediaPlayer } from "../Media/use-media-player.composable.js";
+export function useAudioPlayer(options = {}) {
+  const audioRef = options.audioRef ?? ref(null);
+  const { state, methods } = useMediaPlayer({
+    autoplay: options.autoplay,
+    muted: options.muted,
+    loop: options.loop,
+    preload: options.preload,
+    mediaRef: audioRef
+  });
+  return {
+    audioRef,
+    state,
+    methods
+  };
+}