@onereach/ui-components 23.2.0 → 23.2.1-beta.5570.0

package/dist/esm/{OrConfirm-C9pmyc_f.mjs → OrConfirm-BKXhawH9.mjs}

@@ -5,7 +5,7 @@ import { O as R } from "./OrInput-DBcNZlkx.mjs";
 import { O as U } from "./OrOverlay-BjrghiC-.mjs";
 import { useMagicKeys as G, whenever as J, onClickOutside as Q } from "@vueuse/core";
 import { logicAnd as W } from "@vueuse/math";
-import { defineComponent as X, ref as l, computed as t, toRef as Y, watch as c, resolveComponent as S, openBlock as P, createBlock as Z, withCtx as b, createElementVNode as a, mergeProps as x, normalizeClass as i, renderSlot as k, createTextVNode as w, toDisplayString as T, createElementBlock as _, createVNode as I, createCommentVNode as N } from "vue";
+import { defineComponent as X, ref as l, computed as t, toRef as Y, watch as c, resolveComponent as k, openBlock as P, createBlock as Z, withCtx as S, createElementVNode as a, mergeProps as x, normalizeClass as i, renderSlot as b, createTextVNode as w, toDisplayString as T, createElementBlock as _, createVNode as I, createCommentVNode as N } from "vue";
 import { _ as oo } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
 var s = /* @__PURE__ */ ((o) => (o.D = "d", o.C = "c", o))(s || {});
 const eo = [
@@ -87,6 +87,10 @@ const eo = [
       type: Boolean,
       default: !0
     },
+    closeOnClickOutside: {
+      type: Boolean,
+      default: !0
+    },
     cancelButtonText: {
       type: String,
       default: "Cancel"
@@ -140,17 +144,17 @@ const eo = [
     ]), B = t(() => [
       ...ro,
       ...lo[o.confirmType]
-    ]), f = t(() => [
+    ]), d = t(() => [
       ...ao
-    ]), { state: $, open: A, close: d } = K(Y(o, "isOpen"), n.emit), m = l(!1), O = l("");
+    ]), { state: $, open: A, close: f } = K(Y(o, "isOpen"), n.emit), m = l(!1), O = l("");
     c($, () => {
       O.value = "";
     });
