bitboss-ui 0.2.33 → 0.2.35

package/dist/index29.js

@@ -0,0 +1,125 @@
+import { defineComponent as C, ref as b, computed as f, openBlock as l, createElementBlock as i, mergeProps as g, createElementVNode as r, Fragment as I, renderList as V, normalizeClass as B, toDisplayString as h, renderSlot as x } from "vue";
+import { booleanishToBoolean as M } from "./index219.js";
+import { identity as F } from "./index204.js";
+import { isCssColor as p } from "./index217.js";
+import { isNotNil as T } from "./index124.js";
+const H = { class: "bb-base-rating__inner-container" }, D = { class: "bb-base-rating__label-text" }, N = ["id", "autofocus", "checked", "disabled", "name", "value"], j = ["height", "width"], A = /* @__PURE__ */ r("path", {
+  d: "m8.243 7.34l-6.38.925l-.113.023a1 1 0 0 0-.44 1.684l4.622 4.499l-1.09 6.355l-.013.11a1 1 0 0 0 1.464.944l5.706-3l5.693 3l.1.046a1 1 0 0 0 1.352-1.1l-1.091-6.355l4.624-4.5l.078-.085a1 1 0 0 0-.633-1.62l-6.38-.926l-2.852-5.78a1 1 0 0 0-1.794 0L8.243 7.34z",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round"
+}, null, -1), S = [
+  A
+], Q = /* @__PURE__ */ C({
+  __name: "BaseRating",
+  props: {
+    autofocus: {},
+    color: {},
+    disabled: { type: Boolean },
+    hasErrors: { type: Boolean },
+    id: {},
+    modelValue: {},
+    name: {},
+    readonly: {},
+    stars: { default: 5 },
+    size: { default: "md" }
+  },
+  emits: ["blur", "change", "click", "focus", "inactive", "input", "keydown", "mousedown", "mouseup", "update:modelValue"],
+  setup(v, { emit: _ }) {
+    const t = v, n = _, c = b(), o = b(!1), k = {
+      onBlur: (e) => n("blur", e),
+      onChange: (e) => {
+        n("change", e), e.target instanceof HTMLInputElement && e.target.checked && n("update:modelValue", +e.target.value);
+      },
+      onClick: (e) => {
+        n("click", e), e.target instanceof HTMLInputElement && e.target.checked && +e.target.value === t.modelValue && n("update:modelValue", null);
+      },
+      onFocus: (e) => {
+        n("focus", e), o.value || (document.addEventListener("focusin", u, { passive: !0 }), document.addEventListener("click", d, { passive: !0 }), o.value = !0);
+      },
+      onInput: (e) => n("input", e),
+      onKeydown: (e) => n("keydown", e),
+      onMousedown: (e) => n("mousedown", e),
+      onMouseup: (e) => n("mouseup", e)
+    }, u = (e) => {
+      var s;
+      e.target instanceof HTMLElement && ((s = c.value) != null && s.contains(e.target) || (n("inactive"), o.value = !1, document.removeEventListener("focusin", u), document.removeEventListener("click", d)));
+    }, d = (e) => {
+      var s;
+      e.target instanceof HTMLElement && ((s = c.value) != null && s.contains(e.target) || (n("inactive"), o.value = !1, document.removeEventListener("focusin", u), document.removeEventListener("click", d)));
+    }, y = {
+      xs: 12,
+      sm: 16,
+      md: 24,
+      lg: 28,
+      xl: 36,
+      xxl: 40
+    }, w = f(() => {
+      let e;
+      return typeof t.size == "string" ? e = y[t.size] ?? parseInt(t.size, 10) : e = t.size, e;
+    }), z = f(() => new Array(t.stars).fill(0).map((e, s) => s + 1).map((e) => {
+      const s = t.id ? [t.id, e].filter(F).join("_") : void 0, a = e === t.modelValue, m = !!(t.modelValue && e <= t.modelValue), L = !!(t.disabled || T(t.readonly) && M(t.readonly));
+      return {
+        checked: a,
+        disabled: L,
+        highlighted: m,
+        id: s,
+        name: t.name,
+        size: w.value,
+        value: e
+      };
+    })), E = f(() => {
+      let e = {};
+      return t.color && p(t.color) && (e.color = t.color), {
+        class: {
+          "bb-base-rating": !0,
+          "bb-base-rating--has-value": t.modelValue,
+          "bb-base-rating--disabled": t.disabled,
+          "bb-base-rating--errors": t.hasErrors,
+          "bb-base-rating--readonly": t.readonly,
+          [`bb-base-rating--${t.color}`]: t.color && !p(t.color)
+        },
+        style: e
+      };
+    });
+    return (e, s) => (l(), i("span", g(E.value, {
+      ref_key: "container",
+      ref: c
+    }), [
+      r("span", H, [
+        (l(!0), i(I, null, V(z.value, (a, m) => (l(), i("label", {
+          key: a.value,
+          class: B(["bb-base-rating__option", { "bb-base-rating__option--highlighted": a.highlighted }])
+        }, [
+          r("span", D, h(a.value) + " stell" + h(a.value === 1 ? "a" : "e"), 1),
+          r("input", g({
+            id: a.id,
+            autofocus: e.autofocus && !m,
+            checked: a.checked,
+            disabled: a.disabled,
+            name: a.name,
+            type: "radio",
+            value: a.value
+          }, k), null, 16, N),
+          x(e.$slots, "icon", {
+            id: a.id,
+            checked: a.checked,
+            disabled: a.disabled,
+            size: a.size,
+            value: a.value
+          }, () => [
+            (l(), i("svg", {
+              height: a.size,
+              viewBox: "0 0 24 24",
+              width: a.size,
+              xmlns: "http://www.w3.org/2000/svg"
+            }, S, 8, j))
+          ])
+        ], 2))), 128))
+      ])
+    ], 16));
+  }
+});
+export {
+  Q as default
+};
+//# sourceMappingURL=index29.js.map

