bitboss-ui 0.2.30 → 0.2.32

package/dist/index19.js

@@ -1,21 +1,21 @@
 import { defineComponent as J, ref as o, useAttrs as Q, computed as h, onMounted as X, onBeforeUnmount as E, watchPostEffect as Y, openBlock as _, createBlock as Z, Teleport as ee, createElementVNode as l, mergeProps as N, createElementBlock as B, renderSlot as i, createTextVNode as te, toDisplayString as V, createCommentVNode as D, nextTick as T } from "vue";
-import { throttle as oe } from "./index204.js";
-import { useFocusTrap as le } from "./index205.js";
+import { throttle as oe } from "./index208.js";
+import { useFocusTrap as le } from "./index209.js";
 import { useId as A } from "./index7.js";
 import { wait as L } from "./index122.js";
-import { waitFor as ae } from "./index206.js";
+import { waitFor as ae } from "./index210.js";
 const se = { class: "bb-base-dialog-close" }, ne = { class: "bb-base-dialog-close__content" }, ie = { class: "bb-base-dialog-close__label" }, re = /* @__PURE__ */ l("span", { class: "bb-base-dialog-close__icon" }, [
   /* @__PURE__ */ l("svg", {
-    viewBox: "0 0 24 24",
+    "aria-hidden": "true",
     fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    "aria-hidden": "true"
+    viewBox: "0 0 24 24",
+    xmlns: "http://www.w3.org/2000/svg"
   }, [
     /* @__PURE__ */ l("path", {
       d: "M23 23L1 1M23 1L1 23",
       stroke: "currentColor",
-      "stroke-width": "2",
-      "stroke-linecap": "round"
+      "stroke-linecap": "round",
+      "stroke-width": "2"
     })
   ])
 ], -1), de = /* @__PURE__ */ l("div", { style: { flex: "10000 10000 0%" } }, null, -1), me = /* @__PURE__ */ J({
@@ -165,23 +165,23 @@ const se = { class: "bb-base-dialog-close" }, ne = { class: "bb-base-dialog-clos
         }), [
           v.value ? (_(), B("div", {
             key: 0,
-            class: "bb-base-dialog__content",
             ref_key: "content",
-            ref: y
+            ref: y,
+            class: "bb-base-dialog__content"
           }, [
             l("div", {
-              class: "bb-base-dialog__header",
               ref_key: "header",
-              ref: d
+              ref: d,
+              class: "bb-base-dialog__header"
             }, [
               i(e.$slots, "header", {
-                titleId: w,
                 close: S,
-                title: e.title
+                title: e.title,
+                titleId: w
               }, () => [
                 l("span", {
-                  class: "bb-base-dialog__title",
-                  id: w
+                  id: w,
+                  class: "bb-base-dialog__title"
                 }, [
                   i(e.$slots, "title", { text: e.title }, () => [
                     te(V(e.title), 1)
@@ -190,8 +190,8 @@ const se = { class: "bb-base-dialog-close" }, ne = { class: "bb-base-dialog-clos
                 l("span", se, [
                   e.showClose ? (_(), B("button", {
                     key: 0,
-                    onClick: S,
-                    type: "button"
+                    type: "button",
+                    onClick: S
                   }, [
                     i(e.$slots, "close", { text: H.value }, () => [
                       l("span", ne, [
@@ -204,9 +204,9 @@ const se = { class: "bb-base-dialog-close" }, ne = { class: "bb-base-dialog-clos
               ])
             ], 512),
             l("div", {
-              class: "bb-base-dialog__body",
               ref_key: "body",
-              ref: a
+              ref: a,
+              class: "bb-base-dialog__body"
             }, [
               i(e.$slots, "description", {
                 descriptionId: k,
@@ -222,9 +222,9 @@ const se = { class: "bb-base-dialog-close" }, ne = { class: "bb-base-dialog-clos
             ], 512),
             de,
             l("div", {
-              class: "bb-base-dialog__footer",
               ref_key: "footer",
-              ref: u
+              ref: u,
+              class: "bb-base-dialog__footer"
             }, [
               i(e.$slots, "footer")
             ], 512)

package/dist/index19.js.map

@@ -1 +1 @@
-{"version":3,"file":"index19.js","sources":["../src/components/BaseDialog/BaseDialog.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { renderSlot as _renderSlot, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, mergeProps as _mergeProps, Teleport as _Teleport, createBlock as _createBlock } from \"vue\"\n\nconst _hoisted_1 = { class: \"bb-base-dialog-close\" }\nconst _hoisted_2 = { class: \"bb-base-dialog-close__content\" }\nconst _hoisted_3 = { class: \"bb-base-dialog-close__label\" }\nconst _hoisted_4 = /*#__PURE__*/_createElementVNode(\"span\", { class: \"bb-base-dialog-close__icon\" }, [\n  /*#__PURE__*/_createElementVNode(\"svg\", {\n    viewBox: \"0 0 24 24\",\n    fill: \"none\",\n    xmlns: \"http://www.w3.org/2000/svg\",\n    \"aria-hidden\": \"true\"\n  }, [\n    /*#__PURE__*/_createElementVNode(\"path\", {\n      d: \"M23 23L1 1M23 1L1 23\",\n      stroke: \"currentColor\",\n      \"stroke-width\": \"2\",\n      \"stroke-linecap\": \"round\"\n    })\n  ])\n], -1)\nconst _hoisted_5 = /*#__PURE__*/_createElementVNode(\"div\", { style: {\"flex\":\"10000 10000 0%\"} }, null, -1)\n\nimport {\n  computed,\n  onBeforeUnmount,\n  onMounted,\n  ref,\n  useAttrs,\n  watch,\n  nextTick,\n  watchPostEffect,\n} from \"vue\";\nimport { throttle } from \"@/utilities/functions/throttle\";\nimport { useFocusTrap } from \"@vueuse/integrations/useFocusTrap\";\nimport { useId } from \"@/composables/useId\";\nimport { wait } from \"@/utilities/functions/wait\";\nimport { waitFor } from \"@/utilities/functions/waitFor\";\nimport type { CommonProps, Size } from \"@/types/CommonProps\";\n\nexport type Sizes = {\n  sm: number;\n  md: number;\n  lg: number;\n};\n\nexport type BaseDialogProps = Pick<\n  CommonProps,\n  | \"closeLabel\"\n  | \"compact\"\n  | \"disabled\"\n  | \"eager\"\n  | \"panelClasses\"\n  | \"overlayClasses\"\n  | \"persistent\"\n  | \"showClose\"\n  | \"title\"\n  | \"transition\"\n  | \"transitionDuration\"\n> &\n  Size<Sizes> & {\n    /**\n     * Description of the content of the modal. Extremely useful for accessibility reasons.\n     */\n    description?: string;\n    /**\n     * Displays the modala as fulscreen with no margin to the page\n     */\n    fullscreen?: boolean;\n    /**\n     * Defines the state open / closed of the modal.\n     */\n    modelValue?: boolean | null;\n  };\n\nexport type BaseDialogSlots = {\n  header?: (props: {\n    titleId: typeof titleId;\n    close: typeof onCloseClick;\n    title: BaseDialogProps[\"title\"];\n  }) => any;\n  title?: (props: { text: BaseDialogProps[\"title\"] }) => any;\n  close?: (props: { text: BaseDialogProps[\"closeLabel\"] }) => any;\n  description?: (props: {\n    descriptionId: typeof descriptionId;\n    text: BaseDialogProps[\"description\"];\n  }) => any;\n  default?: (props: {}) => any;\n  footer?: (props: {}) => any;\n};\n\nexport type BaseDialogEvents = {\n  (e: \"shown\"): void;\n  (e: \"hidden\"): void;\n  (e: \"update:modelValue\", value: boolean): void;\n};\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BaseDialog',\n  props: {\n    closeLabel: { default: \"Chiudi modale\" },\n    compact: { type: Boolean },\n    disabled: { type: Boolean },\n    eager: { type: Boolean },\n    panelClasses: { default: () => [] },\n    overlayClasses: { default: () => [] },\n    persistent: { type: Boolean },\n    showClose: { type: Boolean, default: true },\n    title: {},\n    transition: { default: \"fade\" },\n    transitionDuration: { default: 350 },\n    size: { default: \"sm\" },\n    description: {},\n    fullscreen: { type: Boolean },\n    modelValue: { type: [Boolean, null] }\n  },\n  emits: [\"shown\", \"hidden\", \"update:modelValue\"],\n  setup(__props: any, { emit: __emit }) {\n\nconst props = __props;\n\n\n\nconst emit = __emit;\n\nconst titleId = `title_${useId().id.value}`;\nconst descriptionId = `description_${useId().id.value}`;\n\nconst observer = ref<MutationObserver | null>(null);\nconst overlay = ref<HTMLElement | null>(null);\nconst panel = ref<HTMLElement | null>(null);\nconst content = ref<HTMLElement | null>(null);\nconst header = ref<HTMLElement | null>(null);\nconst body = ref<HTMLElement | null>(null);\nconst footer = ref<HTMLElement | null>(null);\nconst height = ref<number | null>(null);\n\nconst { activate, deactivate } = useFocusTrap(panel, {\n  clickOutsideDeactivates: true,\n  /* On esc deactivate the trap, return focus and then close the modal */\n  escapeDeactivates: () => {\n    nextTick(() => {\n      emit(\"update:modelValue\", false);\n    });\n    return true;\n  },\n});\n\nconst attrs = useAttrs();\n\nconst closeLabel = computed(() => props.closeLabel);\n\nonMounted(async () => {\n  if (body.value) {\n    observer.value = new MutationObserver(onContentGrow);\n    observer.value.observe(body.value, { childList: true, subtree: true });\n  }\n  window.addEventListener(\"resize\", onContentGrow);\n});\nonBeforeUnmount(() => {\n  window.removeEventListener(\"resize\", onContentGrow);\n});\n\nconst open = ref(false);\nconst opening = ref(false);\nconst closed = ref(true);\nconst closing = ref(false);\nconst hasRenderedAtLeastOnce = ref(props.eager || props.modelValue);\n\nconst busy = computed(() => opening.value || closing.value);\n\nonBeforeUnmount(() => {\n  if (props.modelValue) {\n    let currentlyOpenModals = Number(\n      document.body.dataset[\"openModals\"] ?? \"0\"\n    );\n    // This prevents overscroll chaining (additional scrolling to the body when the modal has been completely scrolled)\n    currentlyOpenModals--;\n    document.body.dataset[\"openModals\"] = currentlyOpenModals.toString();\n    if (!currentlyOpenModals) {\n      document.body.style.overflow = \"auto\";\n      document.body.style.paddingRight = \"0px\";\n    }\n  }\n});\n\n/**\n * When modelValue becomes true if the component wasn't rendered render it\n * and wait for it to be on the page (or transitions would not work).\n * Stash the latest focused element so we can return it later when it closes.\n * Focus on the panel upon opening.\n * ---\n * Notice all interactions update modelValue and then this function aligns the display to it\n */\nconst alignToModelValue = async () => {\n  if (props.modelValue) {\n    if (!hasRenderedAtLeastOnce.value) {\n      hasRenderedAtLeastOnce.value = true;\n      await waitFor(() => !!body.value);\n      await nextTick();\n      if (body.value) {\n        observer.value = new MutationObserver(onContentGrow);\n        observer.value.observe(body.value, { childList: true, subtree: true });\n      }\n    }\n\n    closed.value = false;\n    closing.value = false;\n    opening.value = true;\n\n    // This prevents overscroll chaining (additional scrolling to the body when the modal has been completely scrolled)\n\n    let currentlyOpenModals = Number(\n      document.body.dataset[\"openModals\"] ?? \"0\"\n    );\n    currentlyOpenModals++;\n    document.body.dataset[\"openModals\"] = currentlyOpenModals.toString();\n    const scrollBarWidth =\n      window.innerWidth - document.documentElement.clientWidth;\n    document.body.style.overflow = \"hidden\";\n    document.body.style.paddingRight = `${scrollBarWidth}px`;\n\n    await wait(props.transitionDuration);\n    opening.value = false;\n    open.value = true;\n    emit(\"shown\");\n    activate();\n  } else {\n    deactivate();\n    opening.value = false;\n    open.value = false;\n    closing.value = true;\n\n    await wait(props.transitionDuration);\n\n    let currentlyOpenModals = Number(\n      document.body.dataset[\"openModals\"] ?? \"0\"\n    );\n    // This prevents overscroll chaining (additional scrolling to the body when the modal has been completely scrolled)\n    currentlyOpenModals--;\n    document.body.dataset[\"openModals\"] = currentlyOpenModals.toString();\n    if (!currentlyOpenModals) {\n      document.body.style.overflow = \"auto\";\n      document.body.style.paddingRight = \"0px\";\n    }\n    closing.value = false;\n    closed.value = true;\n    emit(\"hidden\");\n  }\n};\n\n/**\n * Every time modelValue changes align the display to it\n */\nwatchPostEffect(() => {\n  if (!props.modelValue && !hasRenderedAtLeastOnce.value) return;\n  alignToModelValue();\n});\n\n/**\n * Disable scrolling\n */\nconst onOverlayScroll = (event: UIEvent) => {\n  if (event.target === overlay.value) {\n    event.preventDefault();\n  }\n};\n\n/**\n * Close the modal on overlay click if not persistent\n */\nconst onOverlayClick = (event: MouseEvent) => {\n  if (props.disabled || busy.value) return;\n  if (overlay.value) {\n    if (event.target === overlay.value) {\n      if (!props.persistent) {\n        emit(\"update:modelValue\", false);\n      }\n    }\n  }\n};\n\n/**\n * On click on the X button\n */\nconst onCloseClick = () => {\n  if (props.disabled || busy.value) return;\n  deactivate();\n  emit(\"update:modelValue\", false);\n};\n\nconst overlayAttributes = computed(() => {\n  const classes = [\n    {\n      \"bb-base-dialog bb-base-dialog__overlay\": true,\n      \"bb-base-dialog--fullscreen\": props.fullscreen,\n      \"bb-base-dialog--open\": open.value,\n      \"bb-base-dialog--opening\": opening.value,\n      \"bb-base-dialog--closed\": closed.value,\n      \"bb-base-dialog--closing\": closing.value,\n      [`bb-base-dialog--transition-${props.transition}`]: true,\n    },\n    props.overlayClasses,\n  ].flat();\n  const eventListeners = {\n    onClick: onOverlayClick,\n    onScroll: onOverlayScroll,\n    onTouchmove: onOverlayScroll,\n    onWheel: onOverlayScroll,\n    onKeydown: onOverlayScroll,\n  };\n\n  const style = {\n    transitionDuration: props.transitionDuration / 1000 + \"s\",\n  };\n  return {\n    class: classes,\n    style,\n    ...eventListeners,\n    ...attrs,\n  };\n});\n\nconst panelAttributes = computed(() => {\n  const classes = [\n    {\n      \"bb-base-dialog__panel\": true,\n      \"bb-base-dialog__panel--compact\": props.compact,\n    },\n    props.panelClasses,\n  ].flat();\n\n  const accessibilityAttrs: {\n    [key: string]: string | boolean;\n  } = {\n    role: \"dialog\",\n    \"aria-modal\": true,\n  };\n\n  if (hasRenderedAtLeastOnce.value) {\n    accessibilityAttrs[\"aria-labelledby\"] = titleId;\n\n    if (props.description)\n      accessibilityAttrs[\"aria-describedby\"] = descriptionId;\n  }\n\n  let maxWidth;\n  const sizes: Sizes = {\n    sm: 384,\n    md: 652,\n    lg: 896,\n  };\n  if (props.fullscreen) maxWidth = \"100%\";\n  else if (typeof props.size === \"number\") maxWidth = props.size + \"px\";\n  else if (props.size in sizes)\n    maxWidth = sizes[props.size as keyof Sizes] + \"px\";\n  else maxWidth = props.size + \"px\";\n\n  const style = {\n    maxWidth,\n    transitionDuration: props.transitionDuration / 1000 + \"s\",\n  };\n\n  return {\n    class: classes,\n    style,\n    ...accessibilityAttrs,\n  };\n});\n\n/**\n * This is called when content inside body changes.\n * Gets the total height the panel needs to be\n * It could be called numerous times so throttle every 300ms\n */\nconst onContentGrow = throttle(async () => {\n  if (props.fullscreen) {\n    height.value = window.innerHeight;\n    return;\n  }\n  if (header.value && body.value && footer.value) {\n    const contentHeight =\n      header.value.scrollHeight +\n      body.value.scrollHeight +\n      footer.value.scrollHeight +\n      2;\n    /* Add two so renderless elements at the bottom are not cut off */\n    if (content.value) {\n      content.value.style.height = \"0px\";\n      content.value.style.height = `${contentHeight + 10}px`;\n      /**\n       * Run until all transitions inside have completed\n       */\n      await wait(30);\n      if (header.value && body.value && footer.value) {\n        const contentHeight2 =\n          header.value.scrollHeight +\n          body.value.scrollHeight +\n          footer.value.scrollHeight +\n          20;\n        if (contentHeight !== contentHeight2) onContentGrow();\n      }\n    }\n  }\n}, 200);\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createBlock(_Teleport, { to: \"body\" }, [\n    _createElementVNode(\"div\", _mergeProps(overlayAttributes.value, {\n      ref_key: \"overlay\",\n      ref: overlay\n    }), [\n      _createElementVNode(\"div\", _mergeProps(panelAttributes.value, {\n        ref_key: \"panel\",\n        ref: panel\n      }), [\n        (hasRenderedAtLeastOnce.value)\n          ? (_openBlock(), _createElementBlock(\"div\", {\n              key: 0,\n              class: \"bb-base-dialog__content\",\n              ref_key: \"content\",\n              ref: content\n            }, [\n              _createElementVNode(\"div\", {\n                class: \"bb-base-dialog__header\",\n                ref_key: \"header\",\n                ref: header\n              }, [\n                _renderSlot(_ctx.$slots, \"header\", {\n                  titleId: titleId,\n                  close: onCloseClick,\n                  title: _ctx.title\n                }, () => [\n                  _createElementVNode(\"span\", {\n                    class: \"bb-base-dialog__title\",\n                    id: titleId\n                  }, [\n                    _renderSlot(_ctx.$slots, \"title\", { text: _ctx.title }, () => [\n                      _createTextVNode(_toDisplayString(_ctx.title), 1)\n                    ])\n                  ]),\n                  _createElementVNode(\"span\", _hoisted_1, [\n                    (_ctx.showClose)\n                      ? (_openBlock(), _createElementBlock(\"button\", {\n                          key: 0,\n                          onClick: onCloseClick,\n                          type: \"button\"\n                        }, [\n                          _renderSlot(_ctx.$slots, \"close\", { text: closeLabel.value }, () => [\n                            _createElementVNode(\"span\", _hoisted_2, [\n                              _createElementVNode(\"span\", _hoisted_3, _toDisplayString(closeLabel.value), 1),\n                              _hoisted_4\n                            ])\n                          ])\n                        ]))\n                      : _createCommentVNode(\"\", true)\n                  ])\n                ])\n              ], 512),\n              _createElementVNode(\"div\", {\n                class: \"bb-base-dialog__body\",\n                ref_key: \"body\",\n                ref: body\n              }, [\n                _renderSlot(_ctx.$slots, \"description\", {\n                  descriptionId: descriptionId,\n                  text: _ctx.description\n                }, () => [\n                  (_ctx.description)\n                    ? (_openBlock(), _createElementBlock(\"div\", {\n                        key: 0,\n                        id: descriptionId,\n                        class: \"bb-base-dialog__description\"\n                      }, _toDisplayString(_ctx.description), 1))\n                    : _createCommentVNode(\"\", true)\n                ]),\n                _renderSlot(_ctx.$slots, \"default\")\n              ], 512),\n              _hoisted_5,\n              _createElementVNode(\"div\", {\n                class: \"bb-base-dialog__footer\",\n                ref_key: \"footer\",\n                ref: footer\n              }, [\n                _renderSlot(_ctx.$slots, \"footer\")\n              ], 512)\n            ], 512))\n          : _createCommentVNode(\"\", true)\n      ], 16)\n    ], 16)\n  ]))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_createElementVNode","_hoisted_5","_sfc_main","_defineComponent","__props","__emit","props","emit","titleId","useId","descriptionId","observer","ref","overlay","panel","content","header","body","footer","height","activate","deactivate","useFocusTrap","nextTick","attrs","useAttrs","closeLabel","computed","onMounted","onContentGrow","onBeforeUnmount","open","opening","closed","closing","hasRenderedAtLeastOnce","busy","currentlyOpenModals","alignToModelValue","waitFor","scrollBarWidth","wait","watchPostEffect","onOverlayScroll","event","onOverlayClick","onCloseClick","overlayAttributes","classes","eventListeners","style","panelAttributes","accessibilityAttrs","maxWidth","sizes","throttle","contentHeight","contentHeight2","_ctx","_cache","_openBlock","_createBlock","_Teleport","_mergeProps","_createElementBlock","_renderSlot","_createTextVNode","_toDisplayString","_createCommentVNode"],"mappings":"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"}
+{"version":3,"file":"index19.js","sources":["../src/components/BaseDialog/BaseDialog.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { renderSlot as _renderSlot, toDisplayString as _toDisplayString, createTextVNode as _createTextVNode, createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, mergeProps as _mergeProps, Teleport as _Teleport, createBlock as _createBlock } from \"vue\"\n\nconst _hoisted_1 = { class: \"bb-base-dialog-close\" }\nconst _hoisted_2 = { class: \"bb-base-dialog-close__content\" }\nconst _hoisted_3 = { class: \"bb-base-dialog-close__label\" }\nconst _hoisted_4 = /*#__PURE__*/_createElementVNode(\"span\", { class: \"bb-base-dialog-close__icon\" }, [\n  /*#__PURE__*/_createElementVNode(\"svg\", {\n    \"aria-hidden\": \"true\",\n    fill: \"none\",\n    viewBox: \"0 0 24 24\",\n    xmlns: \"http://www.w3.org/2000/svg\"\n  }, [\n    /*#__PURE__*/_createElementVNode(\"path\", {\n      d: \"M23 23L1 1M23 1L1 23\",\n      stroke: \"currentColor\",\n      \"stroke-linecap\": \"round\",\n      \"stroke-width\": \"2\"\n    })\n  ])\n], -1)\nconst _hoisted_5 = /*#__PURE__*/_createElementVNode(\"div\", { style: {\"flex\":\"10000 10000 0%\"} }, null, -1)\n\nimport {\n\tcomputed,\n\tonBeforeUnmount,\n\tonMounted,\n\tref,\n\tuseAttrs,\n\twatch,\n\tnextTick,\n\twatchPostEffect,\n} from 'vue';\nimport { throttle } from '@/utilities/functions/throttle';\nimport { useFocusTrap } from '@vueuse/integrations/useFocusTrap';\nimport { useId } from '@/composables/useId';\nimport { wait } from '@/utilities/functions/wait';\nimport { waitFor } from '@/utilities/functions/waitFor';\nimport type { CommonProps, Size } from '@/types/CommonProps';\n\nexport type Sizes = {\n\tsm: number;\n\tmd: number;\n\tlg: number;\n};\n\nexport type BaseDialogProps = Pick<\n\tCommonProps,\n\t| 'closeLabel'\n\t| 'compact'\n\t| 'disabled'\n\t| 'eager'\n\t| 'panelClasses'\n\t| 'overlayClasses'\n\t| 'persistent'\n\t| 'showClose'\n\t| 'title'\n\t| 'transition'\n\t| 'transitionDuration'\n> &\n\tSize<Sizes> & {\n\t\t/**\n\t\t * Description of the content of the modal. Extremely useful for accessibility reasons.\n\t\t */\n\t\tdescription?: string;\n\t\t/**\n\t\t * Displays the modala as fulscreen with no margin to the page\n\t\t */\n\t\tfullscreen?: boolean;\n\t\t/**\n\t\t * Defines the state open / closed of the modal.\n\t\t */\n\t\tmodelValue?: boolean | null;\n\t};\n\nexport type BaseDialogSlots = {\n\theader?: (props: {\n\t\ttitleId: typeof titleId;\n\t\tclose: typeof onCloseClick;\n\t\ttitle: BaseDialogProps['title'];\n\t}) => any;\n\ttitle?: (props: { text: BaseDialogProps['title'] }) => any;\n\tclose?: (props: { text: BaseDialogProps['closeLabel'] }) => any;\n\tdescription?: (props: {\n\t\tdescriptionId: typeof descriptionId;\n\t\ttext: BaseDialogProps['description'];\n\t}) => any;\n\tdefault?: (props: {}) => any;\n\tfooter?: (props: {}) => any;\n};\n\nexport type BaseDialogEvents = {\n\t(e: 'shown'): void;\n\t(e: 'hidden'): void;\n\t(e: 'update:modelValue', value: boolean): void;\n};\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BaseDialog',\n  props: {\n    closeLabel: { default: 'Chiudi modale' },\n    compact: { type: Boolean },\n    disabled: { type: Boolean },\n    eager: { type: Boolean },\n    panelClasses: { default: () => [] },\n    overlayClasses: { default: () => [] },\n    persistent: { type: Boolean },\n    showClose: { type: Boolean, default: true },\n    title: {},\n    transition: { default: 'fade' },\n    transitionDuration: { default: 350 },\n    size: { default: 'sm' },\n    description: {},\n    fullscreen: { type: Boolean },\n    modelValue: { type: [Boolean, null] }\n  },\n  emits: [\"shown\", \"hidden\", \"update:modelValue\"],\n  setup(__props: any, { emit: __emit }) {\n\nconst props = __props;\n\n\n\nconst emit = __emit;\n\nconst titleId = `title_${useId().id.value}`;\nconst descriptionId = `description_${useId().id.value}`;\n\nconst observer = ref<MutationObserver | null>(null);\nconst overlay = ref<HTMLElement | null>(null);\nconst panel = ref<HTMLElement | null>(null);\nconst content = ref<HTMLElement | null>(null);\nconst header = ref<HTMLElement | null>(null);\nconst body = ref<HTMLElement | null>(null);\nconst footer = ref<HTMLElement | null>(null);\nconst height = ref<number | null>(null);\n\nconst { activate, deactivate } = useFocusTrap(panel, {\n\tclickOutsideDeactivates: true,\n\t/* On esc deactivate the trap, return focus and then close the modal */\n\tescapeDeactivates: () => {\n\t\tnextTick(() => {\n\t\t\temit('update:modelValue', false);\n\t\t});\n\t\treturn true;\n\t},\n});\n\nconst attrs = useAttrs();\n\nconst closeLabel = computed(() => props.closeLabel);\n\nonMounted(async () => {\n\tif (body.value) {\n\t\tobserver.value = new MutationObserver(onContentGrow);\n\t\tobserver.value.observe(body.value, { childList: true, subtree: true });\n\t}\n\twindow.addEventListener('resize', onContentGrow);\n});\nonBeforeUnmount(() => {\n\twindow.removeEventListener('resize', onContentGrow);\n});\n\nconst open = ref(false);\nconst opening = ref(false);\nconst closed = ref(true);\nconst closing = ref(false);\nconst hasRenderedAtLeastOnce = ref(props.eager || props.modelValue);\n\nconst busy = computed(() => opening.value || closing.value);\n\nonBeforeUnmount(() => {\n\tif (props.modelValue) {\n\t\tlet currentlyOpenModals = Number(\n\t\t\tdocument.body.dataset['openModals'] ?? '0'\n\t\t);\n\t\t// This prevents overscroll chaining (additional scrolling to the body when the modal has been completely scrolled)\n\t\tcurrentlyOpenModals--;\n\t\tdocument.body.dataset['openModals'] = currentlyOpenModals.toString();\n\t\tif (!currentlyOpenModals) {\n\t\t\tdocument.body.style.overflow = 'auto';\n\t\t\tdocument.body.style.paddingRight = '0px';\n\t\t}\n\t}\n});\n\n/**\n * When modelValue becomes true if the component wasn't rendered render it\n * and wait for it to be on the page (or transitions would not work).\n * Stash the latest focused element so we can return it later when it closes.\n * Focus on the panel upon opening.\n * ---\n * Notice all interactions update modelValue and then this function aligns the display to it\n */\nconst alignToModelValue = async () => {\n\tif (props.modelValue) {\n\t\tif (!hasRenderedAtLeastOnce.value) {\n\t\t\thasRenderedAtLeastOnce.value = true;\n\t\t\tawait waitFor(() => !!body.value);\n\t\t\tawait nextTick();\n\t\t\tif (body.value) {\n\t\t\t\tobserver.value = new MutationObserver(onContentGrow);\n\t\t\t\tobserver.value.observe(body.value, { childList: true, subtree: true });\n\t\t\t}\n\t\t}\n\n\t\tclosed.value = false;\n\t\tclosing.value = false;\n\t\topening.value = true;\n\n\t\t// This prevents overscroll chaining (additional scrolling to the body when the modal has been completely scrolled)\n\n\t\tlet currentlyOpenModals = Number(\n\t\t\tdocument.body.dataset['openModals'] ?? '0'\n\t\t);\n\t\tcurrentlyOpenModals++;\n\t\tdocument.body.dataset['openModals'] = currentlyOpenModals.toString();\n\t\tconst scrollBarWidth =\n\t\t\twindow.innerWidth - document.documentElement.clientWidth;\n\t\tdocument.body.style.overflow = 'hidden';\n\t\tdocument.body.style.paddingRight = `${scrollBarWidth}px`;\n\n\t\tawait wait(props.transitionDuration);\n\t\topening.value = false;\n\t\topen.value = true;\n\t\temit('shown');\n\t\tactivate();\n\t} else {\n\t\tdeactivate();\n\t\topening.value = false;\n\t\topen.value = false;\n\t\tclosing.value = true;\n\n\t\tawait wait(props.transitionDuration);\n\n\t\tlet currentlyOpenModals = Number(\n\t\t\tdocument.body.dataset['openModals'] ?? '0'\n\t\t);\n\t\t// This prevents overscroll chaining (additional scrolling to the body when the modal has been completely scrolled)\n\t\tcurrentlyOpenModals--;\n\t\tdocument.body.dataset['openModals'] = currentlyOpenModals.toString();\n\t\tif (!currentlyOpenModals) {\n\t\t\tdocument.body.style.overflow = 'auto';\n\t\t\tdocument.body.style.paddingRight = '0px';\n\t\t}\n\t\tclosing.value = false;\n\t\tclosed.value = true;\n\t\temit('hidden');\n\t}\n};\n\n/**\n * Every time modelValue changes align the display to it\n */\nwatchPostEffect(() => {\n\tif (!props.modelValue && !hasRenderedAtLeastOnce.value) return;\n\talignToModelValue();\n});\n\n/**\n * Disable scrolling\n */\nconst onOverlayScroll = (event: UIEvent) => {\n\tif (event.target === overlay.value) {\n\t\tevent.preventDefault();\n\t}\n};\n\n/**\n * Close the modal on overlay click if not persistent\n */\nconst onOverlayClick = (event: MouseEvent) => {\n\tif (props.disabled || busy.value) return;\n\tif (overlay.value) {\n\t\tif (event.target === overlay.value) {\n\t\t\tif (!props.persistent) {\n\t\t\t\temit('update:modelValue', false);\n\t\t\t}\n\t\t}\n\t}\n};\n\n/**\n * On click on the X button\n */\nconst onCloseClick = () => {\n\tif (props.disabled || busy.value) return;\n\tdeactivate();\n\temit('update:modelValue', false);\n};\n\nconst overlayAttributes = computed(() => {\n\tconst classes = [\n\t\t{\n\t\t\t'bb-base-dialog bb-base-dialog__overlay': true,\n\t\t\t'bb-base-dialog--fullscreen': props.fullscreen,\n\t\t\t'bb-base-dialog--open': open.value,\n\t\t\t'bb-base-dialog--opening': opening.value,\n\t\t\t'bb-base-dialog--closed': closed.value,\n\t\t\t'bb-base-dialog--closing': closing.value,\n\t\t\t[`bb-base-dialog--transition-${props.transition}`]: true,\n\t\t},\n\t\tprops.overlayClasses,\n\t].flat();\n\tconst eventListeners = {\n\t\tonClick: onOverlayClick,\n\t\tonScroll: onOverlayScroll,\n\t\tonTouchmove: onOverlayScroll,\n\t\tonWheel: onOverlayScroll,\n\t\tonKeydown: onOverlayScroll,\n\t};\n\n\tconst style = {\n\t\ttransitionDuration: props.transitionDuration / 1000 + 's',\n\t};\n\treturn {\n\t\tclass: classes,\n\t\tstyle,\n\t\t...eventListeners,\n\t\t...attrs,\n\t};\n});\n\nconst panelAttributes = computed(() => {\n\tconst classes = [\n\t\t{\n\t\t\t'bb-base-dialog__panel': true,\n\t\t\t'bb-base-dialog__panel--compact': props.compact,\n\t\t},\n\t\tprops.panelClasses,\n\t].flat();\n\n\tconst accessibilityAttrs: {\n\t\t[key: string]: string | boolean;\n\t} = {\n\t\trole: 'dialog',\n\t\t'aria-modal': true,\n\t};\n\n\tif (hasRenderedAtLeastOnce.value) {\n\t\taccessibilityAttrs['aria-labelledby'] = titleId;\n\n\t\tif (props.description)\n\t\t\taccessibilityAttrs['aria-describedby'] = descriptionId;\n\t}\n\n\tlet maxWidth;\n\tconst sizes: Sizes = {\n\t\tsm: 384,\n\t\tmd: 652,\n\t\tlg: 896,\n\t};\n\tif (props.fullscreen) maxWidth = '100%';\n\telse if (typeof props.size === 'number') maxWidth = props.size + 'px';\n\telse if (props.size in sizes)\n\t\tmaxWidth = sizes[props.size as keyof Sizes] + 'px';\n\telse maxWidth = props.size + 'px';\n\n\tconst style = {\n\t\tmaxWidth,\n\t\ttransitionDuration: props.transitionDuration / 1000 + 's',\n\t};\n\n\treturn {\n\t\tclass: classes,\n\t\tstyle,\n\t\t...accessibilityAttrs,\n\t};\n});\n\n/**\n * This is called when content inside body changes.\n * Gets the total height the panel needs to be\n * It could be called numerous times so throttle every 300ms\n */\nconst onContentGrow = throttle(async () => {\n\tif (props.fullscreen) {\n\t\theight.value = window.innerHeight;\n\t\treturn;\n\t}\n\tif (header.value && body.value && footer.value) {\n\t\tconst contentHeight =\n\t\t\theader.value.scrollHeight +\n\t\t\tbody.value.scrollHeight +\n\t\t\tfooter.value.scrollHeight +\n\t\t\t2;\n\t\t/* Add two so renderless elements at the bottom are not cut off */\n\t\tif (content.value) {\n\t\t\tcontent.value.style.height = '0px';\n\t\t\tcontent.value.style.height = `${contentHeight + 10}px`;\n\t\t\t/**\n\t\t\t * Run until all transitions inside have completed\n\t\t\t */\n\t\t\tawait wait(30);\n\t\t\tif (header.value && body.value && footer.value) {\n\t\t\t\tconst contentHeight2 =\n\t\t\t\t\theader.value.scrollHeight +\n\t\t\t\t\tbody.value.scrollHeight +\n\t\t\t\t\tfooter.value.scrollHeight +\n\t\t\t\t\t20;\n\t\t\t\tif (contentHeight !== contentHeight2) onContentGrow();\n\t\t\t}\n\t\t}\n\t}\n}, 200);\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createBlock(_Teleport, { to: \"body\" }, [\n    _createElementVNode(\"div\", _mergeProps(overlayAttributes.value, {\n      ref_key: \"overlay\",\n      ref: overlay\n    }), [\n      _createElementVNode(\"div\", _mergeProps(panelAttributes.value, {\n        ref_key: \"panel\",\n        ref: panel\n      }), [\n        (hasRenderedAtLeastOnce.value)\n          ? (_openBlock(), _createElementBlock(\"div\", {\n              key: 0,\n              ref_key: \"content\",\n              ref: content,\n              class: \"bb-base-dialog__content\"\n            }, [\n              _createElementVNode(\"div\", {\n                ref_key: \"header\",\n                ref: header,\n                class: \"bb-base-dialog__header\"\n              }, [\n                _renderSlot(_ctx.$slots, \"header\", {\n                  close: onCloseClick,\n                  title: _ctx.title,\n                  titleId: titleId\n                }, () => [\n                  _createElementVNode(\"span\", {\n                    id: titleId,\n                    class: \"bb-base-dialog__title\"\n                  }, [\n                    _renderSlot(_ctx.$slots, \"title\", { text: _ctx.title }, () => [\n                      _createTextVNode(_toDisplayString(_ctx.title), 1)\n                    ])\n                  ]),\n                  _createElementVNode(\"span\", _hoisted_1, [\n                    (_ctx.showClose)\n                      ? (_openBlock(), _createElementBlock(\"button\", {\n                          key: 0,\n                          type: \"button\",\n                          onClick: onCloseClick\n                        }, [\n                          _renderSlot(_ctx.$slots, \"close\", { text: closeLabel.value }, () => [\n                            _createElementVNode(\"span\", _hoisted_2, [\n                              _createElementVNode(\"span\", _hoisted_3, _toDisplayString(closeLabel.value), 1),\n                              _hoisted_4\n                            ])\n                          ])\n                        ]))\n                      : _createCommentVNode(\"\", true)\n                  ])\n                ])\n              ], 512),\n              _createElementVNode(\"div\", {\n                ref_key: \"body\",\n                ref: body,\n                class: \"bb-base-dialog__body\"\n              }, [\n                _renderSlot(_ctx.$slots, \"description\", {\n                  descriptionId: descriptionId,\n                  text: _ctx.description\n                }, () => [\n                  (_ctx.description)\n                    ? (_openBlock(), _createElementBlock(\"div\", {\n                        key: 0,\n                        id: descriptionId,\n                        class: \"bb-base-dialog__description\"\n                      }, _toDisplayString(_ctx.description), 1))\n                    : _createCommentVNode(\"\", true)\n                ]),\n                _renderSlot(_ctx.$slots, \"default\")\n              ], 512),\n              _hoisted_5,\n              _createElementVNode(\"div\", {\n                ref_key: \"footer\",\n                ref: footer,\n                class: \"bb-base-dialog__footer\"\n              }, [\n                _renderSlot(_ctx.$slots, \"footer\")\n              ], 512)\n            ], 512))\n          : _createCommentVNode(\"\", true)\n      ], 16)\n    ], 16)\n  ]))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_createElementVNode","_hoisted_5","_sfc_main","_defineComponent","__props","__emit","props","emit","titleId","useId","descriptionId","observer","ref","overlay","panel","content","header","body","footer","height","activate","deactivate","useFocusTrap","nextTick","attrs","useAttrs","closeLabel","computed","onMounted","onContentGrow","onBeforeUnmount","open","opening","closed","closing","hasRenderedAtLeastOnce","busy","currentlyOpenModals","alignToModelValue","waitFor","scrollBarWidth","wait","watchPostEffect","onOverlayScroll","event","onOverlayClick","onCloseClick","overlayAttributes","classes","eventListeners","style","panelAttributes","accessibilityAttrs","maxWidth","sizes","throttle","contentHeight","contentHeight2","_ctx","_cache","_openBlock","_createBlock","_Teleport","_mergeProps","_createElementBlock","_renderSlot","_createTextVNode","_toDisplayString","_createCommentVNode"],"mappings":";;;;;;AAGA,MAAMA,KAAa,EAAE,OAAO,0BACtBC,KAAa,EAAE,OAAO,mCACtBC,KAAa,EAAE,OAAO,iCACtBC,KAA8CC,gBAAAA,EAAA,QAAQ,EAAE,OAAO,gCAAgC;AAAA,oBAClE,OAAO;AAAA,IACtC,eAAe;AAAA,IACf,MAAM;AAAA,IACN,SAAS;AAAA,IACT,OAAO;AAAA,EAAA,GACN;AAAA,sBACgC,QAAQ;AAAA,MACvC,GAAG;AAAA,MACH,QAAQ;AAAA,MACR,kBAAkB;AAAA,MAClB,gBAAgB;AAAA,IAAA,CACjB;AAAA,EAAA,CACF;AACH,GAAG,EAAE,GACCC,KAA8CD,gBAAAA,EAAA,OAAO,EAAE,OAAO,EAAC,MAAO,mBAAqB,GAAA,MAAM,EAAE,GA6E7EE,KAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,YAAY,EAAE,SAAS,gBAAgB;AAAA,IACvC,SAAS,EAAE,MAAM,QAAQ;AAAA,IACzB,UAAU,EAAE,MAAM,QAAQ;AAAA,IAC1B,OAAO,EAAE,MAAM,QAAQ;AAAA,IACvB,cAAc,EAAE,SAAS,MAAM,GAAG;AAAA,IAClC,gBAAgB,EAAE,SAAS,MAAM,GAAG;AAAA,IACpC,YAAY,EAAE,MAAM,QAAQ;AAAA,IAC5B,WAAW,EAAE,MAAM,SAAS,SAAS,GAAK;AAAA,IAC1C,OAAO,CAAC;AAAA,IACR,YAAY,EAAE,SAAS,OAAO;AAAA,IAC9B,oBAAoB,EAAE,SAAS,IAAI;AAAA,IACnC,MAAM,EAAE,SAAS,KAAK;AAAA,IACtB,aAAa,CAAC;AAAA,IACd,YAAY,EAAE,MAAM,QAAQ;AAAA,IAC5B,YAAY,EAAE,MAAM,CAAC,SAAS,IAAI,EAAE;AAAA,EACtC;AAAA,EACA,OAAO,CAAC,SAAS,UAAU,mBAAmB;AAAA,EAC9C,MAAMC,GAAc,EAAE,MAAMC,KAAU;AAExC,UAAMC,IAAQF,GAIRG,IAAOF,GAEPG,IAAU,SAASC,EAAM,EAAE,GAAG,KAAK,IACnCC,IAAgB,eAAeD,EAAM,EAAE,GAAG,KAAK,IAE/CE,IAAWC,EAA6B,IAAI,GAC5CC,IAAUD,EAAwB,IAAI,GACtCE,IAAQF,EAAwB,IAAI,GACpCG,IAAUH,EAAwB,IAAI,GACtCI,IAASJ,EAAwB,IAAI,GACrCK,IAAOL,EAAwB,IAAI,GACnCM,IAASN,EAAwB,IAAI,GACrCO,IAASP,EAAmB,IAAI,GAEhC,EAAE,UAAAQ,GAAU,YAAAC,MAAeC,GAAaR,GAAO;AAAA,MACpD,yBAAyB;AAAA;AAAA,MAEzB,mBAAmB,OAClBS,EAAS,MAAM;AACd,QAAAhB,EAAK,qBAAqB,EAAK;AAAA,MAAA,CAC/B,GACM;AAAA,IACR,CACA,GAEKiB,IAAQC,KAERC,IAAaC,EAAS,MAAMrB,EAAM,UAAU;AAElD,IAAAsB,EAAU,YAAY;AACrB,MAAIX,EAAK,UACCN,EAAA,QAAQ,IAAI,iBAAiBkB,CAAa,GAC1ClB,EAAA,MAAM,QAAQM,EAAK,OAAO,EAAE,WAAW,IAAM,SAAS,GAAA,CAAM,IAE/D,OAAA,iBAAiB,UAAUY,CAAa;AAAA,IAAA,CAC/C,GACDC,EAAgB,MAAM;AACd,aAAA,oBAAoB,UAAUD,CAAa;AAAA,IAAA,CAClD;AAEK,UAAAE,IAAOnB,EAAI,EAAK,GAChBoB,IAAUpB,EAAI,EAAK,GACnBqB,IAASrB,EAAI,EAAI,GACjBsB,IAAUtB,EAAI,EAAK,GACnBuB,IAAyBvB,EAAIN,EAAM,SAASA,EAAM,UAAU,GAE5D8B,IAAOT,EAAS,MAAMK,EAAQ,SAASE,EAAQ,KAAK;AAE1D,IAAAJ,EAAgB,MAAM;AACrB,UAAIxB,EAAM,YAAY;AACrB,YAAI+B,IAAsB;AAAA,UACzB,SAAS,KAAK,QAAQ,cAAiB;AAAA,QAAA;AAGxC,QAAAA,KACA,SAAS,KAAK,QAAQ,aAAgBA,EAAoB,YACrDA,MACK,SAAA,KAAK,MAAM,WAAW,QACtB,SAAA,KAAK,MAAM,eAAe;AAAA,MAErC;AAAA,IAAA,CACA;AAUD,UAAMC,IAAoB,YAAY;AACrC,UAAIhC,EAAM,YAAY;AACjB,QAAC6B,EAAuB,UAC3BA,EAAuB,QAAQ,IAC/B,MAAMI,GAAQ,MAAM,CAAC,CAACtB,EAAK,KAAK,GAChC,MAAMM,EAAS,GACXN,EAAK,UACCN,EAAA,QAAQ,IAAI,iBAAiBkB,CAAa,GAC1ClB,EAAA,MAAM,QAAQM,EAAK,OAAO,EAAE,WAAW,IAAM,SAAS,GAAA,CAAM,KAIvEgB,EAAO,QAAQ,IACfC,EAAQ,QAAQ,IAChBF,EAAQ,QAAQ;AAIhB,YAAIK,IAAsB;AAAA,UACzB,SAAS,KAAK,QAAQ,cAAiB;AAAA,QAAA;AAExC,QAAAA,KACA,SAAS,KAAK,QAAQ,aAAgBA,EAAoB;AAC1D,cAAMG,IACL,OAAO,aAAa,SAAS,gBAAgB;AACrC,iBAAA,KAAK,MAAM,WAAW,UAC/B,SAAS,KAAK,MAAM,eAAe,GAAGA,CAAc,MAE9C,MAAAC,EAAKnC,EAAM,kBAAkB,GACnC0B,EAAQ,QAAQ,IAChBD,EAAK,QAAQ,IACbxB,EAAK,OAAO,GACHa;MAAA,OACH;AACK,QAAAC,KACXW,EAAQ,QAAQ,IAChBD,EAAK,QAAQ,IACbG,EAAQ,QAAQ,IAEV,MAAAO,EAAKnC,EAAM,kBAAkB;AAEnC,YAAI+B,IAAsB;AAAA,UACzB,SAAS,KAAK,QAAQ,cAAiB;AAAA,QAAA;AAGxC,QAAAA,KACA,SAAS,KAAK,QAAQ,aAAgBA,EAAoB,YACrDA,MACK,SAAA,KAAK,MAAM,WAAW,QACtB,SAAA,KAAK,MAAM,eAAe,QAEpCH,EAAQ,QAAQ,IAChBD,EAAO,QAAQ,IACf1B,EAAK,QAAQ;AAAA,MACd;AAAA,IAAA;AAMD,IAAAmC,EAAgB,MAAM;AACrB,MAAI,CAACpC,EAAM,cAAc,CAAC6B,EAAuB,SAC/BG;IAAA,CAClB;AAKK,UAAAK,IAAkB,CAACC,MAAmB;AACvC,MAAAA,EAAM,WAAW/B,EAAQ,SAC5B+B,EAAM,eAAe;AAAA,IACtB,GAMKC,IAAiB,CAACD,MAAsB;AACzC,MAAAtC,EAAM,YAAY8B,EAAK,SACvBvB,EAAQ,SACP+B,EAAM,WAAW/B,EAAQ,UACvBP,EAAM,cACVC,EAAK,qBAAqB,EAAK;AAAA,IAGlC,GAMKuC,IAAe,MAAM;AACtB,MAAAxC,EAAM,YAAY8B,EAAK,UAChBf,KACXd,EAAK,qBAAqB,EAAK;AAAA,IAAA,GAG1BwC,IAAoBpB,EAAS,MAAM;AACxC,YAAMqB,IAAU;AAAA,QACf;AAAA,UACC,0CAA0C;AAAA,UAC1C,8BAA8B1C,EAAM;AAAA,UACpC,wBAAwByB,EAAK;AAAA,UAC7B,2BAA2BC,EAAQ;AAAA,UACnC,0BAA0BC,EAAO;AAAA,UACjC,2BAA2BC,EAAQ;AAAA,UACnC,CAAC,8BAA8B5B,EAAM,UAAU,EAAE,GAAG;AAAA,QACrD;AAAA,QACAA,EAAM;AAAA,QACL,KAAK,GACD2C,IAAiB;AAAA,QACtB,SAASJ;AAAA,QACT,UAAUF;AAAA,QACV,aAAaA;AAAA,QACb,SAASA;AAAA,QACT,WAAWA;AAAA,MAAA,GAGNO,IAAQ;AAAA,QACb,oBAAoB5C,EAAM,qBAAqB,MAAO;AAAA,MAAA;AAEhD,aAAA;AAAA,QACN,OAAO0C;AAAA,QACP,OAAAE;AAAA,QACA,GAAGD;AAAA,QACH,GAAGzB;AAAA,MAAA;AAAA,IACJ,CACA,GAEK2B,IAAkBxB,EAAS,MAAM;AACtC,YAAMqB,IAAU;AAAA,QACf;AAAA,UACC,yBAAyB;AAAA,UACzB,kCAAkC1C,EAAM;AAAA,QACzC;AAAA,QACAA,EAAM;AAAA,QACL,KAAK,GAED8C,IAEF;AAAA,QACH,MAAM;AAAA,QACN,cAAc;AAAA,MAAA;AAGf,MAAIjB,EAAuB,UAC1BiB,EAAmB,iBAAiB,IAAI5C,GAEpCF,EAAM,gBACT8C,EAAmB,kBAAkB,IAAI1C;AAGvC,UAAA2C;AACJ,YAAMC,IAAe;AAAA,QACpB,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA;AAEL,MAAIhD,EAAM,aAAuB+C,IAAA,SACxB,OAAO/C,EAAM,QAAS,WAAU+C,IAAW/C,EAAM,OAAO,OACxDA,EAAM,QAAQgD,IACXD,IAAAC,EAAMhD,EAAM,IAAmB,IAAI,OAC1C+C,IAAW/C,EAAM,OAAO;AAE7B,YAAM4C,IAAQ;AAAA,QACb,UAAAG;AAAA,QACA,oBAAoB/C,EAAM,qBAAqB,MAAO;AAAA,MAAA;AAGhD,aAAA;AAAA,QACN,OAAO0C;AAAA,QACP,OAAAE;AAAA,QACA,GAAGE;AAAA,MAAA;AAAA,IACJ,CACA,GAOKvB,IAAgB0B,GAAS,YAAY;AAC1C,UAAIjD,EAAM,YAAY;AACrB,QAAAa,EAAO,QAAQ,OAAO;AACtB;AAAA,MACD;AACA,UAAIH,EAAO,SAASC,EAAK,SAASC,EAAO,OAAO;AACzC,cAAAsC,IACLxC,EAAO,MAAM,eACbC,EAAK,MAAM,eACXC,EAAO,MAAM,eACb;AAED,YAAIH,EAAQ,UACHA,EAAA,MAAM,MAAM,SAAS,OAC7BA,EAAQ,MAAM,MAAM,SAAS,GAAGyC,IAAgB,EAAE,MAIlD,MAAMf,EAAK,EAAE,GACTzB,EAAO,SAASC,EAAK,SAASC,EAAO,QAAO;AACzC,gBAAAuC,IACLzC,EAAO,MAAM,eACbC,EAAK,MAAM,eACXC,EAAO,MAAM,eACb;AACD,UAAIsC,MAAkBC,KAA8B5B;QACrD;AAAA,MAEF;AAAA,OACE,GAAG;AAEC,WAAA,CAAC6B,GAAUC,OACRC,EAAc,GAAAC,EAAaC,IAAW,EAAE,IAAI,UAAU;AAAA,MAC5D9D,EAAoB,OAAO+D,EAAYhB,EAAkB,OAAO;AAAA,QAC9D,SAAS;AAAA,QACT,KAAKlC;AAAA,MAAA,CACN,GAAG;AAAA,QACFb,EAAoB,OAAO+D,EAAYZ,EAAgB,OAAO;AAAA,UAC5D,SAAS;AAAA,UACT,KAAKrC;AAAA,QAAA,CACN,GAAG;AAAA,UACDqB,EAAuB,SACnByB,KAAcI,EAAoB,OAAO;AAAA,YACxC,KAAK;AAAA,YACL,SAAS;AAAA,YACT,KAAKjD;AAAA,YACL,OAAO;AAAA,UAAA,GACN;AAAA,YACDf,EAAoB,OAAO;AAAA,cACzB,SAAS;AAAA,cACT,KAAKgB;AAAA,cACL,OAAO;AAAA,YAAA,GACN;AAAA,cACDiD,EAAYP,EAAK,QAAQ,UAAU;AAAA,gBACjC,OAAOZ;AAAA,gBACP,OAAOY,EAAK;AAAA,gBACZ,SAAAlD;AAAA,cAAA,GACC,MAAM;AAAA,gBACPR,EAAoB,QAAQ;AAAA,kBAC1B,IAAIQ;AAAA,kBACJ,OAAO;AAAA,gBAAA,GACN;AAAA,kBACDyD,EAAYP,EAAK,QAAQ,SAAS,EAAE,MAAMA,EAAK,MAAM,GAAG,MAAM;AAAA,oBAC5DQ,GAAiBC,EAAiBT,EAAK,KAAK,GAAG,CAAC;AAAA,kBAAA,CACjD;AAAA,gBAAA,CACF;AAAA,gBACD1D,EAAoB,QAAQJ,IAAY;AAAA,kBACrC8D,EAAK,aACDE,KAAcI,EAAoB,UAAU;AAAA,oBAC3C,KAAK;AAAA,oBACL,MAAM;AAAA,oBACN,SAASlB;AAAA,kBAAA,GACR;AAAA,oBACDmB,EAAYP,EAAK,QAAQ,SAAS,EAAE,MAAMhC,EAAW,MAAM,GAAG,MAAM;AAAA,sBAClE1B,EAAoB,QAAQH,IAAY;AAAA,wBACtCG,EAAoB,QAAQF,IAAYqE,EAAiBzC,EAAW,KAAK,GAAG,CAAC;AAAA,wBAC7E3B;AAAA,sBAAA,CACD;AAAA,oBAAA,CACF;AAAA,kBAAA,CACF,KACDqE,EAAoB,IAAI,EAAI;AAAA,gBAAA,CACjC;AAAA,cAAA,CACF;AAAA,eACA,GAAG;AAAA,YACNpE,EAAoB,OAAO;AAAA,cACzB,SAAS;AAAA,cACT,KAAKiB;AAAA,cACL,OAAO;AAAA,YAAA,GACN;AAAA,cACDgD,EAAYP,EAAK,QAAQ,eAAe;AAAA,gBACtC,eAAAhD;AAAA,gBACA,MAAMgD,EAAK;AAAA,cAAA,GACV,MAAM;AAAA,gBACNA,EAAK,eACDE,KAAcI,EAAoB,OAAO;AAAA,kBACxC,KAAK;AAAA,kBACL,IAAItD;AAAA,kBACJ,OAAO;AAAA,gBAAA,GACNyD,EAAiBT,EAAK,WAAW,GAAG,CAAC,KACxCU,EAAoB,IAAI,EAAI;AAAA,cAAA,CACjC;AAAA,cACDH,EAAYP,EAAK,QAAQ,SAAS;AAAA,eACjC,GAAG;AAAA,YACNzD;AAAA,YACAD,EAAoB,OAAO;AAAA,cACzB,SAAS;AAAA,cACT,KAAKkB;AAAA,cACL,OAAO;AAAA,YAAA,GACN;AAAA,cACD+C,EAAYP,EAAK,QAAQ,QAAQ;AAAA,eAChC,GAAG;AAAA,UACL,GAAA,GAAG,KACNU,EAAoB,IAAI,EAAI;AAAA,WAC/B,EAAE;AAAA,SACJ,EAAE;AAAA,IAAA,CACN;AAAA,EAEH;AAEA,CAAC;"}

package/dist/index196.js

@@ -1,8 +1,5 @@
-import { getDefaultExportFromCjs as r } from "./index231.js";
-import { __require as o } from "./index230.js";
-var t = o();
-const s = /* @__PURE__ */ r(t);
+const n = (t, a, m) => Math.min(Math.max(t, a), m);
 export {
-  s as default
+  n as clamp
 };
 //# sourceMappingURL=index196.js.map

package/dist/index196.js.map

@@ -1 +1 @@
-{"version":3,"file":"index196.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
+{"version":3,"file":"index196.js","sources":["../src/utilities/functions/clamp.ts"],"sourcesContent":["/**\n * Returns value ensuring it doesn't go below min and exceed max.\n * EXAMPLE: clamp(5, 7, 20) === 7\n * @param value The value to clamp\n * @param min Minimum bound\n * @param max Maximum bound\n * @returns\n */\n\nexport const clamp = (value: number, min: number, max: number) => {\n\treturn Math.min(Math.max(value, min), max);\n};\n"],"names":["clamp","value","min","max"],"mappings":"AASO,MAAMA,IAAQ,CAACC,GAAeC,GAAaC,MAC1C,KAAK,IAAI,KAAK,IAAIF,GAAOC,CAAG,GAAGC,CAAG;"}

package/dist/index197.js

@@ -1,19 +1,5 @@
-import { getDefaultExportFromCjs as f, commonjsGlobal as n } from "./index231.js";
-import { __module as e } from "./index233.js";
-(function(s, a) {
-  (function(i, t) {
-    s.exports = t();
-  })(n, function() {
-    return function(i, t) {
-      t.prototype.isSameOrAfter = function(r, o) {
-        return this.isSame(r, o) || this.isAfter(r, o);
-      };
-    };
-  });
-})(e);
-var m = e.exports;
-const c = /* @__PURE__ */ f(m);
+const s = (r) => !!r && !!r.match(/^(#|var\(--|(rgb|hsl)a?\()/);
 export {
-  c as default
+  s as isCssColor
 };
 //# sourceMappingURL=index197.js.map

package/dist/index197.js.map

@@ -1 +1 @@
-{"version":3,"file":"index197.js","sources":["../node_modules/dayjs/plugin/isSameOrAfter.js"],"sourcesContent":["!function(e,t){\"object\"==typeof exports&&\"undefined\"!=typeof module?module.exports=t():\"function\"==typeof define&&define.amd?define(t):(e=\"undefined\"!=typeof globalThis?globalThis:e||self).dayjs_plugin_isSameOrAfter=t()}(this,(function(){\"use strict\";return function(e,t){t.prototype.isSameOrAfter=function(e,t){return this.isSame(e,t)||this.isAfter(e,t)}}}));"],"names":["e","module","this","t"],"mappings":";;;AAAA,GAAC,SAASA,GAAE,GAAE;AAAsD,IAAAC,EAAe,UAAA,EAAwI;AAAA,EAAA,GAAEC,GAAM,WAAU;AAAc,WAAO,SAASF,GAAE,GAAE;AAAC,QAAE,UAAU,gBAAc,SAASA,GAAEG,GAAE;AAAC,eAAO,KAAK,OAAOH,GAAEG,CAAC,KAAG,KAAK,QAAQH,GAAEG,CAAC;AAAA,MAAC;AAAA,IAAC;AAAA,EAAC,CAAC;;;;","x_google_ignoreList":[0]}
+{"version":3,"file":"index197.js","sources":["../src/utilities/functions/isCssColor.ts"],"sourcesContent":["/**\n * Taken from vuetify colorable mixin\n * https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/mixins/colorable/index.ts\n */\nexport const isCssColor = (color: string): boolean => {\n\treturn !!color && !!color.match(/^(#|var\\(--|(rgb|hsl)a?\\()/);\n};\n"],"names":["isCssColor","color"],"mappings":"AAIa,MAAAA,IAAa,CAACC,MACnB,CAAC,CAACA,KAAS,CAAC,CAACA,EAAM,MAAM,4BAA4B;"}

package/dist/index198.js

@@ -1,19 +1,7 @@
-import { getDefaultExportFromCjs as i, commonjsGlobal as n } from "./index231.js";
-import { __module as t } from "./index234.js";
-(function(s, a) {
-  (function(f, o) {
-    s.exports = o();
-  })(n, function() {
-    return function(f, o) {
-      o.prototype.isSameOrBefore = function(e, r) {
-        return this.isSame(e, r) || this.isBefore(e, r);
-      };
-    };
-  });
-})(t);
-var m = t.exports;
-const c = /* @__PURE__ */ i(m);
+import { curry as e } from "./index227.js";
+const t = (n, o, r) => n(r) ? o(r) : r, s = e(t);
 export {
-  c as default
+  t as baseWhen,
+  s as when
 };
 //# sourceMappingURL=index198.js.map

package/dist/index198.js.map

@@ -1 +1 @@
-{"version":3,"file":"index198.js","sources":["../node_modules/dayjs/plugin/isSameOrBefore.js"],"sourcesContent":["!function(e,i){\"object\"==typeof exports&&\"undefined\"!=typeof module?module.exports=i():\"function\"==typeof define&&define.amd?define(i):(e=\"undefined\"!=typeof globalThis?globalThis:e||self).dayjs_plugin_isSameOrBefore=i()}(this,(function(){\"use strict\";return function(e,i){i.prototype.isSameOrBefore=function(e,i){return this.isSame(e,i)||this.isBefore(e,i)}}}));"],"names":["e","i","module","this"],"mappings":";;;AAAA,GAAC,SAASA,GAAEC,GAAE;AAAsD,IAAAC,EAAe,UAAAD,EAAyI;AAAA,EAAA,GAAEE,GAAM,WAAU;AAAc,WAAO,SAASH,GAAEC,GAAE;AAAC,MAAAA,EAAE,UAAU,iBAAe,SAAS,GAAEA,GAAE;AAAC,eAAO,KAAK,OAAO,GAAEA,CAAC,KAAG,KAAK,SAAS,GAAEA,CAAC;AAAA,MAAC;AAAA,IAAC;AAAA,EAAC,CAAC;;;;","x_google_ignoreList":[0]}
+{"version":3,"file":"index198.js","sources":["../src/utilities/functions/when.ts"],"sourcesContent":["import { curry } from './curry';\n/**\n * Runs fn on item if iteratee(item) is thruthy\n * @param iteratee The test\n * @param item The item to test\n * @param fn The transformer function\n * @returns\n */\nexport const baseWhen = <T, U>(\n\titeratee: (item: T) => boolean,\n\tfn: (item: T) => U,\n\titem: T\n) => {\n\tif (iteratee(item)) return fn(item);\n\treturn item;\n};\n\nexport const when = curry(baseWhen);\n"],"names":["baseWhen","iteratee","fn","item","when","curry"],"mappings":";AAQO,MAAMA,IAAW,CACvBC,GACAC,GACAC,MAEIF,EAASE,CAAI,IAAUD,EAAGC,CAAI,IAC3BA,GAGKC,IAAOC,EAAML,CAAQ;"}

package/dist/index199.js

@@ -1,22 +1,298 @@
-import { getDefaultExportFromCjs as i, commonjsGlobal as m } from "./index231.js";
-import { __module as _ } from "./index235.js";
-import { __require as s } from "./index230.js";
-(function(n, d) {
-  (function(t, o) {
-    n.exports = o(s());
-  })(m, function(t) {
-    function o(e) {
-      return e && typeof e == "object" && "default" in e ? e : { default: e };
-    }
-    var a = o(t), r = { name: "it", weekdays: "domenica_lunedì_martedì_mercoledì_giovedì_venerdì_sabato".split("_"), weekdaysShort: "dom_lun_mar_mer_gio_ven_sab".split("_"), weekdaysMin: "do_lu_ma_me_gi_ve_sa".split("_"), months: "gennaio_febbraio_marzo_aprile_maggio_giugno_luglio_agosto_settembre_ottobre_novembre_dicembre".split("_"), weekStart: 1, monthsShort: "gen_feb_mar_apr_mag_giu_lug_ago_set_ott_nov_dic".split("_"), formats: { LT: "HH:mm", LTS: "HH:mm:ss", L: "DD/MM/YYYY", LL: "D MMMM YYYY", LLL: "D MMMM YYYY HH:mm", LLLL: "dddd D MMMM YYYY HH:mm" }, relativeTime: { future: "tra %s", past: "%s fa", s: "qualche secondo", m: "un minuto", mm: "%d minuti", h: "un' ora", hh: "%d ore", d: "un giorno", dd: "%d giorni", M: "un mese", MM: "%d mesi", y: "un anno", yy: "%d anni" }, ordinal: function(e) {
-      return e + "º";
-    } };
-    return a.default.locale(r, null, !0), r;
+import { getDefaultExportFromCjs as Q, commonjsGlobal as K } from "./index229.js";
+import { __module as E } from "./index230.js";
+(function(V, X) {
+  (function(W, k) {
+    V.exports = k();
+  })(K, function() {
+    var W = 1e3, k = 6e4, N = 36e5, A = "millisecond", S = "second", w = "minute", O = "hour", M = "day", T = "week", m = "month", U = "quarter", y = "year", _ = "date", J = "Invalid Date", q = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/, B = /\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g, G = { name: "en", weekdays: "Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"), months: "January_February_March_April_May_June_July_August_September_October_November_December".split("_"), ordinal: function(s) {
+      var n = ["th", "st", "nd", "rd"], t = s % 100;
+      return "[" + s + (n[(t - 20) % 10] || n[t] || n[0]) + "]";
+    } }, I = function(s, n, t) {
+      var r = String(s);
+      return !r || r.length >= n ? s : "" + Array(n + 1 - r.length).join(t) + s;
+    }, P = { s: I, z: function(s) {
+      var n = -s.utcOffset(), t = Math.abs(n), r = Math.floor(t / 60), e = t % 60;
+      return (n <= 0 ? "+" : "-") + I(r, 2, "0") + ":" + I(e, 2, "0");
+    }, m: function s(n, t) {
+      if (n.date() < t.date())
+        return -s(t, n);
+      var r = 12 * (t.year() - n.year()) + (t.month() - n.month()), e = n.clone().add(r, m), i = t - e < 0, u = n.clone().add(r + (i ? -1 : 1), m);
+      return +(-(r + (t - e) / (i ? e - u : u - e)) || 0);
+    }, a: function(s) {
+      return s < 0 ? Math.ceil(s) || 0 : Math.floor(s);
+    }, p: function(s) {
+      return { M: m, y, w: T, d: M, D: _, h: O, m: w, s: S, ms: A, Q: U }[s] || String(s || "").toLowerCase().replace(/s$/, "");
+    }, u: function(s) {
+      return s === void 0;
+    } }, x = "en", D = {};
+    D[x] = G;
+    var Z = "$isDayjsObject", F = function(s) {
+      return s instanceof C || !(!s || !s[Z]);
+    }, j = function s(n, t, r) {
+      var e;
+      if (!n)
+        return x;
+      if (typeof n == "string") {
+        var i = n.toLowerCase();
+        D[i] && (e = i), t && (D[i] = t, e = i);
+        var u = n.split("-");
+        if (!e && u.length > 1)
+          return s(u[0]);
+      } else {
+        var o = n.name;
+        D[o] = n, e = o;
+      }
+      return !r && e && (x = e), e || !r && x;
+    }, f = function(s, n) {
+      if (F(s))
+        return s.clone();
+      var t = typeof n == "object" ? n : {};
+      return t.date = s, t.args = arguments, new C(t);
+    }, a = P;
+    a.l = j, a.i = F, a.w = function(s, n) {
+      return f(s, { locale: n.$L, utc: n.$u, x: n.$x, $offset: n.$offset });
+    };
+    var C = function() {
+      function s(t) {
+        this.$L = j(t.locale, null, !0), this.parse(t), this.$x = this.$x || t.x || {}, this[Z] = !0;
+      }
+      var n = s.prototype;
+      return n.parse = function(t) {
+        this.$d = function(r) {
+          var e = r.date, i = r.utc;
+          if (e === null)
+            return /* @__PURE__ */ new Date(NaN);
+          if (a.u(e))
+            return /* @__PURE__ */ new Date();
+          if (e instanceof Date)
+            return new Date(e);
+          if (typeof e == "string" && !/Z$/i.test(e)) {
+            var u = e.match(q);
+            if (u) {
+              var o = u[2] - 1 || 0, c = (u[7] || "0").substring(0, 3);
+              return i ? new Date(Date.UTC(u[1], o, u[3] || 1, u[4] || 0, u[5] || 0, u[6] || 0, c)) : new Date(u[1], o, u[3] || 1, u[4] || 0, u[5] || 0, u[6] || 0, c);
+            }
+          }
+          return new Date(e);
+        }(t), this.init();
+      }, n.init = function() {
+        var t = this.$d;
+        this.$y = t.getFullYear(), this.$M = t.getMonth(), this.$D = t.getDate(), this.$W = t.getDay(), this.$H = t.getHours(), this.$m = t.getMinutes(), this.$s = t.getSeconds(), this.$ms = t.getMilliseconds();
+      }, n.$utils = function() {
+        return a;
+      }, n.isValid = function() {
+        return this.$d.toString() !== J;
+      }, n.isSame = function(t, r) {
+        var e = f(t);
+        return this.startOf(r) <= e && e <= this.endOf(r);
+      }, n.isAfter = function(t, r) {
+        return f(t) < this.startOf(r);
+      }, n.isBefore = function(t, r) {
+        return this.endOf(r) < f(t);
+      }, n.$g = function(t, r, e) {
+        return a.u(t) ? this[r] : this.set(e, t);
+      }, n.unix = function() {
+        return Math.floor(this.valueOf() / 1e3);
+      }, n.valueOf = function() {
+        return this.$d.getTime();
+      }, n.startOf = function(t, r) {
+        var e = this, i = !!a.u(r) || r, u = a.p(t), o = function(p, $) {
+          var v = a.w(e.$u ? Date.UTC(e.$y, $, p) : new Date(e.$y, $, p), e);
+          return i ? v : v.endOf(M);
+        }, c = function(p, $) {
+          return a.w(e.toDate()[p].apply(e.toDate("s"), (i ? [0, 0, 0, 0] : [23, 59, 59, 999]).slice($)), e);
+        }, h = this.$W, d = this.$M, l = this.$D, b = "set" + (this.$u ? "UTC" : "");
+        switch (u) {
+          case y:
+            return i ? o(1, 0) : o(31, 11);
+          case m:
+            return i ? o(1, d) : o(0, d + 1);
+          case T:
+            var g = this.$locale().weekStart || 0, Y = (h < g ? h + 7 : h) - g;
+            return o(i ? l - Y : l + (6 - Y), d);
+          case M:
+          case _:
+            return c(b + "Hours", 0);
+          case O:
+            return c(b + "Minutes", 1);
+          case w:
+            return c(b + "Seconds", 2);
+          case S:
+            return c(b + "Milliseconds", 3);
+          default:
+            return this.clone();
+        }
+      }, n.endOf = function(t) {
+        return this.startOf(t, !1);
+      }, n.$set = function(t, r) {
+        var e, i = a.p(t), u = "set" + (this.$u ? "UTC" : ""), o = (e = {}, e[M] = u + "Date", e[_] = u + "Date", e[m] = u + "Month", e[y] = u + "FullYear", e[O] = u + "Hours", e[w] = u + "Minutes", e[S] = u + "Seconds", e[A] = u + "Milliseconds", e)[i], c = i === M ? this.$D + (r - this.$W) : r;
+        if (i === m || i === y) {
+          var h = this.clone().set(_, 1);
+          h.$d[o](c), h.init(), this.$d = h.set(_, Math.min(this.$D, h.daysInMonth())).$d;
+        } else
+          o && this.$d[o](c);
+        return this.init(), this;
+      }, n.set = function(t, r) {
+        return this.clone().$set(t, r);
+      }, n.get = function(t) {
+        return this[a.p(t)]();
+      }, n.add = function(t, r) {
+        var e, i = this;
+        t = Number(t);
+        var u = a.p(r), o = function(d) {
+          var l = f(i);
+          return a.w(l.date(l.date() + Math.round(d * t)), i);
+        };
+        if (u === m)
+          return this.set(m, this.$M + t);
+        if (u === y)
+          return this.set(y, this.$y + t);
+        if (u === M)
+          return o(1);
+        if (u === T)
+          return o(7);
+        var c = (e = {}, e[w] = k, e[O] = N, e[S] = W, e)[u] || 1, h = this.$d.getTime() + t * c;
+        return a.w(h, this);
+      }, n.subtract = function(t, r) {
+        return this.add(-1 * t, r);
+      }, n.format = function(t) {
+        var r = this, e = this.$locale();
+        if (!this.isValid())
+          return e.invalidDate || J;
+        var i = t || "YYYY-MM-DDTHH:mm:ssZ", u = a.z(this), o = this.$H, c = this.$m, h = this.$M, d = e.weekdays, l = e.months, b = e.meridiem, g = function($, v, H, L) {
+          return $ && ($[v] || $(r, i)) || H[v].slice(0, L);
+        }, Y = function($) {
+          return a.s(o % 12 || 12, $, "0");
+        }, p = b || function($, v, H) {
+          var L = $ < 12 ? "AM" : "PM";
+          return H ? L.toLowerCase() : L;
+        };
+        return i.replace(B, function($, v) {
+          return v || function(H) {
+            switch (H) {
+              case "YY":
+                return String(r.$y).slice(-2);
+              case "YYYY":
+                return a.s(r.$y, 4, "0");
+              case "M":
+                return h + 1;
+              case "MM":
+                return a.s(h + 1, 2, "0");
+              case "MMM":
+                return g(e.monthsShort, h, l, 3);
+              case "MMMM":
+                return g(l, h);
+              case "D":
+                return r.$D;
+              case "DD":
+                return a.s(r.$D, 2, "0");
+              case "d":
+                return String(r.$W);
+              case "dd":
+                return g(e.weekdaysMin, r.$W, d, 2);
+              case "ddd":
+                return g(e.weekdaysShort, r.$W, d, 3);
+              case "dddd":
+                return d[r.$W];
+              case "H":
+                return String(o);
+              case "HH":
+                return a.s(o, 2, "0");
+              case "h":
+                return Y(1);
+              case "hh":
+                return Y(2);
+              case "a":
+                return p(o, c, !0);
+              case "A":
+                return p(o, c, !1);
+              case "m":
+                return String(c);
+              case "mm":
+                return a.s(c, 2, "0");
+              case "s":
+                return String(r.$s);
+              case "ss":
+                return a.s(r.$s, 2, "0");
+              case "SSS":
+                return a.s(r.$ms, 3, "0");
+              case "Z":
+                return u;
+            }
+            return null;
+          }($) || u.replace(":", "");
+        });
+      }, n.utcOffset = function() {
+        return 15 * -Math.round(this.$d.getTimezoneOffset() / 15);
+      }, n.diff = function(t, r, e) {
+        var i, u = this, o = a.p(r), c = f(t), h = (c.utcOffset() - this.utcOffset()) * k, d = this - c, l = function() {
+          return a.m(u, c);
+        };
+        switch (o) {
+          case y:
+            i = l() / 12;
+            break;
+          case m:
+            i = l();
+            break;
+          case U:
+            i = l() / 3;
+            break;
+          case T:
+            i = (d - h) / 6048e5;
+            break;
+          case M:
+            i = (d - h) / 864e5;
+            break;
+          case O:
+            i = d / N;
+            break;
+          case w:
+            i = d / k;
+            break;
+          case S:
+            i = d / W;
+            break;
+          default:
+            i = d;
+        }
+        return e ? i : a.a(i);
+      }, n.daysInMonth = function() {
+        return this.endOf(m).$D;
+      }, n.$locale = function() {
+        return D[this.$L];
+      }, n.locale = function(t, r) {
+        if (!t)
+          return this.$L;
+        var e = this.clone(), i = j(t, r, !0);
+        return i && (e.$L = i), e;
+      }, n.clone = function() {
+        return a.w(this.$d, this);
+      }, n.toDate = function() {
+        return new Date(this.valueOf());
+      }, n.toJSON = function() {
+        return this.isValid() ? this.toISOString() : null;
+      }, n.toISOString = function() {
+        return this.$d.toISOString();
+      }, n.toString = function() {
+        return this.$d.toUTCString();
+      }, s;
+    }(), z = C.prototype;
+    return f.prototype = z, [["$ms", A], ["$s", S], ["$m", w], ["$H", O], ["$W", M], ["$M", m], ["$y", y], ["$D", _]].forEach(function(s) {
+      z[s[1]] = function(n) {
+        return this.$g(n, s[0], s[1]);
+      };
+    }), f.extend = function(s, n) {
+      return s.$i || (s(n, C, f), s.$i = !0), f;
+    }, f.locale = j, f.isDayjs = F, f.unix = function(s) {
+      return f(1e3 * s);
+    }, f.en = D[x], f.Ls = D, f.p = {}, f;
   });
-})(_);
-var u = _.exports;
-const p = /* @__PURE__ */ i(u);
+})(E);
+var R = E.exports;
+const nt = /* @__PURE__ */ Q(R);
 export {
-  p as default
+  R as d,
+  nt as default
 };
 //# sourceMappingURL=index199.js.map