-    const { escape: F, enter: q } = G(), h = t(() => !!o.confirmationText && o.confirmationText !== O.value), E = t(() => !!o.disabled || h.value), L = t(
+    const { escape: F, enter: q } = G(), v = t(() => !!o.confirmationText && o.confirmationText !== O.value), E = t(() => !!o.disabled || v.value), L = t(
       () => o.confirmType === s.C ? D.Primary : D.Danger
     );
-    function v() {
-      !o.disabled && !h.value && n.emit("confirm");
+    function h() {
+      !o.disabled && !v.value && n.emit("confirm");
     }
     function j() {
       m.value = !0;
@@ -159,10 +163,10 @@ const eo = [
       m.value = !1;
     }
     function H() {
-      v(), o.autoCloseOnConfirm && d();
+      h(), o.autoCloseOnConfirm && f();
     }
     return c(F, (e) => {
-      e && d();
+      e && f();
     }), c(y, (e) => {
       var r;
       return (r = e == null ? void 0 : e.focus) == null ? void 0 : r.call(e);
@@ -171,13 +175,15 @@ const eo = [
         const r = e.root;
         r == null || r.focus();
       }
-    }), J(W(q, m), () => v()), Q(p, d), {
+    }), J(W(q, m), () => h()), Q(p, () => {
+      o.closeOnClickOutside && f();
+    }), {
       root: p,
       confirmationInput: y,
       confirmationButton: C,
       confirmationValue: O,
       confirmButtonColor: L,
-      isInvalid: h,
+      isInvalid: v,
       isConfirmationButtonDisabled: E,
       state: $,
       isInputActive: m,
@@ -186,23 +192,23 @@ const eo = [
       headerStyles: g,
       inputBoxStyles: u,
       footerStyles: B,
-      buttonsStyles: f,
-      confirm: v,
+      buttonsStyles: d,
+      confirm: h,
       onConfirmClick: H,
       open: A,
-      close: d,
+      close: f,
       onInputFocus: j,
       onInputBlur: z
     };
   }
 }), so = { class: "grow" }, uo = { class: "overflow-y-auto overflow-x-hidden" };
 function fo(o, n, p, y, C, V) {
-  const g = S("OrInput"), u = S("OrButton"), B = S("OrOverlay");
+  const g = k("OrInput"), u = k("OrButton"), B = k("OrOverlay");
   return o.state === "open" ? (P(), Z(B, {
     key: 0,
     fullscreen: !0
   }, {
-    default: b(() => [
+    default: S(() => [
       a("div", x(o.$attrs, {
         ref: "root",
         class: o.rootStyles,
@@ -211,13 +217,13 @@ function fo(o, n, p, y, C, V) {
         a("div", {
           class: i(o.headerStyles)
         }, [
-          k(o.$slots, "header", {}, () => [
+          b(o.$slots, "header", {}, () => [
             w(T(o.titleText), 1)
           ])
         ], 2),
         a("div", so, [
           a("div", uo, [
-            k(o.$slots, "default")
+            b(o.$slots, "default")
           ]),
           o.confirmationText ? (P(), _("div", {
             key: 0,
@@ -226,7 +232,7 @@ function fo(o, n, p, y, C, V) {
             I(g, {
               ref: "confirmationInput",
               modelValue: o.confirmationValue,
-              "onUpdate:modelValue": n[0] || (n[0] = (f) => o.confirmationValue = f),
+              "onUpdate:modelValue": n[0] || (n[0] = (d) => o.confirmationValue = d),
               label: o.textConfirmationLabel,
               placeholder: o.textConfirmationPlaceholder,
               onFocus: o.onInputFocus,
@@ -234,7 +240,7 @@ function fo(o, n, p, y, C, V) {
             }, null, 8, ["modelValue", "label", "placeholder", "onFocus", "onBlur"])
           ], 2)) : N("", !0)
         ]),
-        k(o.$slots, "footer", {
+        b(o.$slots, "footer", {
           confirm: o.confirm,
           cancel: o.close
         }, () => [
@@ -245,9 +251,9 @@ function fo(o, n, p, y, C, V) {
               class: i(o.buttonsStyles),
               variant: "outlined",
               disabled: o.loading,
-              onClick: n[1] || (n[1] = (f) => o.close())
+              onClick: n[1] || (n[1] = (d) => o.close())
             }, {
-              default: b(() => [
+              default: S(() => [
                 w(T(o.cancelButtonText), 1)
               ]),
               _: 1
@@ -260,7 +266,7 @@ function fo(o, n, p, y, C, V) {
               disabled: o.isConfirmationButtonDisabled,
               onClick: o.onConfirmClick
             }, {
-              default: b(() => [
+              default: S(() => [
                 w(T(o.confirmButtonText), 1)
               ]),
               _: 1
@@ -272,9 +278,9 @@ function fo(o, n, p, y, C, V) {
     _: 3
   })) : N("", !0);
 }
-const vo = /* @__PURE__ */ oo(io, [["render", fo]]);
+const ho = /* @__PURE__ */ oo(io, [["render", fo]]);
 export {
   s as C,
-  vo as O
+  ho as O
 };
-//# sourceMappingURL=OrConfirm-C9pmyc_f.mjs.map
+//# sourceMappingURL=OrConfirm-BKXhawH9.mjs.map

package/dist/esm/OrConfirm-BKXhawH9.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrConfirm-BKXhawH9.mjs","sources":["../../../components/or-confirm-v3/src/props.ts","../../../components/or-confirm-v3/src/styles.ts","../../../components/or-confirm-v3/src/OrConfirm.vue"],"sourcesContent":["export enum ConfirmType {\n  D = 'd', // destructive / dangerous\n  C = 'c', // consequential / common\n}\n","import { ConfirmType } from './props';\n\nexport const Confirm: string[] = [\n  // Position\n  'fixed md:static',\n\n  'left-0',\n  'right-0',\n  'bottom-0',\n\n  // Layout\n  'layout-column',\n\n  // Box\n  'w-full md:w-[320px]',\n\n  // Spacing\n  'px-lg',\n  'py-lg',\n\n  'gap-md',\n\n  // Shape\n  'md:rounded-md',\n\n  // Elevation\n  'shadow-modal',\n  'dark:shadow-modal-dark',\n\n  // Typography\n  'typography-body-2-regular',\n\n  // Theme\n  'theme-background-default',\n  'dark:theme-background-default-dark',\n\n  'theme-foreground-default',\n  'dark:theme-foreground-default-dark',\n];\n\nexport const ConfirmHeader: string[] = [\n  // Layout\n  'layout-row justify-between',\n\n  // Typography\n  'typography-headline-3',\n];\n\nexport const ConfirmInput: string[] = [\n  // Box\n  'w-full',\n\n  // Spacing\n  'mt-md',\n];\n\nexport const ConfirmFooter: string[] = [\n  // Spacing\n  'gap-md',\n];\n\nexport const ConfirmFooterTypes: Record<ConfirmType, string[]> = {\n  [ConfirmType.C]: [\n    // Layout\n    'layout-row',\n  ],\n\n  [ConfirmType.D]: [\n    // Layout\n    'layout-row-reverse',\n  ],\n};\n\nexport const ConfirmFooterButtons: string[] = [\n  // Layout\n  '!grow',\n\n  // Box\n  'w-auto md:w-[128px]',\n];\n","<template>\n  <OrOverlay\n    v-if=\"state === 'open'\"\n    :fullscreen=\"true\"\n  >\n    <div\n      v-bind=\"$attrs\"\n      :ref=\"'root'\"\n      :class=\"rootStyles\"\n      :role=\"'alertdialog'\"\n    >\n      <div :class=\"headerStyles\">\n        <slot name=\"header\">\n          {{ titleText }}\n        </slot>\n      </div>\n\n      <div class=\"grow\">\n        <div class=\"overflow-y-auto overflow-x-hidden\">\n          <slot />\n        </div>\n        <div\n          v-if=\"confirmationText\"\n          :class=\"inputBoxStyles\"\n        >\n          <OrInput\n            :ref=\"'confirmationInput'\"\n            v-model=\"confirmationValue\"\n            :label=\"textConfirmationLabel\"\n            :placeholder=\"textConfirmationPlaceholder\"\n            @focus=\"onInputFocus\"\n            @blur=\"onInputBlur\"\n          />\n        </div>\n      </div>\n\n      <slot\n        name=\"footer\"\n        :confirm=\"confirm\"\n        :cancel=\"close\"\n      >\n        <div :class=\"footerStyles\">\n          <OrButton\n            :class=\"buttonsStyles\"\n            :variant=\"'outlined'\"\n            :disabled=\"loading\"\n            @click=\"close()\"\n          >\n            {{ cancelButtonText }}\n          </OrButton>\n\n          <OrButton\n            :ref=\"'confirmationButton'\"\n            :class=\"buttonsStyles\"\n            :color=\"confirmButtonColor\"\n            :loading=\"loading\"\n            :disabled=\"isConfirmationButtonDisabled\"\n            @click=\"onConfirmClick\"\n          >\n            {{ confirmButtonText }}\n          </OrButton>\n        </div>\n      </slot>\n    </div>\n  </OrOverlay>\n</template>\n\n<script lang=\"ts\">\nimport { usePopoverState } from '@onereach/ui-components-common/hooks';\nimport { ButtonColor, OrButtonV3 as OrButton } from '@onereach/ui-components.or-button-v3';\nimport { OrInputV3 as OrInput } from '@onereach/ui-components.or-input-v3';\nimport { OrOverlayV3 as OrOverlay } from '@onereach/ui-components.or-overlay-v3';\nimport { onClickOutside, useMagicKeys, whenever } from '@vueuse/core';\nimport { logicAnd } from '@vueuse/math';\nimport { PropType, computed, defineComponent, ref, toRef, watch } from 'vue';\n\nimport { ConfirmType } from './props';\nimport { Confirm, ConfirmFooter, ConfirmFooterButtons, ConfirmFooterTypes, ConfirmHeader, ConfirmInput } from './styles';\n\nexport default defineComponent({\n  name: 'OrConfirm',\n\n  components: {\n    OrOverlay,\n    OrButton,\n    OrInput,\n  },\n\n  inheritAttrs: false,\n\n  props: {\n    isOpen: {\n      type: Boolean,\n      default: false,\n    },\n\n    titleText: {\n      type: String,\n      required: false,\n      default: null,\n    },\n\n    confirmButtonText: {\n      type: String,\n      default: 'Confirm',\n    },\n\n    autoCloseOnConfirm: {\n      type: Boolean,\n      default: true,\n    },\n\n    closeOnClickOutside: {\n      type: Boolean,\n      default: true,\n    },\n\n    cancelButtonText: {\n      type: String,\n      default: 'Cancel',\n    },\n\n    confirmType: {\n      type: String as PropType<`${ConfirmType}`>,\n      default: () => ConfirmType.C,\n    },\n\n    loading: {\n      type: Boolean,\n      default: false,\n    },\n\n    disabled: {\n      type: Boolean,\n      required: false,\n      default: false,\n    },\n\n    confirmationText: {\n      type: String,\n      default: undefined,\n    },\n\n    textConfirmationLabel: {\n      type: String,\n      default: undefined,\n    },\n\n    textConfirmationPlaceholder: {\n      type: String,\n      default: undefined,\n    },\n  },\n\n  emits: [\n    'update:state',\n\n    'open',\n    'close',\n    'confirm',\n  ],\n\n  expose: [\n    'root',\n\n    'state',\n\n    'open',\n    'close',\n  ],\n\n  setup(props, context) {\n    // Refs\n    const root = ref<HTMLElement>();\n\n    const confirmationInput = ref<InstanceType<typeof OrInput>>();\n    const confirmationButton = ref<InstanceType<typeof OrButton>>();\n\n    // Styles\n    const rootStyles = computed(() => [\n      'or-confirm-v3',\n      ...Confirm,\n    ]);\n\n    const headerStyles = computed(() => [\n      ...ConfirmHeader,\n    ]);\n\n    const inputBoxStyles = computed(() => [\n      ...ConfirmInput,\n    ]);\n\n    const footerStyles = computed(() => [\n      ...ConfirmFooter,\n      ...ConfirmFooterTypes[props.confirmType],\n    ]);\n\n    const buttonsStyles = computed(() => [\n      ...ConfirmFooterButtons,\n    ]);\n\n    // State\n    const { state, open, close } = usePopoverState(toRef(props, 'isOpen'), context.emit);\n    const isInputActive = ref(false);\n    const confirmationValue = ref('');\n\n    watch(state, () => {\n      confirmationValue.value = '';\n    });\n\n    const { escape, enter } = useMagicKeys();\n\n    const isInvalid = computed(() => {\n      return !!props.confirmationText && props.confirmationText !== confirmationValue.value;\n    });\n\n    const isConfirmationButtonDisabled = computed(() => !!props.disabled || isInvalid.value);\n\n    const confirmButtonColor = computed(() =>\n      props.confirmType === ConfirmType.C ? ButtonColor.Primary : ButtonColor.Danger,\n    );\n\n    // Methods\n    function confirm(): void {\n      if (!props.disabled && !isInvalid.value) {\n        context.emit('confirm');\n      }\n    }\n\n    function onInputFocus(): void {\n      isInputActive.value = true;\n    }\n\n    function onInputBlur(): void {\n      isInputActive.value = false;\n    }\n\n    function onConfirmClick(): void {\n      confirm();\n      if (props.autoCloseOnConfirm) {\n        close();\n      }\n    }\n    // Events\n    watch(escape, (val) => {\n      if (val) close();\n    });\n\n    // types here are used for fixing TS2349\n    watch(confirmationInput as any, (val: InstanceType<typeof OrInput>) =>\n      (val?.focus as (() => void) | undefined)?.());\n\n    // types here are used for fixing TS2349\n    watch(confirmationButton as any, (val: InstanceType<typeof OrButton>) => {\n      if (val && !props.confirmationText) {\n        const button = val.root as HTMLButtonElement | undefined;\n        button?.focus();\n      }\n    });\n\n    whenever(logicAnd(enter, isInputActive), () => confirm());\n\n    // #region Click Outside\n    onClickOutside(root, () => {\n      props.closeOnClickOutside ? close() : undefined;\n    });\n    // #endregion\n\n    return {\n      root,\n      confirmationInput,\n      confirmationButton,\n      confirmationValue,\n      confirmButtonColor,\n      isInvalid,\n      isConfirmationButtonDisabled,\n      state,\n      isInputActive,\n      escape,\n      rootStyles,\n      headerStyles,\n      inputBoxStyles,\n      footerStyles,\n      buttonsStyles,\n      confirm,\n      onConfirmClick,\n      open,\n      close,\n      onInputFocus,\n      onInputBlur,\n    };\n  },\n});\n</script>\n"],"names":["ConfirmType","Confirm","ConfirmHeader","ConfirmInput","ConfirmFooter","ConfirmFooterTypes","ConfirmFooterButtons","_sfc_main","defineComponent","OrOverlay","OrButton","OrInput","props","context","root","ref","confirmationInput","confirmationButton","rootStyles","computed","headerStyles","inputBoxStyles","footerStyles","buttonsStyles","state","open","close","usePopoverState","toRef","isInputActive","confirmationValue","watch","escape","enter","useMagicKeys","isInvalid","isConfirmationButtonDisabled","confirmButtonColor","ButtonColor","confirm","onInputFocus","onInputBlur","onConfirmClick","val","_a","button","whenever","logicAnd","onClickOutside","_component_OrOverlay","_resolveComponent","_ctx","_openBlock","_createBlock","_withCtx","_createElementVNode","_mergeProps","_normalizeClass","_hoisted_1","_hoisted_2","_renderSlot","_createElementBlock","_createVNode","_component_OrInput","_cache","$event","_createCommentVNode","_component_OrButton"],"mappings":"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"}

package/dist/esm/components/index.mjs

@@ -17,7 +17,7 @@ import { html as q } from "@codemirror/lang-html";
 import { EditorView as K } from "@codemirror/view";
 import { EditorState as X } from "@codemirror/state";
 import { O as Z } from "../OrCombinedInput-CLIIindo.mjs";
-import { C as $, O as rr } from "../OrConfirm-C9pmyc_f.mjs";
+import { C as $, O as rr } from "../OrConfirm-BKXhawH9.mjs";
 import { O as ar } from "../OrContextMenu-CrpiM2Jq.mjs";
 import { D as tr, O as sr } from "../OrDataGrid-BML2-j9s.mjs";
 import { O as ir } from "../OrDateFormat-CnNnn2qx.mjs";

package/dist/esm/components/or-confirm-v3/index.mjs

@@ -1,4 +1,4 @@
-import { C as f, O as m } from "../../OrConfirm-C9pmyc_f.mjs";
+import { C as f, O as m } from "../../OrConfirm-BKXhawH9.mjs";
 export {
   f as ConfirmType,
   m as OrConfirmV3

package/dist/esm/index.mjs

@@ -17,7 +17,7 @@ import { html as q } from "@codemirror/lang-html";
 import { EditorView as K } from "@codemirror/view";
 import { EditorState as X } from "@codemirror/state";
 import { O as Z } from "./OrCombinedInput-CLIIindo.mjs";
-import { C as $, O as rr } from "./OrConfirm-C9pmyc_f.mjs";
+import { C as $, O as rr } from "./OrConfirm-BKXhawH9.mjs";
 import { O as ar } from "./OrContextMenu-CrpiM2Jq.mjs";
 import { D as tr, O as sr } from "./OrDataGrid-BML2-j9s.mjs";
 import { O as ir } from "./OrDateFormat-CnNnn2qx.mjs";

package/dist/types/components/or-confirm-v3/OrConfirm.vue.d.ts

@@ -19,6 +19,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    closeOnClickOutside: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     cancelButtonText: {
         type: StringConstructor;
         default: string;
@@ -579,6 +583,10 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    closeOnClickOutside: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     cancelButtonText: {
         type: StringConstructor;
         default: string;
@@ -620,6 +628,7 @@ declare const _default: import("vue").DefineComponent<{
     titleText: string;
     confirmButtonText: string;
     autoCloseOnConfirm: boolean;
+    closeOnClickOutside: boolean;
     cancelButtonText: string;
     confirmType: "d" | "c";
     confirmationText: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onereach/ui-components",
-  "version": "23.2.0",
+  "version": "23.2.1-beta.5570.0",
   "description": "Vue components library for v3",
   "license": "Apache-2.0",
   "sideEffects": false,
@@ -46,8 +46,8 @@
     "@codemirror/view": "^6",
     "@floating-ui/dom": "1.5.3",
     "@lezer/highlight": "*",
-    "@onereach/styles": "^23.2.0",
-    "@onereach/ui-components-common": "^23.2.0",
+    "@onereach/styles": "^23.2.1-beta.5570.0",
+    "@onereach/ui-components-common": "^23.2.1-beta.5570.0",
     "@splidejs/splide": "4.0.6",
     "@tiptap/core": "2.0.3",
     "@tiptap/extension-blockquote": "2.0.3",
@@ -102,6 +102,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "npmUnpacked": "4.15.2",
-  "gitHead": "a46509db45bcfd9fe3086a3c2bb0f490ce1390e6"
+  "npmUnpacked": "4.15.2"
 }

package/dist/esm/OrConfirm-C9pmyc_f.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"OrConfirm-C9pmyc_f.mjs","sources":["../../../components/or-confirm-v3/src/props.ts","../../../components/or-confirm-v3/src/styles.ts","../../../components/or-confirm-v3/src/OrConfirm.vue"],"sourcesContent":["export enum ConfirmType {\n  D = 'd', // destructive / dangerous\n  C = 'c', // consequential / common\n}\n","import { ConfirmType } from './props';\n\nexport const Confirm: string[] = [\n  // Position\n  'fixed md:static',\n\n  'left-0',\n  'right-0',\n  'bottom-0',\n\n  // Layout\n  'layout-column',\n\n  // Box\n  'w-full md:w-[320px]',\n\n  // Spacing\n  'px-lg',\n  'py-lg',\n\n  'gap-md',\n\n  // Shape\n  'md:rounded-md',\n\n  // Elevation\n  'shadow-modal',\n  'dark:shadow-modal-dark',\n\n  // Typography\n  'typography-body-2-regular',\n\n  // Theme\n  'theme-background-default',\n  'dark:theme-background-default-dark',\n\n  'theme-foreground-default',\n  'dark:theme-foreground-default-dark',\n];\n\nexport const ConfirmHeader: string[] = [\n  // Layout\n  'layout-row justify-between',\n\n  // Typography\n  'typography-headline-3',\n];\n\nexport const ConfirmInput: string[] = [\n  // Box\n  'w-full',\n\n  // Spacing\n  'mt-md',\n];\n\nexport const ConfirmFooter: string[] = [\n  // Spacing\n  'gap-md',\n];\n\nexport const ConfirmFooterTypes: Record<ConfirmType, string[]> = {\n  [ConfirmType.C]: [\n    // Layout\n    'layout-row',\n  ],\n\n  [ConfirmType.D]: [\n    // Layout\n    'layout-row-reverse',\n  ],\n};\n\nexport const ConfirmFooterButtons: string[] = [\n  // Layout\n  '!grow',\n\n  // Box\n  'w-auto md:w-[128px]',\n];\n","<template>\n  <OrOverlay\n    v-if=\"state === 'open'\"\n    :fullscreen=\"true\"\n  >\n    <div\n      v-bind=\"$attrs\"\n      :ref=\"'root'\"\n      :class=\"rootStyles\"\n      :role=\"'alertdialog'\"\n    >\n      <div :class=\"headerStyles\">\n        <slot name=\"header\">\n          {{ titleText }}\n        </slot>\n      </div>\n\n      <div class=\"grow\">\n        <div class=\"overflow-y-auto overflow-x-hidden\">\n          <slot />\n        </div>\n        <div\n          v-if=\"confirmationText\"\n          :class=\"inputBoxStyles\"\n        >\n          <OrInput\n            :ref=\"'confirmationInput'\"\n            v-model=\"confirmationValue\"\n            :label=\"textConfirmationLabel\"\n            :placeholder=\"textConfirmationPlaceholder\"\n            @focus=\"onInputFocus\"\n            @blur=\"onInputBlur\"\n          />\n        </div>\n      </div>\n\n      <slot\n        name=\"footer\"\n        :confirm=\"confirm\"\n        :cancel=\"close\"\n      >\n        <div :class=\"footerStyles\">\n          <OrButton\n            :class=\"buttonsStyles\"\n            :variant=\"'outlined'\"\n            :disabled=\"loading\"\n            @click=\"close()\"\n          >\n            {{ cancelButtonText }}\n          </OrButton>\n\n          <OrButton\n            :ref=\"'confirmationButton'\"\n            :class=\"buttonsStyles\"\n            :color=\"confirmButtonColor\"\n            :loading=\"loading\"\n            :disabled=\"isConfirmationButtonDisabled\"\n            @click=\"onConfirmClick\"\n          >\n            {{ confirmButtonText }}\n          </OrButton>\n        </div>\n      </slot>\n    </div>\n  </OrOverlay>\n</template>\n\n<script lang=\"ts\">\nimport { usePopoverState } from '@onereach/ui-components-common/hooks';\nimport { ButtonColor, OrButtonV3 as OrButton } from '@onereach/ui-components.or-button-v3';\nimport { OrInputV3 as OrInput } from '@onereach/ui-components.or-input-v3';\nimport { OrOverlayV3 as OrOverlay } from '@onereach/ui-components.or-overlay-v3';\nimport { onClickOutside, useMagicKeys, whenever } from '@vueuse/core';\nimport { logicAnd } from '@vueuse/math';\nimport { PropType, computed, defineComponent, ref, toRef, watch } from 'vue';\n\nimport { ConfirmType } from './props';\nimport { Confirm, ConfirmFooter, ConfirmFooterButtons, ConfirmFooterTypes, ConfirmHeader, ConfirmInput } from './styles';\n\nexport default defineComponent({\n  name: 'OrConfirm',\n\n  components: {\n    OrOverlay,\n    OrButton,\n    OrInput,\n  },\n\n  inheritAttrs: false,\n\n  props: {\n    isOpen: {\n      type: Boolean,\n      default: false,\n    },\n\n    titleText: {\n      type: String,\n      required: false,\n      default: null,\n    },\n\n    confirmButtonText: {\n      type: String,\n      default: 'Confirm',\n    },\n\n    autoCloseOnConfirm: {\n      type: Boolean,\n      default: true,\n    },\n\n    cancelButtonText: {\n      type: String,\n      default: 'Cancel',\n    },\n\n    confirmType: {\n      type: String as PropType<`${ConfirmType}`>,\n      default: () => ConfirmType.C,\n    },\n\n    loading: {\n      type: Boolean,\n      default: false,\n    },\n\n    disabled: {\n      type: Boolean,\n      required: false,\n      default: false,\n    },\n\n    confirmationText: {\n      type: String,\n      default: undefined,\n    },\n\n    textConfirmationLabel: {\n      type: String,\n      default: undefined,\n    },\n\n    textConfirmationPlaceholder: {\n      type: String,\n      default: undefined,\n    },\n  },\n\n  emits: [\n    'update:state',\n\n    'open',\n    'close',\n    'confirm',\n  ],\n\n  expose: [\n    'root',\n\n    'state',\n\n    'open',\n    'close',\n  ],\n\n  setup(props, context) {\n    // Refs\n    const root = ref<HTMLElement>();\n\n    const confirmationInput = ref<InstanceType<typeof OrInput>>();\n    const confirmationButton = ref<InstanceType<typeof OrButton>>();\n\n    // Styles\n    const rootStyles = computed(() => [\n      'or-confirm-v3',\n      ...Confirm,\n    ]);\n\n    const headerStyles = computed(() => [\n      ...ConfirmHeader,\n    ]);\n\n    const inputBoxStyles = computed(() => [\n      ...ConfirmInput,\n    ]);\n\n    const footerStyles = computed(() => [\n      ...ConfirmFooter,\n      ...ConfirmFooterTypes[props.confirmType],\n    ]);\n\n    const buttonsStyles = computed(() => [\n      ...ConfirmFooterButtons,\n    ]);\n\n    // State\n    const { state, open, close } = usePopoverState(toRef(props, 'isOpen'), context.emit);\n    const isInputActive = ref(false);\n    const confirmationValue = ref('');\n\n    watch(state, () => {\n      confirmationValue.value = '';\n    });\n\n    const { escape, enter } = useMagicKeys();\n\n    const isInvalid = computed(() => {\n      return !!props.confirmationText && props.confirmationText !== confirmationValue.value;\n    });\n\n    const isConfirmationButtonDisabled = computed(() => !!props.disabled || isInvalid.value);\n\n    const confirmButtonColor = computed(() =>\n      props.confirmType === ConfirmType.C ? ButtonColor.Primary : ButtonColor.Danger,\n    );\n\n    // Methods\n    function confirm(): void {\n      if (!props.disabled && !isInvalid.value) {\n        context.emit('confirm');\n      }\n    }\n\n    function onInputFocus(): void {\n      isInputActive.value = true;\n    }\n\n    function onInputBlur(): void {\n      isInputActive.value = false;\n    }\n\n    function onConfirmClick(): void {\n      confirm();\n      if (props.autoCloseOnConfirm) {\n        close();\n      }\n    }\n    // Events\n    watch(escape, (val) => {\n      if (val) close();\n    });\n\n    // types here are used for fixing TS2349\n    watch(confirmationInput as any, (val: InstanceType<typeof OrInput>) =>\n      (val?.focus as (() => void) | undefined)?.());\n\n    // types here are used for fixing TS2349\n    watch(confirmationButton as any, (val: InstanceType<typeof OrButton>) => {\n      if (val && !props.confirmationText) {\n        const button = val.root as HTMLButtonElement | undefined;\n        button?.focus();\n      }\n    });\n\n    whenever(logicAnd(enter, isInputActive), () => confirm());\n\n    // #region Click Outside\n    onClickOutside(root, close);\n    // #endregion\n\n    return {\n      root,\n      confirmationInput,\n      confirmationButton,\n      confirmationValue,\n      confirmButtonColor,\n      isInvalid,\n      isConfirmationButtonDisabled,\n      state,\n      isInputActive,\n      escape,\n      rootStyles,\n      headerStyles,\n      inputBoxStyles,\n      footerStyles,\n      buttonsStyles,\n      confirm,\n      onConfirmClick,\n      open,\n      close,\n      onInputFocus,\n      onInputBlur,\n    };\n  },\n});\n</script>\n"],"names":["ConfirmType","Confirm","ConfirmHeader","ConfirmInput","ConfirmFooter","ConfirmFooterTypes","ConfirmFooterButtons","_sfc_main","defineComponent","OrOverlay","OrButton","OrInput","props","context","root","ref","confirmationInput","confirmationButton","rootStyles","computed","headerStyles","inputBoxStyles","footerStyles","buttonsStyles","state","open","close","usePopoverState","toRef","isInputActive","confirmationValue","watch","escape","enter","useMagicKeys","isInvalid","isConfirmationButtonDisabled","confirmButtonColor","ButtonColor","confirm","onInputFocus","onInputBlur","onConfirmClick","val","_a","button","whenever","logicAnd","onClickOutside","_component_OrOverlay","_resolveComponent","_ctx","_openBlock","_createBlock","_withCtx","_createElementVNode","_mergeProps","_normalizeClass","_hoisted_1","_hoisted_2","_renderSlot","_createElementBlock","_createVNode","_component_OrInput","_cache","$event","_createCommentVNode","_component_OrButton"],"mappings":"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"}