package/dist/index29.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index29.js","sources":["../src/components/BaseRating/BaseRating.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, toDisplayString as _toDisplayString, createElementVNode as _createElementVNode, mergeProps as _mergeProps, renderSlot as _renderSlot, normalizeClass as _normalizeClass } from \"vue\"\n\nconst _hoisted_1 = { class: \"bb-base-rating__inner-container\" }\nconst _hoisted_2 = { class: \"bb-base-rating__label-text\" }\nconst _hoisted_3 = [\"id\", \"autofocus\", \"checked\", \"disabled\", \"name\", \"value\"]\nconst _hoisted_4 = [\"height\", \"width\"]\nconst _hoisted_5 = /*#__PURE__*/_createElementVNode(\"path\", {\n  d: \"m8.243 7.34l-6.38.925l-.113.023a1 1 0 0 0-.44 1.684l4.622 4.499l-1.09 6.355l-.013.11a1 1 0 0 0 1.464.944l5.706-3l5.693 3l.1.046a1 1 0 0 0 1.352-1.1l-1.091-6.355l4.624-4.5l.078-.085a1 1 0 0 0-.633-1.62l-6.38-.926l-2.852-5.78a1 1 0 0 0-1.794 0L8.243 7.34z\",\n  \"stroke-linecap\": \"round\",\n  \"stroke-linejoin\": \"round\"\n}, null, -1)\nconst _hoisted_6 = [\n  _hoisted_5\n]\n\nimport { booleanishToBoolean } from '@/utilities/functions/booleanishToBoolean';\nimport {\n\tcomputed,\n\tref,\n\ttype InputHTMLAttributes,\n\ttype HTMLAttributes,\n} from 'vue';\nimport { identity } from '@/utilities/functions/identity';\nimport { isCssColor } from '@/utilities/functions/isCssColor';\nimport { isNotNil } from '@/utilities/functions/isNotNil';\nimport type { Size, BbIconProps } from '../BbIcon/BbIcon.vue';\n\nexport type BaseRatingProps = {\n\t/**\n\t * Sets autofocus on page load.\n\t */\n\tautofocus?: InputHTMLAttributes['autofocus'];\n\n\t/**\n\t * Define a color for the component.\n\t *\n\t * Either a custom color or a coded color in common HEX, RGB, etc... format.\n\t */\n\tcolor?: string;\n\n\t/**\n\t * Disables the component\n\t */\n\tdisabled?: boolean;\n\n\t/**\n\t * Define if the component should be in an error state.\n\t * It usually attaches a CSS class for styling purposes.\n\t */\n\thasErrors?: boolean;\n\n\t/**\n\t * The identifier of the component.\n\t */\n\tid?: HTMLAttributes['id'];\n\t/**\n\t * Used by v-model\n\t */\n\tmodelValue: null | number;\n\n\t/**\n\t * Defines the name of the input.\n\t */\n\tname: Exclude<InputHTMLAttributes['name'], undefined>;\n\n\t/**\n\t * Sets the input in a readonly state.\n\t */\n\treadonly?: InputHTMLAttributes['readonly'];\n\t/**\n\t * Maximum number of stars to render and maximum value of the component\n\t */\n\tstars?: number;\n} & Pick<BbIconProps, 'size'>;\n\ntype Option = {\n\tchecked: boolean;\n\n\tdisabled: boolean;\n\n\thighlighted: boolean;\n\n\tid?: string;\n\n\tname: string;\n\n\tsize: number;\n\n\tvalue: number;\n};\n\nexport type BaseRatingEvents = {\n\t(e: 'blur', event: FocusEvent): void;\n\n\t(e: 'change', event: Event): void;\n\n\t(e: 'click', event: MouseEvent): void;\n\n\t(e: 'focus', event: FocusEvent): void;\n\n\t(e: 'inactive'): void;\n\n\t(e: 'input', event: Event): void;\n\n\t(e: 'keydown', event: KeyboardEvent): void;\n\n\t(e: 'mousedown', event: MouseEvent): void;\n\n\t(e: 'mouseup', event: MouseEvent): void;\n\n\t(e: 'update:modelValue', value: number | null): void;\n};\n\nexport type BaseRatingSlots = {\n\ticon?: (props: {\n\t\tchecked: boolean;\n\t\tdisabled: boolean;\n\t\tid?: string;\n\t\tsize: number;\n\t\tvalue: number;\n\t}) => any;\n};\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BaseRating',\n  props: {\n    autofocus: {},\n    color: {},\n    disabled: { type: Boolean },\n    hasErrors: { type: Boolean },\n    id: {},\n    modelValue: {},\n    name: {},\n    readonly: {},\n    stars: { default: 5 },\n    size: { default: 'md' }\n  },\n  emits: [\"blur\", \"change\", \"click\", \"focus\", \"inactive\", \"input\", \"keydown\", \"mousedown\", \"mouseup\", \"update:modelValue\"],\n  setup(__props: any, { emit: __emit }) {\n\nconst props = __props;\n\n\n\nconst emit = __emit;\n\nconst container = ref<HTMLElement>();\nconst active = ref(false);\n\nconst onInputChange = (event: Event) => {\n\temit('change', event);\n\tif (event.target instanceof HTMLInputElement) {\n\t\tif (event.target.checked) {\n\t\t\temit('update:modelValue', +event.target.value);\n\t\t}\n\t}\n};\n\nconst onInputClick = (event: MouseEvent) => {\n\temit('click', event);\n\tif (event.target instanceof HTMLInputElement) {\n\t\tif (event.target.checked) {\n\t\t\tif (+event.target.value === props.modelValue) {\n\t\t\t\temit('update:modelValue', null);\n\t\t\t}\n\t\t}\n\t}\n};\n\nconst onInputFocus = (event: FocusEvent) => {\n\temit('focus', event);\n\tif (!active.value) {\n\t\tdocument.addEventListener('focusin', onDocumentFocus, { passive: true });\n\t\tdocument.addEventListener('click', onDocumentClick, { passive: true });\n\t\tactive.value = true;\n\t}\n};\n\nconst eventListeners = {\n\tonBlur: (event: FocusEvent) => emit('blur', event),\n\tonChange: onInputChange,\n\tonClick: onInputClick,\n\tonFocus: onInputFocus,\n\tonInput: (event: Event) => emit('input', event),\n\tonKeydown: (event: KeyboardEvent) => emit('keydown', event),\n\tonMousedown: (event: MouseEvent) => emit('mousedown', event),\n\tonMouseup: (event: MouseEvent) => emit('mouseup', event),\n};\n\nconst onDocumentFocus = (event: FocusEvent) => {\n\tif (event.target instanceof HTMLElement) {\n\t\tif (!container.value?.contains(event.target)) {\n\t\t\temit('inactive');\n\t\t\tactive.value = false;\n\t\t\tdocument.removeEventListener('focusin', onDocumentFocus);\n\t\t\tdocument.removeEventListener('click', onDocumentClick);\n\t\t}\n\t}\n};\n\nconst onDocumentClick = (event: MouseEvent) => {\n\tif (event.target instanceof HTMLElement) {\n\t\tif (!container.value?.contains(event.target)) {\n\t\t\temit('inactive');\n\t\t\tactive.value = false;\n\t\t\tdocument.removeEventListener('focusin', onDocumentFocus);\n\t\t\tdocument.removeEventListener('click', onDocumentClick);\n\t\t}\n\t}\n};\n\nconst sizeMap: Size = {\n\txs: 12,\n\tsm: 16,\n\tmd: 24,\n\tlg: 28,\n\txl: 36,\n\txxl: 40,\n};\n\nconst size = computed(() => {\n\tlet dimension: number;\n\tif (typeof props.size === 'string') {\n\t\tdimension = sizeMap[props.size as keyof Size] ?? parseInt(props.size, 10);\n\t} else {\n\t\tdimension = props.size;\n\t}\n\treturn dimension;\n});\n\nconst options = computed(() => {\n\treturn new Array(props.stars)\n\t\t.fill(0)\n\t\t.map((_, index) => index + 1)\n\t\t.map((number): Option => {\n\t\t\tconst id = props.id\n\t\t\t\t? [props.id, number].filter(identity).join('_')\n\t\t\t\t: undefined;\n\n\t\t\tconst checked = number === props.modelValue;\n\t\t\tconst highlighted = !!(props.modelValue && number <= props.modelValue);\n\n\t\t\tconst disabled = !!(\n\t\t\t\tprops.disabled ||\n\t\t\t\t(isNotNil(props.readonly) ? booleanishToBoolean(props.readonly) : false)\n\t\t\t);\n\n\t\t\treturn {\n\t\t\t\tchecked,\n\t\t\t\tdisabled,\n\t\t\t\thighlighted,\n\t\t\t\tid,\n\t\t\t\tname: props.name,\n\t\t\t\tsize: size.value,\n\t\t\t\tvalue: number,\n\t\t\t};\n\t\t});\n});\n\nconst outerContainerAttributes = computed(() => {\n\tlet style: { [key: string]: string } = {};\n\tif (props.color && isCssColor(props.color)) {\n\t\tstyle.color = props.color;\n\t}\n\treturn {\n\t\tclass: {\n\t\t\t'bb-base-rating': true,\n\t\t\t'bb-base-rating--has-value': props.modelValue,\n\t\t\t'bb-base-rating--disabled': props.disabled,\n\t\t\t'bb-base-rating--errors': props.hasErrors,\n\t\t\t'bb-base-rating--readonly': props.readonly,\n\t\t\t[`bb-base-rating--${props.color}`]:\n\t\t\t\tprops.color && !isCssColor(props.color),\n\t\t},\n\t\tstyle,\n\t};\n});\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"span\", _mergeProps(outerContainerAttributes.value, {\n    ref_key: \"container\",\n    ref: container\n  }), [\n    _createElementVNode(\"span\", _hoisted_1, [\n      (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(options.value, (option, index) => {\n        return (_openBlock(), _createElementBlock(\"label\", {\n          key: option.value,\n          class: _normalizeClass([\"bb-base-rating__option\", { 'bb-base-rating__option--highlighted': option.highlighted }])\n        }, [\n          _createElementVNode(\"span\", _hoisted_2, _toDisplayString(option.value) + \" stell\" + _toDisplayString(option.value === 1 ? 'a' : 'e'), 1),\n          _createElementVNode(\"input\", _mergeProps({\n            id: option.id,\n            autofocus: _ctx.autofocus && !index,\n            checked: option.checked,\n            disabled: option.disabled,\n            name: option.name,\n            type: \"radio\",\n            value: option.value\n          }, eventListeners), null, 16, _hoisted_3),\n          _renderSlot(_ctx.$slots, \"icon\", {\n            id: option.id,\n            checked: option.checked,\n            disabled: option.disabled,\n            size: option.size,\n            value: option.value\n          }, () => [\n            (_openBlock(), _createElementBlock(\"svg\", {\n              height: option.size,\n              viewBox: \"0 0 24 24\",\n              width: option.size,\n              xmlns: \"http://www.w3.org/2000/svg\"\n            }, _hoisted_6, 8, _hoisted_4))\n          ])\n        ], 2))\n      }), 128))\n    ])\n  ], 16))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_sfc_main","_defineComponent","__props","__emit","props","emit","container","ref","active","eventListeners","event","onDocumentFocus","onDocumentClick","_a","sizeMap","size","computed","dimension","options","_","index","number","id","identity","checked","highlighted","disabled","isNotNil","booleanishToBoolean","outerContainerAttributes","style","isCssColor","_ctx","_cache","_openBlock","_createElementBlock","_mergeProps","_createElementVNode","_Fragment","_renderList","option","_normalizeClass","_toDisplayString","_renderSlot"],"mappings":"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"}

