origam 2.12.0 → 2.13.0

package/dist/src/components/TextField/OrigamTextField.vue

@@ -420,6 +420,7 @@ watch(maskIsValid, (v) => {
 watch(maskComplete, (c) => {
   if (hasMask.value) emits("complete", { complete: c, unmasked: unmaskedValue.value });
 }, { immediate: false });
+let maskInputSeq = 0;
 const handleInput = (e) => {
   const el = e.target;
   if (hasMask.value) {
@@ -427,7 +428,9 @@ const handleInput = (e) => {
     const tokens = cfg?.pattern ?? "";
     const r = applyMask(el.value, tokens);
     model.value = r.unmasked;
+    const seq = ++maskInputSeq;
     nextTick(() => {
+      if (seq !== maskInputSeq) return;
       if (el.value !== r.masked) el.value = r.masked;
       const pos = r.masked.length;
       try {
@@ -468,7 +471,7 @@ const enrichedRules = computed(() => {
   const base = Array.isArray(props.rules) ? [...props.rules] : [];
   if (props.counter && typeof props.counter === "number") {
     const limit = props.counter;
-    base.push((v) => !v || v.length <= limit || t("origam.validation.max_length", [limit]));
+    base.push((v) => !v || v.length <= limit || t("origam.validation.max_length", limit));
   }
   if (hasMask.value) {
     base.push(() => {

package/dist/src/components/TextareaField/OrigamRichToolbar.vue

@@ -96,7 +96,7 @@ const { t } = useLocale();
 const linkPopoverOpen = ref(false);
 const linkInput = ref("");
 const linkInputRef = ref();
-const toolbarLabel = computed(() => t("origam.textarea.rich.toolbar.aria-label", "Text formatting"));
+const toolbarLabel = computed(() => t("origam.textarea.rich.toolbar.aria_label", "Text formatting"));
 const linkPlaceholder = computed(() => t("origam.textarea.rich.link.placeholder", "https://example.com"));
 const linkApplyLabel = computed(() => t("origam.textarea.rich.link.apply", "Apply"));
 const ICON_MAP = {
@@ -118,14 +118,14 @@ const LABEL_KEY = {
   [TEXTAREA_TOOLBAR_COMMAND.ITALIC]: ["origam.textarea.rich.command.italic", "Italic"],
   [TEXTAREA_TOOLBAR_COMMAND.UNDERLINE]: ["origam.textarea.rich.command.underline", "Underline"],
   [TEXTAREA_TOOLBAR_COMMAND.LINK]: ["origam.textarea.rich.command.link", "Insert link"],
-  [TEXTAREA_TOOLBAR_COMMAND.LIST_BULLET]: ["origam.textarea.rich.command.list-bullet", "Bullet list"],
-  [TEXTAREA_TOOLBAR_COMMAND.LIST_ORDERED]: ["origam.textarea.rich.command.list-ordered", "Numbered list"],
+  [TEXTAREA_TOOLBAR_COMMAND.LIST_BULLET]: ["origam.textarea.rich.command.list_bullet", "Bullet list"],
+  [TEXTAREA_TOOLBAR_COMMAND.LIST_ORDERED]: ["origam.textarea.rich.command.list_ordered", "Numbered list"],
   [TEXTAREA_TOOLBAR_COMMAND.HEADING]: ["origam.textarea.rich.command.heading", "Heading"],
-  [TEXTAREA_TOOLBAR_COMMAND.HEADING_1]: ["origam.textarea.rich.command.heading-1", "Heading 1"],
-  [TEXTAREA_TOOLBAR_COMMAND.HEADING_2]: ["origam.textarea.rich.command.heading-2", "Heading 2"],
-  [TEXTAREA_TOOLBAR_COMMAND.HEADING_3]: ["origam.textarea.rich.command.heading-3", "Heading 3"],
-  [TEXTAREA_TOOLBAR_COMMAND.CODE_INLINE]: ["origam.textarea.rich.command.code-inline", "Inline code"],
-  [TEXTAREA_TOOLBAR_COMMAND.CLEAR_FORMAT]: ["origam.textarea.rich.command.clear-format", "Clear formatting"]
+  [TEXTAREA_TOOLBAR_COMMAND.HEADING_1]: ["origam.textarea.rich.command.heading_1", "Heading 1"],
+  [TEXTAREA_TOOLBAR_COMMAND.HEADING_2]: ["origam.textarea.rich.command.heading_2", "Heading 2"],
+  [TEXTAREA_TOOLBAR_COMMAND.HEADING_3]: ["origam.textarea.rich.command.heading_3", "Heading 3"],
+  [TEXTAREA_TOOLBAR_COMMAND.CODE_INLINE]: ["origam.textarea.rich.command.code_inline", "Inline code"],
+  [TEXTAREA_TOOLBAR_COMMAND.CLEAR_FORMAT]: ["origam.textarea.rich.command.clear_format", "Clear formatting"]
 };
 const toolbarClasses = computed(() => [
   "origam-rich-toolbar",

package/dist/src/components/TextareaField/OrigamTextareaField.vue

@@ -635,7 +635,7 @@ const enrichedRules = computed(() => {
   const base = Array.isArray(props.rules) ? [...props.rules] : [];
   if (props.counter && typeof props.counter === "number") {
     const limit = props.counter;
-    base.push((v) => !v || v.length <= limit || t("origam.validation.max_length", [limit]));
+    base.push((v) => !v || v.length <= limit || t("origam.validation.max_length", limit));
   }
   return base;
 });

package/dist/src/components/Title/OrigamTitle.vue

@@ -1,6 +1,6 @@
 <template>
 	<component
-			:is="tag"
+			:is="props.tag"
 			:id="id"
 			v-contrast
 			:class="titleClasses"
@@ -20,6 +20,7 @@ import { computed, StyleValue, toRef, useSlots } from "vue";
 import {
   useBorder,
   useBothColor,
+  useDefaults,
   useDensity,
   useMargin,
   usePadding,
@@ -28,9 +29,9 @@ import {
   useTypography
 } from "../../composables";
 import { vContrast } from "../../directives";
-const props = defineProps({
+const _props = defineProps({
   text: { type: String, required: false },
-  tag: { type: String, required: false, default: "h1" },
+  tag: { type: String, required: false, default: "h2" },
   id: { type: String, required: false },
   class: { type: [String, Array, Object], required: false },
   style: { type: [String, Array, Object, Boolean, null], required: false, skipCheck: true },
@@ -70,6 +71,7 @@ const props = defineProps({
   lineHeight: { type: String, required: false },
   letterSpacing: { type: String, required: false }
 });
+const props = useDefaults(_props);
 const { filterProps } = useProps(props);
 const { colorClasses, colorStyles } = useBothColor(toRef(props, "bgColor"), toRef(props, "color"));
 const { densityClasses } = useDensity(props);
@@ -102,7 +104,7 @@ const titleClasses = computed(() => {
     props.class
   ];
 });
-const { id: styleId, css, load, isLoaded, unload } = useStyle(titleStyles);
+const { id: styleId, css, load, isLoaded, unload } = useStyle(titleStyles, () => props.id);
 defineExpose({
   filterProps,
   css,

package/dist/src/components/Video/OrigamVideo.vue

@@ -575,13 +575,13 @@ const errorMessage = computed(() => {
   return "Playback error";
 });
 const captionsLabelKey = computed(() => {
-  return captionsEnabled.value ? "origam.video.disableCaptions" : "origam.video.enableCaptions";
+  return captionsEnabled.value ? "origam.video.disable_captions" : "origam.video.enable_captions";
 });
 const pipLabelKey = computed(() => {
-  return state.pip.value ? "origam.video.exitPip" : "origam.video.enterPip";
+  return state.pip.value ? "origam.video.exit_pip" : "origam.video.enter_pip";
 });
 const fullscreenLabelKey = computed(() => {
-  return state.fullscreen.value ? "origam.video.exitFullscreen" : "origam.video.enterFullscreen";
+  return state.fullscreen.value ? "origam.video.exit_fullscreen" : "origam.video.enter_fullscreen";
 });
 const fullscreenIcon = computed(() => {
   return state.fullscreen.value ? ICONS.FULLSCREEN_EXIT : ICONS.FULLSCREEN;

package/dist/src/composables/Commons/group.composable.cjs

@@ -14,7 +14,7 @@ function useGroupItem(props, injectKey, required = true) {
     throw new Error("[Origam] useGroupItem composable must be used inside a component setup function");
   }
   const id = (0, _utils.getUid)();
-  (0, _vue.provide)(Symbol.for(`${injectKey.description}:id`), id);
+  (0, _vue.provide)(/* @__PURE__ */Symbol.for(`${injectKey.description}:id`), id);
   const group = (0, _vue.inject)(injectKey, null);
   if (!group) {
     if (!required) return group;
@@ -68,7 +68,7 @@ function useGroup(props, injectKey) {
   const groupVm = (0, _utils.getCurrentInstance)("useGroup");
   const register = (item, vm) => {
     const unwrapped = item;
-    const key = Symbol.for(`${injectKey.description}:id`);
+    const key = /* @__PURE__ */Symbol.for(`${injectKey.description}:id`);
     const children = (0, _utils.findChildrenWithProvide)(key, groupVm?.vnode);
     const index = children.indexOf(vm);
     if ((0, _vue.unref)(unwrapped.value) == null) {

package/dist/src/composables/Commons/group.composable.js

@@ -28,7 +28,7 @@ export function useGroupItem(props, injectKey, required = true) {
     );
   }
   const id = getUid();
-  provide(Symbol.for(`${injectKey.description}:id`), id);
+  provide(/* @__PURE__ */ Symbol.for(`${injectKey.description}:id`), id);
   const group = inject(injectKey, null);
   if (!group) {
     if (!required) return group;
@@ -86,7 +86,7 @@ export function useGroup(props, injectKey) {
   const groupVm = getCurrentInstance("useGroup");
   const register = (item, vm) => {
     const unwrapped = item;
-    const key = Symbol.for(`${injectKey.description}:id`);
+    const key = /* @__PURE__ */ Symbol.for(`${injectKey.description}:id`);
     const children = findChildrenWithProvide(key, groupVm?.vnode);
     const index = children.indexOf(vm);
     if (unref(unwrapped.value) == null) {

package/dist/src/composables/Commons/style.composable.cjs

@@ -51,20 +51,22 @@ function useStyleTag(css, options = {}) {
     isLoaded: (0, _vue.readonly)(isLoaded)
   };
 }
+function toDeclarations(value) {
+  if (value == null || typeof value === "boolean" || typeof value === "number") return [];
+  if (typeof value === "string") return value.length > 0 ? [value] : [];
+  if (Array.isArray(value)) return value.flatMap(toDeclarations);
+  if (typeof value === "object") {
+    const bag = value;
+    return Object.keys(bag).filter(key => typeof bag[key] !== "undefined").map(key => `${key}: ${bag[key]}`);
+  }
+  return [];
+}
 function useStyle(styles, uniq = void 0, name = (0, _utils.getCurrentInstanceName)()) {
-  const id = (0, _vue.computed)(() => {
-    return uniq ?? `${name}-${(0, _utils.getUid)()}`;
-  });
+  const fallbackId = `${name}-${(0, _utils.getUid)()}`;
+  const id = (0, _vue.computed)(() => (0, _vue.toValue)(uniq) || fallbackId);
   const customCss = (0, _vue.computed)(() => {
-    const raw = styles.value;
-    const normalized = Array.isArray(raw) ? raw : [raw];
-    const stylesArray = normalized.map(value => {
-      if (typeof value === "object" && value !== null && !Array.isArray(value)) {
-        return Object.keys(value).filter(key => typeof value[key] !== "undefined").map(key => `${key}: ${value[key]}`);
-      }
-      return value;
-    }).flat().filter(value => value != null && String(value).length > 0);
-    return `#${id.value} {${stylesArray.join(";")}}`;
+    const stylesArray = toDeclarations(styles.value);
+    return `#${(0, _utils.escapeCssIdent)(id.value)} {${stylesArray.join(";")}}`;
   });
   const {
     id: styleTagId,

package/dist/src/composables/Commons/style.composable.d.ts

@@ -1,5 +1,5 @@
 import type { IStyleTagOptions } from "../../interfaces";
-import { ComputedRef, MaybeRef } from 'vue';
+import { ComputedRef, MaybeRef, MaybeRefOrGetter } from 'vue';
 /**
  * Inject <style> element in head.
  *
@@ -18,10 +18,24 @@ export declare function useStyleTag(css: MaybeRef<string>, options?: IStyleTagOp
     load: () => void;
     isLoaded: Readonly<import("vue").Ref<boolean, boolean>>;
 };
+/**
+ * Build a per-instance stylesheet out of a computed style bag and inject it
+ * in `<head>`, scoped to the root element's id.
+ *
+ * `uniq` is the id the CALLER wants that root element to carry. Passing
+ * `() => props.id` is what makes a consumer-supplied `id` win over the
+ * generated one: the returned `id` is what the component binds to its root,
+ * and the generated rule targets that same id — so honouring the consumer's
+ * `id` never orphans the rule. Reactive (ref / getter) so that an `id` that
+ * appears on a later render is picked up.
+ *
+ * When the caller passes nothing (or an empty value) the generated
+ * `<name>-<uid>` id is used, exactly as before.
+ */
 /*********************************************************
  * useStyle
  ********************************************************/
-export declare function useStyle(styles: ComputedRef, uniq?: undefined, name?: string): {
+export declare function useStyle(styles: ComputedRef, uniq?: MaybeRefOrGetter<string | undefined>, name?: string): {
     id: ComputedRef<string>;
     styleTagId: string;
     css: import("vue").Ref<string, string> | import("vue").ShallowRef<string, string> | import("vue").WritableComputedRef<string, string>;

package/dist/src/composables/Commons/style.composable.js

@@ -1,6 +1,6 @@
 import { DEFAULT_DOCUMENT } from "../../consts/index.js";
-import { getCurrentInstanceName, getUid, tryOnMounted, tryOnScopeDispose } from "../../utils/index.js";
-import { computed, onMounted, readonly, shallowRef, watch } from "vue";
+import { escapeCssIdent, getCurrentInstanceName, getUid, tryOnMounted, tryOnScopeDispose } from "../../utils/index.js";
+import { computed, onMounted, readonly, shallowRef, toValue, watch } from "vue";
 let _id = 0;
 export function useStyleTag(css, options = {}) {
   const isLoaded = shallowRef(false);
@@ -53,20 +53,22 @@ export function useStyleTag(css, options = {}) {
     isLoaded: readonly(isLoaded)
   };
 }
+function toDeclarations(value) {
+  if (value == null || typeof value === "boolean" || typeof value === "number") return [];
+  if (typeof value === "string") return value.length > 0 ? [value] : [];
+  if (Array.isArray(value)) return value.flatMap(toDeclarations);
+  if (typeof value === "object") {
+    const bag = value;
+    return Object.keys(bag).filter((key) => typeof bag[key] !== "undefined").map((key) => `${key}: ${bag[key]}`);
+  }
+  return [];
+}
 export function useStyle(styles, uniq = void 0, name = getCurrentInstanceName()) {
-  const id = computed(() => {
-    return uniq ?? `${name}-${getUid()}`;
-  });
+  const fallbackId = `${name}-${getUid()}`;
+  const id = computed(() => toValue(uniq) || fallbackId);
   const customCss = computed(() => {
-    const raw = styles.value;
-    const normalized = Array.isArray(raw) ? raw : [raw];
-    const stylesArray = normalized.map((value) => {
-      if (typeof value === "object" && value !== null && !Array.isArray(value)) {
-        return Object.keys(value).filter((key) => typeof value[key] !== "undefined").map((key) => `${key}: ${value[key]}`);
-      }
-      return value;
-    }).flat().filter((value) => value != null && String(value).length > 0);
-    return `#${id.value} {${stylesArray.join(";")}}`;
+    const stylesArray = toDeclarations(styles.value);
+    return `#${escapeCssIdent(id.value)} {${stylesArray.join(";")}}`;
   });
   const { id: styleTagId, css, load, unload, isLoaded } = useStyleTag(customCss);
   onMounted(() => {

package/dist/src/consts/Btn/btn-toggle.const.cjs

@@ -4,4 +4,4 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ORIGAM_BTN_TOGGLE_KEY = void 0;
-const ORIGAM_BTN_TOGGLE_KEY = exports.ORIGAM_BTN_TOGGLE_KEY = Symbol.for("origam:btn-toggle");
+const ORIGAM_BTN_TOGGLE_KEY = exports.ORIGAM_BTN_TOGGLE_KEY = /* @__PURE__ */Symbol.for("origam:btn-toggle");

package/dist/src/consts/Btn/btn-toggle.const.js

@@ -1 +1 @@
-export const ORIGAM_BTN_TOGGLE_KEY = Symbol.for("origam:btn-toggle");
+export const ORIGAM_BTN_TOGGLE_KEY = /* @__PURE__ */ Symbol.for("origam:btn-toggle");

package/dist/src/consts/Chip/chip-group.const.cjs

@@ -4,4 +4,4 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ORIGAM_CHIP_GROUP_KEY = void 0;
-const ORIGAM_CHIP_GROUP_KEY = exports.ORIGAM_CHIP_GROUP_KEY = Symbol.for("origam:chip-group");
+const ORIGAM_CHIP_GROUP_KEY = exports.ORIGAM_CHIP_GROUP_KEY = /* @__PURE__ */Symbol.for("origam:chip-group");

package/dist/src/consts/Chip/chip-group.const.js

@@ -1 +1 @@
-export const ORIGAM_CHIP_GROUP_KEY = Symbol.for("origam:chip-group");
+export const ORIGAM_CHIP_GROUP_KEY = /* @__PURE__ */ Symbol.for("origam:chip-group");

package/dist/src/consts/Commons/date.const.cjs

@@ -4,8 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.REGEX_DATE_YYYY_MM_DD = exports.ORIGAM_DATE_OPTIONS_KEY = exports.ORIGAM_DATE_ADAPTER_KEY = exports.FIRST_DAY = exports.DATE_2000_JUNARY_SUNDAY = void 0;
-const ORIGAM_DATE_OPTIONS_KEY = exports.ORIGAM_DATE_OPTIONS_KEY = Symbol.for("origam:date-options");
-const ORIGAM_DATE_ADAPTER_KEY = exports.ORIGAM_DATE_ADAPTER_KEY = Symbol.for("origam:date-adapter");
+const ORIGAM_DATE_OPTIONS_KEY = exports.ORIGAM_DATE_OPTIONS_KEY = /* @__PURE__ */Symbol.for("origam:date-options");
+const ORIGAM_DATE_ADAPTER_KEY = exports.ORIGAM_DATE_ADAPTER_KEY = /* @__PURE__ */Symbol.for("origam:date-adapter");
 const REGEX_DATE_YYYY_MM_DD = exports.REGEX_DATE_YYYY_MM_DD = /^([12]\d{3}-([1-9]|0[1-9]|1[0-2])-([1-9]|0[1-9]|[12]\d|3[01]))$/;
 const FIRST_DAY = exports.FIRST_DAY = {
   "001": 1,

package/dist/src/consts/Commons/date.const.js

@@ -1,5 +1,5 @@
-export const ORIGAM_DATE_OPTIONS_KEY = Symbol.for("origam:date-options");
-export const ORIGAM_DATE_ADAPTER_KEY = Symbol.for("origam:date-adapter");
+export const ORIGAM_DATE_OPTIONS_KEY = /* @__PURE__ */ Symbol.for("origam:date-options");
+export const ORIGAM_DATE_ADAPTER_KEY = /* @__PURE__ */ Symbol.for("origam:date-adapter");
 export const REGEX_DATE_YYYY_MM_DD = /^([12]\d{3}-([1-9]|0[1-9]|1[0-2])-([1-9]|0[1-9]|[12]\d|3[01]))$/;
 export const FIRST_DAY = {
   "001": 1,

package/dist/src/consts/Commons/defaults.const.cjs

@@ -4,4 +4,4 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ORIGAM_DEFAULTS_KEY = void 0;
-const ORIGAM_DEFAULTS_KEY = exports.ORIGAM_DEFAULTS_KEY = Symbol.for("origam:defaults");
+const ORIGAM_DEFAULTS_KEY = exports.ORIGAM_DEFAULTS_KEY = /* @__PURE__ */Symbol.for("origam:defaults");

package/dist/src/consts/Commons/defaults.const.js

@@ -1 +1 @@
-export const ORIGAM_DEFAULTS_KEY = Symbol.for("origam:defaults");
+export const ORIGAM_DEFAULTS_KEY = /* @__PURE__ */ Symbol.for("origam:defaults");

package/dist/src/consts/Commons/display.const.cjs

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.ORIGAM_DISPLAY_KEY = exports.DEFAULT_DISPLAY_OPTIONS = exports.BREAKPOINTS_ARRAY = void 0;
 var _enums = require("../../enums/index.cjs");
-const ORIGAM_DISPLAY_KEY = exports.ORIGAM_DISPLAY_KEY = Symbol.for("origam:display");
+const ORIGAM_DISPLAY_KEY = exports.ORIGAM_DISPLAY_KEY = /* @__PURE__ */Symbol.for("origam:display");
 const DEFAULT_DISPLAY_OPTIONS = exports.DEFAULT_DISPLAY_OPTIONS = {
   mobileBreakpoint: "lg",
   thresholds: {

package/dist/src/consts/Commons/display.const.js

@@ -1,5 +1,5 @@
 import { BREAKPOINTS } from "../../enums/index.js";
-export const ORIGAM_DISPLAY_KEY = Symbol.for("origam:display");
+export const ORIGAM_DISPLAY_KEY = /* @__PURE__ */ Symbol.for("origam:display");
 export const DEFAULT_DISPLAY_OPTIONS = {
   mobileBreakpoint: "lg",
   thresholds: {

package/dist/src/consts/Commons/forwardRefs.const.cjs

@@ -4,4 +4,4 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.FORWARD_REFS = void 0;
-const FORWARD_REFS = exports.FORWARD_REFS = Symbol("Forwarded refs");
+const FORWARD_REFS = exports.FORWARD_REFS = /* @__PURE__ */Symbol("Forwarded refs");

package/dist/src/consts/Commons/forwardRefs.const.js

@@ -1 +1 @@
-export const FORWARD_REFS = Symbol("Forwarded refs");
+export const FORWARD_REFS = /* @__PURE__ */ Symbol("Forwarded refs");

package/dist/src/consts/Commons/goTo.const.cjs

@@ -4,4 +4,4 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ORIGAM_GO_TO_KEY = void 0;
-const ORIGAM_GO_TO_KEY = exports.ORIGAM_GO_TO_KEY = Symbol.for("origam:goto");
+const ORIGAM_GO_TO_KEY = exports.ORIGAM_GO_TO_KEY = /* @__PURE__ */Symbol.for("origam:goto");

package/dist/src/consts/Commons/goTo.const.js

@@ -1 +1 @@
-export const ORIGAM_GO_TO_KEY = Symbol.for("origam:goto");
+export const ORIGAM_GO_TO_KEY = /* @__PURE__ */ Symbol.for("origam:goto");

package/dist/src/consts/Commons/hover.const.cjs

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ORIGAM_HOVER_STOP_KEY = exports.HOVER = void 0;
-const ORIGAM_HOVER_STOP_KEY = exports.ORIGAM_HOVER_STOP_KEY = Symbol("origam:hoverStop");
+const ORIGAM_HOVER_STOP_KEY = exports.ORIGAM_HOVER_STOP_KEY = /* @__PURE__ */Symbol("origam:hoverStop");
 const HOVER = exports.HOVER = {
   show(_e, el, value) {
     if (!el?._hover?.enabled) {

package/dist/src/consts/Commons/hover.const.js

@@ -1,4 +1,4 @@
-export const ORIGAM_HOVER_STOP_KEY = Symbol("origam:hoverStop");
+export const ORIGAM_HOVER_STOP_KEY = /* @__PURE__ */ Symbol("origam:hoverStop");
 export const HOVER = {
   show(_e, el, value) {
     if (!el?._hover?.enabled) {

package/dist/src/consts/Commons/layout.const.cjs

@@ -4,6 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ROOT_ZINDEX = exports.ORIGAM_LAYOUT_KEY = exports.ORIGAM_LAYOUT_ITEM_KEY = void 0;
-const ORIGAM_LAYOUT_KEY = exports.ORIGAM_LAYOUT_KEY = Symbol.for("origam:layout");
-const ORIGAM_LAYOUT_ITEM_KEY = exports.ORIGAM_LAYOUT_ITEM_KEY = Symbol.for("origam:layout-item");
+const ORIGAM_LAYOUT_KEY = exports.ORIGAM_LAYOUT_KEY = /* @__PURE__ */Symbol.for("origam:layout");
+const ORIGAM_LAYOUT_ITEM_KEY = exports.ORIGAM_LAYOUT_ITEM_KEY = /* @__PURE__ */Symbol.for("origam:layout-item");
 const ROOT_ZINDEX = exports.ROOT_ZINDEX = 1e3;

package/dist/src/consts/Commons/layout.const.js

@@ -1,3 +1,3 @@
-export const ORIGAM_LAYOUT_KEY = Symbol.for("origam:layout");
-export const ORIGAM_LAYOUT_ITEM_KEY = Symbol.for("origam:layout-item");
+export const ORIGAM_LAYOUT_KEY = /* @__PURE__ */ Symbol.for("origam:layout");
+export const ORIGAM_LAYOUT_ITEM_KEY = /* @__PURE__ */ Symbol.for("origam:layout-item");
 export const ROOT_ZINDEX = 1e3;

package/dist/src/consts/Commons/locale.const.cjs

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ORIGAM_LOCALE_KEY = exports.LOCALE_RTL_DEFAULT = void 0;
-const ORIGAM_LOCALE_KEY = exports.ORIGAM_LOCALE_KEY = Symbol.for("origam:locale");
+const ORIGAM_LOCALE_KEY = exports.ORIGAM_LOCALE_KEY = /* @__PURE__ */Symbol.for("origam:locale");
 const LOCALE_RTL_DEFAULT = exports.LOCALE_RTL_DEFAULT = Object.freeze({
   af: false,
   ar: true,

package/dist/src/consts/Commons/locale.const.js

@@ -1,4 +1,4 @@
-export const ORIGAM_LOCALE_KEY = Symbol.for("origam:locale");
+export const ORIGAM_LOCALE_KEY = /* @__PURE__ */ Symbol.for("origam:locale");
 export const LOCALE_RTL_DEFAULT = Object.freeze({
   af: false,
   ar: true,

package/dist/src/consts/Commons/nested.const.cjs

@@ -68,7 +68,7 @@ const LIST_OPEN_STRATEGY = exports.LIST_OPEN_STRATEGY = {
     return new Set(path);
   }
 };
-const ORIGAM_NESTED_KEY = exports.ORIGAM_NESTED_KEY = Symbol.for("origam:nested");
+const ORIGAM_NESTED_KEY = exports.ORIGAM_NESTED_KEY = /* @__PURE__ */Symbol.for("origam:nested");
 const EMPTY_NESTED = exports.EMPTY_NESTED = {
   id: (0, _vue.shallowRef)(),
   root: {

package/dist/src/consts/Commons/nested.const.js

@@ -47,7 +47,7 @@ export const LIST_OPEN_STRATEGY = {
     return new Set(path);
   }
 };
-export const ORIGAM_NESTED_KEY = Symbol.for("origam:nested");
+export const ORIGAM_NESTED_KEY = /* @__PURE__ */ Symbol.for("origam:nested");
 export const EMPTY_NESTED = {
   id: shallowRef(),
   root: {

package/dist/src/consts/Commons/ripple.const.cjs

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.RIPPLE_OPTIONS = exports.RIPPLES = exports.ORIGAM_RIPPLE_STOP_KEY = exports.KEYCODES = exports.DELAY_RIPPLE = void 0;
 var _utils = require("../../utils/index.cjs");
-const ORIGAM_RIPPLE_STOP_KEY = exports.ORIGAM_RIPPLE_STOP_KEY = Symbol("origam:rippleStop");
+const ORIGAM_RIPPLE_STOP_KEY = exports.ORIGAM_RIPPLE_STOP_KEY = /* @__PURE__ */Symbol("origam:rippleStop");
 const DELAY_RIPPLE = exports.DELAY_RIPPLE = 80;
 const KEYCODES = exports.KEYCODES = Object.freeze({
   enter: 13,

package/dist/src/consts/Commons/ripple.const.js

@@ -1,5 +1,5 @@
 import { calculate, rippleTransform } from "../../utils/index.js";
-export const ORIGAM_RIPPLE_STOP_KEY = Symbol("origam:rippleStop");
+export const ORIGAM_RIPPLE_STOP_KEY = /* @__PURE__ */ Symbol("origam:rippleStop");
 export const DELAY_RIPPLE = 80;
 export const KEYCODES = Object.freeze({
   enter: 13,

package/dist/src/consts/Commons/stack.const.cjs

@@ -5,5 +5,5 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.ORIGAM_STACK_KEY = exports.GLOBAL_STACK = void 0;
 var _vue = require("vue");
-const ORIGAM_STACK_KEY = exports.ORIGAM_STACK_KEY = Symbol.for("origam:stack");
+const ORIGAM_STACK_KEY = exports.ORIGAM_STACK_KEY = /* @__PURE__ */Symbol.for("origam:stack");
 const GLOBAL_STACK = exports.GLOBAL_STACK = (0, _vue.reactive)([]);

package/dist/src/consts/Commons/stack.const.js

@@ -1,3 +1,3 @@
 import { reactive } from "vue";
-export const ORIGAM_STACK_KEY = Symbol.for("origam:stack");
+export const ORIGAM_STACK_KEY = /* @__PURE__ */ Symbol.for("origam:stack");
 export const GLOBAL_STACK = reactive([]);

package/dist/src/consts/DataTable/expand.const.cjs

@@ -4,4 +4,4 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ORIGAM_DATA_TABLE_EXPAND_KEY = void 0;
-const ORIGAM_DATA_TABLE_EXPAND_KEY = exports.ORIGAM_DATA_TABLE_EXPAND_KEY = Symbol.for("origam:data-table-expand");
+const ORIGAM_DATA_TABLE_EXPAND_KEY = exports.ORIGAM_DATA_TABLE_EXPAND_KEY = /* @__PURE__ */Symbol.for("origam:data-table-expand");

package/dist/src/consts/DataTable/expand.const.js

@@ -1 +1 @@
-export const ORIGAM_DATA_TABLE_EXPAND_KEY = Symbol.for("origam:data-table-expand");
+export const ORIGAM_DATA_TABLE_EXPAND_KEY = /* @__PURE__ */ Symbol.for("origam:data-table-expand");

package/dist/src/consts/DataTable/group.const.cjs

@@ -4,4 +4,4 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ORIGAM_DATA_TABLE_GROUP_KEY = void 0;
-const ORIGAM_DATA_TABLE_GROUP_KEY = exports.ORIGAM_DATA_TABLE_GROUP_KEY = Symbol.for("origam:data-table-group");
+const ORIGAM_DATA_TABLE_GROUP_KEY = exports.ORIGAM_DATA_TABLE_GROUP_KEY = /* @__PURE__ */Symbol.for("origam:data-table-group");

package/dist/src/consts/DataTable/group.const.js

@@ -1 +1 @@
-export const ORIGAM_DATA_TABLE_GROUP_KEY = Symbol.for("origam:data-table-group");
+export const ORIGAM_DATA_TABLE_GROUP_KEY = /* @__PURE__ */ Symbol.for("origam:data-table-group");

package/dist/src/consts/DataTable/headers.const.cjs

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ORIGAM_DATA_TABLE_HEADERS_KEY = exports.DEFAULT_HEADER = exports.DEFAULT_ACTION_HEADER = void 0;
-const ORIGAM_DATA_TABLE_HEADERS_KEY = exports.ORIGAM_DATA_TABLE_HEADERS_KEY = Symbol.for("origam:data-table-headers");
+const ORIGAM_DATA_TABLE_HEADERS_KEY = exports.ORIGAM_DATA_TABLE_HEADERS_KEY = /* @__PURE__ */Symbol.for("origam:data-table-headers");
 const DEFAULT_HEADER = exports.DEFAULT_HEADER = {
   title: "",
   sortable: false

package/dist/src/consts/DataTable/headers.const.js

@@ -1,3 +1,3 @@
-export const ORIGAM_DATA_TABLE_HEADERS_KEY = Symbol.for("origam:data-table-headers");
+export const ORIGAM_DATA_TABLE_HEADERS_KEY = /* @__PURE__ */ Symbol.for("origam:data-table-headers");
 export const DEFAULT_HEADER = { title: "", sortable: false };
 export const DEFAULT_ACTION_HEADER = { ...DEFAULT_HEADER, width: 48 };

package/dist/src/consts/DataTable/pagination.const.cjs

@@ -4,4 +4,4 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ORIGAM_DATA_TABLE_PAGINATION_KEY = void 0;
-const ORIGAM_DATA_TABLE_PAGINATION_KEY = exports.ORIGAM_DATA_TABLE_PAGINATION_KEY = Symbol.for("origam:data-table-pagination");
+const ORIGAM_DATA_TABLE_PAGINATION_KEY = exports.ORIGAM_DATA_TABLE_PAGINATION_KEY = /* @__PURE__ */Symbol.for("origam:data-table-pagination");

package/dist/src/consts/DataTable/pagination.const.js

@@ -1 +1 @@
-export const ORIGAM_DATA_TABLE_PAGINATION_KEY = Symbol.for("origam:data-table-pagination");
+export const ORIGAM_DATA_TABLE_PAGINATION_KEY = /* @__PURE__ */ Symbol.for("origam:data-table-pagination");

package/dist/src/consts/DataTable/select.const.cjs

@@ -4,8 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.singleSelectStrategy = exports.pageSelectStrategy = exports.allSelectStrategy = exports.ORIGAM_DATA_TABLE_SHOW_SELECT_KEY = exports.ORIGAM_DATA_TABLE_SELECT_KEY = void 0;
-const ORIGAM_DATA_TABLE_SELECT_KEY = exports.ORIGAM_DATA_TABLE_SELECT_KEY = Symbol.for("origam:data-table-selection");
-const ORIGAM_DATA_TABLE_SHOW_SELECT_KEY = exports.ORIGAM_DATA_TABLE_SHOW_SELECT_KEY = Symbol.for("origam:data-table-show-select");
+const ORIGAM_DATA_TABLE_SELECT_KEY = exports.ORIGAM_DATA_TABLE_SELECT_KEY = /* @__PURE__ */Symbol.for("origam:data-table-selection");
+const ORIGAM_DATA_TABLE_SHOW_SELECT_KEY = exports.ORIGAM_DATA_TABLE_SHOW_SELECT_KEY = /* @__PURE__ */Symbol.for("origam:data-table-show-select");
 const singleSelectStrategy = exports.singleSelectStrategy = {
   showSelectAll: false,
   allSelected: () => [],

package/dist/src/consts/DataTable/select.const.js

@@ -1,5 +1,5 @@
-export const ORIGAM_DATA_TABLE_SELECT_KEY = Symbol.for("origam:data-table-selection");
-export const ORIGAM_DATA_TABLE_SHOW_SELECT_KEY = Symbol.for("origam:data-table-show-select");
+export const ORIGAM_DATA_TABLE_SELECT_KEY = /* @__PURE__ */ Symbol.for("origam:data-table-selection");
+export const ORIGAM_DATA_TABLE_SHOW_SELECT_KEY = /* @__PURE__ */ Symbol.for("origam:data-table-show-select");
 export const singleSelectStrategy = {
   showSelectAll: false,
   allSelected: () => [],

package/dist/src/consts/DataTable/sort.const.cjs

@@ -4,4 +4,4 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ORIGAM_DATA_TABLE_SORT_KEY = void 0;
-const ORIGAM_DATA_TABLE_SORT_KEY = exports.ORIGAM_DATA_TABLE_SORT_KEY = Symbol.for("origam:data-table-sort");
+const ORIGAM_DATA_TABLE_SORT_KEY = exports.ORIGAM_DATA_TABLE_SORT_KEY = /* @__PURE__ */Symbol.for("origam:data-table-sort");

package/dist/src/consts/DataTable/sort.const.js

@@ -1 +1 @@
-export const ORIGAM_DATA_TABLE_SORT_KEY = Symbol.for("origam:data-table-sort");
+export const ORIGAM_DATA_TABLE_SORT_KEY = /* @__PURE__ */ Symbol.for("origam:data-table-sort");

package/dist/src/consts/ExpansionPanel/expansion-panel.const.cjs

@@ -4,4 +4,4 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ORIGAM_EXPANSION_PANEL_KEY = void 0;
-const ORIGAM_EXPANSION_PANEL_KEY = exports.ORIGAM_EXPANSION_PANEL_KEY = Symbol.for("origam:expansion-panel");
+const ORIGAM_EXPANSION_PANEL_KEY = exports.ORIGAM_EXPANSION_PANEL_KEY = /* @__PURE__ */Symbol.for("origam:expansion-panel");

package/dist/src/consts/ExpansionPanel/expansion-panel.const.js

@@ -1 +1 @@
-export const ORIGAM_EXPANSION_PANEL_KEY = Symbol.for("origam:expansion-panel");
+export const ORIGAM_EXPANSION_PANEL_KEY = /* @__PURE__ */ Symbol.for("origam:expansion-panel");

package/dist/src/consts/Form/form.const.cjs

@@ -4,4 +4,4 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ORIGAM_FORM_KEY = void 0;
-const ORIGAM_FORM_KEY = exports.ORIGAM_FORM_KEY = Symbol.for("origam:form");
+const ORIGAM_FORM_KEY = exports.ORIGAM_FORM_KEY = /* @__PURE__ */Symbol.for("origam:form");

package/dist/src/consts/Form/form.const.js

@@ -1 +1 @@
-export const ORIGAM_FORM_KEY = Symbol.for("origam:form");
+export const ORIGAM_FORM_KEY = /* @__PURE__ */ Symbol.for("origam:form");

package/dist/src/consts/Icon/icon.const.cjs

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.ORIGAM_ICONS_KEY = exports.DEFAULT_SETS = void 0;
 var _Icon = require("../../components/Icon/index.cjs");
-const ORIGAM_ICONS_KEY = exports.ORIGAM_ICONS_KEY = Symbol.for("origam:icons");
+const ORIGAM_ICONS_KEY = exports.ORIGAM_ICONS_KEY = /* @__PURE__ */Symbol.for("origam:icons");
 const DEFAULT_SETS = exports.DEFAULT_SETS = {
   svg: {
     component: _Icon.OrigamSvgIcon