origam 2.3.0 → 2.6.1

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/VirtualScroll/OrigamVirtualScroll.vue

@@ -77,7 +77,7 @@
 	</template>
 </template>
 
-<script setup>
+<script lang="ts" setup>
 import { computed, onMounted, onScopeDispose, Ref, StyleValue, toRef } from "vue";
 import { OrigamVirtualScrollItem } from "../../components";
 import {

package/dist/src/components/VirtualScroll/OrigamVirtualScrollItem.vue

@@ -17,7 +17,7 @@
 	</template>
 </template>
 
-<script setup>
+<script lang="ts" setup>
 import { computed, StyleValue, useAttrs, watch } from "vue";
 import {
   useProps,
@@ -58,8 +58,3 @@ defineExpose({
   isLoaded
 });
 </script>
-
-<style lang="scss" scoped>
-	.origam-virtual-scroll-item {
-	}
-</style>

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 lang="ts" 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/Window/OrigamWindow.vue

@@ -30,6 +30,9 @@
 						<origam-btn
 								v-if="canMoveBack"
 								v-bind="prevProps"
+								:bg-color="bgColor"
+								:hover="hover"
+								:active="active"
 						/>
 					</slot>
 
@@ -42,6 +45,9 @@
 						<origam-btn
 								v-if="canMoveForward"
 								v-bind="nextProps"
+								:bg-color="bgColor"
+								:hover="hover"
+								:active="active"
 						/>
 					</slot>
 				</slot>
@@ -55,13 +61,18 @@
 	</component>
 </template>
 
-<script setup>
+<script lang="ts" setup>
 import { computed, provide, ref, shallowRef, StyleValue, watch } from "vue";
 import { OrigamBtn, OrigamSpacer } from "../../components";
 import {
+  useBorder,
+  useElevation,
   useGroup,
   useLocale,
+  useMargin,
+  usePadding,
   useProps,
+  useRounded,
   useStyle
 } from "../../composables";
 import { ORIGAM_WINDOW_GROUP_KEY, ORIGAM_WINDOW_KEY } from "../../consts";
@@ -111,7 +122,11 @@ const props = defineProps({
   roundedTopLeft: { type: [Boolean, Number, String], required: false },
   roundedBottomLeft: { type: [Boolean, Number, String], required: false },
   roundedBottomRight: { type: [Boolean, Number, String], required: false },
-  elevation: { type: [Number, String], required: false }
+  elevation: { type: [Number, String], required: false },
+  bgColor: { type: [String, Object, Boolean, null], required: false, skipCheck: true },
+  hover: { type: [Boolean, Object], required: false },
+  active: { type: [Boolean, Object], required: false },
+  activeClass: { type: String, required: false }
 });
 defineEmits(["update:modelValue"]);
 const { filterProps } = useProps(props);
@@ -194,8 +209,18 @@ const touchOptions = computed(() => {
     ...props.touch === true ? {} : props.touch
   };
 });
+const { roundedClasses, roundedStyles } = useRounded(props);
+const { borderClasses, borderStyles } = useBorder(props);
+const { elevationClasses, elevationStyles } = useElevation(props);
+const { paddingClasses, paddingStyles } = usePadding(props);
+const { marginClasses, marginStyles } = useMargin(props);
 const windowStyles = computed(() => {
   return [
+    roundedStyles.value,
+    borderStyles.value,
+    elevationStyles.value,
+    paddingStyles.value,
+    marginStyles.value,
     props.style
   ];
 });
@@ -205,6 +230,11 @@ const windowClasses = computed(() => {
     {
       "origam-window--show-arrows-on-hover": props.showArrows === "hover"
     },
+    roundedClasses.value,
+    borderClasses.value,
+    elevationClasses.value,
+    paddingClasses.value,
+    marginClasses.value,
     props.class
   ];
 });

package/dist/src/components/Window/OrigamWindowItem.vue

@@ -17,7 +17,7 @@
 	</origam-transition>
 </template>
 
-<script setup>
+<script lang="ts" setup>
 import { computed, inject, nextTick, shallowRef, StyleValue } from "vue";
 import { OrigamTransition } from "../../components";
 import {

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/index.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 _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';