package/dist/index3.js

@@ -0,0 +1,81 @@
+import { ref as u, watch as c, reactive as x, computed as f } from "vue";
+import { isNil as l } from "./index120.js";
+let r = [];
+const i = u(null);
+c(
+  () => i.value,
+  () => {
+    typeof i.value == "boolean" && (r.forEach((s) => s()), r = []);
+  }
+);
+const o = {
+  actions: !0,
+  description: "",
+  loading: !1,
+  no: !0,
+  noText: "",
+  open: !1,
+  size: "sm",
+  text: "",
+  theme: "default",
+  title: "",
+  yes: !0,
+  yesText: ""
+}, d = {
+  actions: !0,
+  description: "",
+  no: !0,
+  noText: "Annulla",
+  text: "",
+  theme: "default",
+  title: "",
+  yes: !0,
+  yesText: "OK"
+}, e = x({
+  ...o
+}), m = f(() => [
+  {
+    text: e.noText,
+    handler: () => {
+      i.value = !1;
+    }
+  },
+  {
+    text: e.yesText,
+    handler: () => {
+      i.value = !0;
+    }
+  }
+]), y = () => ({
+  /**
+   * The confirm function. It accepts a set of options defining
+   * the behavior of the modal and returns `Promise<boolean>`
+   * when the user accepts, declines, or ignores the modal.
+   */
+  confirm: (s) => {
+    i.value = null;
+    const n = { ...d, ...s }, t = { ...o };
+    return t.title = n.title, t.text = n.text, n.description && (t.description = n.description), n.noText && (t.noText = n.noText), n.yesText && (t.yesText = n.yesText), n.size && (t.size = n.size), n.theme && (t.theme = n.theme), l(n.yes) || (t.yes = !!n.yes), l(n.no) || (t.no = !!n.no), l(n.actions) || (t.actions = !!n.actions), e.actions = t.actions, e.description = t.description, e.no = t.no, e.noText = t.noText, e.open = !0, e.size = t.size, e.text = t.text, e.theme = t.theme, e.title = t.title, e.yes = t.yes, e.yesText = t.yesText, new Promise((a) => {
+      r.push(() => a(i.value));
+    });
+  },
+  /**
+   * Sets the state of the confirm to loading and displays a spinner.
+   */
+  setLoading: (s = !0) => {
+    e.loading = s;
+  },
+  /**
+   * Closes the confirmation modal. It is a manual operation
+   * so you can update the state while the modal is still open.
+   */
+  close: () => (e.description = o.description, e.loading = o.loading, e.noText = o.noText, e.open = o.open, e.text = o.text, e.theme = o.theme, e.title = o.title, e.yesText = o.yesText, i.value = !1, Promise.resolve().then(() => {
+    i.value = null;
+  }))
+});
+export {
+  m as actions,
+  e as state,
+  y as useConfirm
+};
+//# sourceMappingURL=index3.js.map

package/dist/index3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index3.js","sources":["../src/composables/useConfirm.ts"],"sourcesContent":["import { computed, reactive, ref, watch } from 'vue';\nimport { isNil } from '@/utilities/functions/isNil';\nimport type { Sizes } from '@/components/BaseDialog/BaseDialog.vue';\n\ntype State = {\n\tdescription: string;\n\ttheme: string;\n\tloading: boolean;\n\tnoText: string;\n\topen: boolean;\n\ttext: string;\n\ttitle: string;\n\tyesText: string;\n\tyes: boolean;\n\tno: boolean;\n\tactions: boolean;\n\tsize: keyof Sizes;\n};\n\ntype UserOptions = {\n\t/**\n\t * Boolean that sets whether to display or hide the buttons.\n\t * Confirms without actions can only be dismissed by clicking on the overlay or the close button.\n\t */\n\tactions?: State['actions'];\n\t/**\n\t * Description of the content of the modal for accessibility purposes.\n\t */\n\tdescription?: State['description'];\n\t/**\n\t * Boolean that defines whether to display or hide the \"No\" action.\n\t */\n\tno?: State['no'];\n\t/**\n\t * Text content of the \"No\" action.\n\t */\n\tnoText?: State['noText'];\n\t/**\n\t * Text content of the modal.\n\t */\n\ttext: State['text'];\n\t/**\n\t * The name of the theme it applies a css class to BbConfirm for styling.\n\t */\n\ttheme?: State['theme'];\n\t/**\n\t * Tittle of the modal\n\t */\n\ttitle: State['title'];\n\t/**\n\t * Boolean that defines whether to display or hide the \"Yes\" action.\n\t */\n\tyes?: State['yes'];\n\t/**\n\t * Text content of the \"Yes\" action.\n\t */\n\tyesText?: State['yesText'];\n\t/**\n\t * Size of the confirm modal. Use any sizes valid for `BbModal`.\n\t */\n\tsize?: State['size'];\n};\n\n// Stash all instances of current dialogs\nlet subscribers: ((...args: any[]) => any)[] = [];\n\nconst value = ref<boolean | null>(null);\n\nwatch(\n\t() => value.value,\n\t() => {\n\t\tif (typeof value.value === 'boolean') {\n\t\t\t// Every time a dialog is resolved resolve all dialogs\n\t\t\tsubscribers.forEach((fn) => fn());\n\t\t\tsubscribers = [];\n\t\t}\n\t}\n);\n\nconst defaultState: State = {\n\tactions: true,\n\tdescription: '',\n\tloading: false,\n\tno: true,\n\tnoText: '',\n\topen: false,\n\tsize: 'sm',\n\ttext: '',\n\ttheme: 'default',\n\ttitle: '',\n\tyes: true,\n\tyesText: '',\n};\nconst defaultOption: UserOptions = {\n\tactions: true,\n\tdescription: '',\n\tno: true,\n\tnoText: 'Annulla',\n\ttext: '',\n\ttheme: 'default',\n\ttitle: '',\n\tyes: true,\n\tyesText: 'OK',\n};\n\nexport const state = reactive<State>({\n\t...defaultState,\n});\n\nexport const actions = computed(() => [\n\t{\n\t\ttext: state.noText,\n\t\thandler: () => {\n\t\t\tvalue.value = false;\n\t\t},\n\t},\n\t{\n\t\ttext: state.yesText,\n\t\thandler: () => {\n\t\t\tvalue.value = true;\n\t\t},\n\t},\n]);\n\nexport const useConfirm = () => {\n\treturn {\n\t\t/**\n\t\t * The confirm function. It accepts a set of options defining\n\t\t * the behavior of the modal and returns `Promise<boolean>`\n\t\t * when the user accepts, declines, or ignores the modal.\n\t\t */\n\t\tconfirm: (options: UserOptions) => {\n\t\t\tvalue.value = null;\n\t\t\tconst newOptions = { ...defaultOption, ...options };\n\t\t\tconst newState = { ...defaultState };\n\t\t\tnewState.title = newOptions.title;\n\t\t\tnewState.text = newOptions.text;\n\t\t\tif (newOptions.description) newState.description = newOptions.description;\n\t\t\tif (newOptions.noText) newState.noText = newOptions.noText;\n\t\t\tif (newOptions.yesText) newState.yesText = newOptions.yesText;\n\t\t\tif (newOptions.size) newState.size = newOptions.size;\n\t\t\tif (newOptions.theme) newState.theme = newOptions.theme;\n\t\t\tif (!isNil(newOptions.yes)) newState.yes = !!newOptions.yes;\n\t\t\tif (!isNil(newOptions.no)) newState.no = !!newOptions.no;\n\t\t\tif (!isNil(newOptions.actions)) newState.actions = !!newOptions.actions;\n\n\t\t\tstate.actions = newState.actions;\n\t\t\tstate.description = newState.description;\n\t\t\tstate.no = newState.no;\n\t\t\tstate.noText = newState.noText;\n\t\t\tstate.open = true;\n\t\t\tstate.size = newState.size;\n\t\t\tstate.text = newState.text;\n\t\t\tstate.theme = newState.theme;\n\t\t\tstate.title = newState.title;\n\t\t\tstate.yes = newState.yes;\n\t\t\tstate.yesText = newState.yesText;\n\n\t\t\treturn new Promise<boolean>((resolve) => {\n\t\t\t\tsubscribers.push(() => resolve(value.value as boolean));\n\t\t\t});\n\t\t},\n\t\t/**\n\t\t * Sets the state of the confirm to loading and displays a spinner.\n\t\t */\n\t\tsetLoading: (value: boolean = true) => {\n\t\t\tstate.loading = value;\n\t\t},\n\t\t/**\n\t\t * Closes the confirmation modal. It is a manual operation\n\t\t * so you can update the state while the modal is still open.\n\t\t */\n\t\tclose: () => {\n\t\t\tstate.description = defaultState.description;\n\t\t\tstate.loading = defaultState.loading;\n\t\t\tstate.noText = defaultState.noText;\n\t\t\tstate.open = defaultState.open;\n\t\t\tstate.text = defaultState.text;\n\t\t\tstate.theme = defaultState.theme;\n\t\t\tstate.title = defaultState.title;\n\t\t\tstate.yesText = defaultState.yesText;\n\t\t\tvalue.value = false;\n\t\t\treturn Promise.resolve().then(() => {\n\t\t\t\tvalue.value = null;\n\t\t\t});\n\t\t},\n\t};\n};\n"],"names":["subscribers","value","ref","watch","fn","defaultState","defaultOption","state","reactive","actions","computed","useConfirm","options","newOptions","newState","isNil","resolve"],"mappings":"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"}

package/dist/index30.js

@@ -0,0 +1,5 @@
+const e = "";
+export {
+  e as default
+};
+//# sourceMappingURL=index30.js.map

package/dist/index30.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index30.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}