bitboss-ui 0.2.31 → 0.2.32

package/dist/index75.js.map

@@ -1 +1 @@
-{"version":3,"file":"index75.js","sources":["../src/components/BbOffCanvas/BbOffCanvas.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-offcanvas-close\" }\nconst _hoisted_2 = { class: \"bb-offcanvas-close__content\" }\nconst _hoisted_3 = { class: \"bb-offcanvas-close__label\" }\nconst _hoisted_4 = /*#__PURE__*/_createElementVNode(\"span\", { class: \"bb-offcanvas-close__icon\" }, [\n  /*#__PURE__*/_createElementVNode(\"svg\", {\n    viewBox: \"0 0 24 24\",\n    fill: \"none\",\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-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 { computed, nextTick, onBeforeUnmount, onMounted, ref, useAttrs, watch } from \"vue\";\nimport { useFocusTrap } from \"@vueuse/integrations/useFocusTrap\";\nimport { useId } from \"@/composables/useId\";\nimport { wait } from \"@/utilities/functions/wait\";\nimport type { CommonProps, Size } from \"@/types/CommonProps\";\n\nexport type Sizes = {\n  sm: number;\n  md: number;\n  lg: number;\n};\n\nexport type BbOffCanvasProps = 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     * Defines the direction the offcanvas should appear from\n     */\n    direction?: \"left\" | \"top\" | \"right\" | \"bottom\";\n  };\n\nexport type BbOffCanvasEvents = {\n  (e: \"shown\"): void;\n  (e: \"hidden\"): void;\n  (e: \"update:modelValue\", value: boolean): void;\n};\n\nexport type BbOffCanvasSlots = {\n  header?: (props: {\n    titleId: typeof titleId;\n    close: typeof onCloseClick;\n    title: BbOffCanvasProps[\"title\"];\n  }) => any;\n  title?: (props: { text: BbOffCanvasProps[\"title\"] }) => any;\n  close?: (props: { text: BbOffCanvasProps[\"closeLabel\"] }) => any;\n  description?: (props: {\n    descriptionId: typeof descriptionId;\n    text: BbOffCanvasProps[\"description\"];\n  }) => any;\n  default?: (props: {}) => any;\n  content?: (props: { close: typeof onCloseClick }) => any;\n  footer?: (props: {}) => any;\n};\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BbOffCanvas',\n  props: {\n    closeLabel: { default: \"Chiudi\" },\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    direction: { default: \"left\" }\n  },\n  emits: [\"shown\", \"hidden\", \"update:modelValue\"],\n  setup(__props: any, { emit: __emit }) {\n\nconst props = __props;\n\nconst emit = __emit;\n\n\n\nconst titleId = `title_${useId().id.value}`;\nconst descriptionId = `description_${useId().id.value}`;\n\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 attrs = useAttrs();\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 closeLabel = computed(() => props.closeLabel);\n\nconst open = ref(false);\nconst opening = ref(false);\nconst closed = ref(true);\nconst closing = ref(false);\nconst hasRenderedAtLeastOnce = ref(props.eager || props.modelValue);\nconst lastFocusedElement = ref<Element | null>(null);\n\nconst busy = computed(() => opening.value || closing.value);\n\nonMounted(() => {\n  /**\n   * Do not realign if open or opening\n   */\n  if (props.modelValue && !(open.value || opening.value)) {\n    alignToModelValue();\n  }\n});\n\n/**\n * Every time modelValue changes align the display to it\n */\nwatch(\n  () => props.modelValue,\n  () => {\n    alignToModelValue();\n  }\n);\nonBeforeUnmount(() => {\n  if (props.modelValue) {\n    let currentlyOpenCanvases = Number(\n      document.body.dataset[\"openCanvases\"] ?? \"0\"\n    );\n    // This prevents overscroll chaining (additional scrolling to the body when the modal has been completely scrolled)\n    currentlyOpenCanvases--;\n    document.body.dataset[\"openCanvases\"] = currentlyOpenCanvases.toString();\n    if (!currentlyOpenCanvases) {\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    }\n    if (document.activeElement) {\n      lastFocusedElement.value = document.activeElement;\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 currentlyOpenCanvases = Number(\n      document.body.dataset[\"openCanvases\"] ?? \"0\"\n    );\n    currentlyOpenCanvases++;\n    document.body.dataset[\"openCanvases\"] = currentlyOpenCanvases.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\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 currentlyOpenCanvases = Number(\n      document.body.dataset[\"openCanvases\"] ?? \"0\"\n    );\n    // This prevents overscroll chaining (additional scrolling to the body when the modal has been completely scrolled)\n    currentlyOpenCanvases--;\n    document.body.dataset[\"openCanvases\"] = currentlyOpenCanvases.toString();\n    if (!currentlyOpenCanvases) {\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    if (lastFocusedElement.value instanceof HTMLElement) {\n      lastFocusedElement.value.focus();\n    }\n  }\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) return;\n  emit(\"update:modelValue\", false);\n};\n\nconst overlayAttributes = computed(() => {\n  const classes = [\n    {\n      \"bb-offcanvas bb-offcanvas__overlay\": true,\n      \"bb-offcanvas--fullscreen\": props.fullscreen,\n      \"bb-offcanvas--open\": open.value,\n      \"bb-offcanvas--opening\": opening.value,\n      \"bb-offcanvas--closed\": closed.value,\n      \"bb-offcanvas--closing\": closing.value,\n      [`bb-offcanvas--transition-${props.transition}`]: true,\n      [`bb-offcanvas--${props.direction}`]: 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-offcanvas__panel\": true,\n      \"bb-offcanvas__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  let maxHeight;\n  let height;\n  const sizes: Sizes = {\n    sm: 384,\n    md: 652,\n    lg: 896,\n  };\n  if (props.direction === \"left\" || props.direction === \"right\") {\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  } else {\n    if (props.fullscreen) height = \"100%\";\n    else if (typeof props.size === \"number\") height = props.size + \"px\";\n    else if (props.size in sizes)\n      height = sizes[props.size as keyof Sizes] + \"px\";\n    else if (!Number.isNaN(Number(props.size))) height = props.size + \"px\";\n    else if (props.size === \"auto\") height = \"auto\";\n  }\n\n  const style = {\n    maxWidth,\n    maxHeight,\n    height,\n    transitionDuration: props.transitionDuration / 1000 + \"s\",\n  };\n\n  return {\n    class: classes,\n    style,\n    ...accessibilityAttrs,\n  };\n});\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-offcanvas__content\",\n              ref_key: \"content\",\n              ref: content\n            }, [\n              _renderSlot(_ctx.$slots, \"content\", { close: onCloseClick }, () => [\n                _createElementVNode(\"div\", {\n                  class: \"bb-offcanvas__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-offcanvas__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-offcanvas__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-offcanvas__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-offcanvas__footer\",\n                  ref_key: \"footer\",\n                  ref: footer\n                }, [\n                  _renderSlot(_ctx.$slots, \"footer\")\n                ], 512)\n              ])\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","overlay","ref","panel","content","header","body","footer","attrs","useAttrs","activate","deactivate","useFocusTrap","nextTick","closeLabel","computed","open","opening","closed","closing","hasRenderedAtLeastOnce","lastFocusedElement","busy","onMounted","alignToModelValue","watch","onBeforeUnmount","currentlyOpenCanvases","scrollBarWidth","wait","onOverlayScroll","event","onOverlayClick","onCloseClick","overlayAttributes","classes","eventListeners","style","panelAttributes","accessibilityAttrs","maxWidth","maxHeight","height","sizes","_ctx","_cache","_openBlock","_createBlock","_Teleport","_mergeProps","_createElementBlock","_renderSlot","_createTextVNode","_toDisplayString","_createCommentVNode"],"mappings":"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"}
+{"version":3,"file":"index75.js","sources":["../src/components/BbOffCanvas/BbOffCanvas.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-offcanvas-close\" }\nconst _hoisted_2 = { class: \"bb-offcanvas-close__content\" }\nconst _hoisted_3 = { class: \"bb-offcanvas-close__label\" }\nconst _hoisted_4 = /*#__PURE__*/_createElementVNode(\"span\", { class: \"bb-offcanvas-close__icon\" }, [\n  /*#__PURE__*/_createElementVNode(\"svg\", {\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\tnextTick,\n\tonBeforeUnmount,\n\tonMounted,\n\tref,\n\tuseAttrs,\n\twatch,\n} from 'vue';\nimport { useFocusTrap } from '@vueuse/integrations/useFocusTrap';\nimport { useId } from '@/composables/useId';\nimport { wait } from '@/utilities/functions/wait';\nimport type { CommonProps, Size } from '@/types/CommonProps';\n\nexport type Sizes = {\n\tsm: number;\n\tmd: number;\n\tlg: number;\n};\n\nexport type BbOffCanvasProps = 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\t/**\n\t\t * Defines the direction the offcanvas should appear from\n\t\t */\n\t\tdirection?: 'left' | 'top' | 'right' | 'bottom';\n\t};\n\nexport type BbOffCanvasEvents = {\n\t(e: 'shown'): void;\n\t(e: 'hidden'): void;\n\t(e: 'update:modelValue', value: boolean): void;\n};\n\nexport type BbOffCanvasSlots = {\n\theader?: (props: {\n\t\ttitleId: typeof titleId;\n\t\tclose: typeof onCloseClick;\n\t\ttitle: BbOffCanvasProps['title'];\n\t}) => any;\n\ttitle?: (props: { text: BbOffCanvasProps['title'] }) => any;\n\tclose?: (props: { text: BbOffCanvasProps['closeLabel'] }) => any;\n\tdescription?: (props: {\n\t\tdescriptionId: typeof descriptionId;\n\t\ttext: BbOffCanvasProps['description'];\n\t}) => any;\n\tdefault?: (props: {}) => any;\n\tcontent?: (props: { close: typeof onCloseClick }) => any;\n\tfooter?: (props: {}) => any;\n};\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BbOffCanvas',\n  props: {\n    closeLabel: { default: 'Chiudi' },\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    direction: { default: 'left' }\n  },\n  emits: [\"shown\", \"hidden\", \"update:modelValue\"],\n  setup(__props: any, { emit: __emit }) {\n\nconst props = __props;\n\nconst emit = __emit;\n\n\n\nconst titleId = `title_${useId().id.value}`;\nconst descriptionId = `description_${useId().id.value}`;\n\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 attrs = useAttrs();\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 closeLabel = computed(() => props.closeLabel);\n\nconst open = ref(false);\nconst opening = ref(false);\nconst closed = ref(true);\nconst closing = ref(false);\nconst hasRenderedAtLeastOnce = ref(props.eager || props.modelValue);\nconst lastFocusedElement = ref<Element | null>(null);\n\nconst busy = computed(() => opening.value || closing.value);\n\nonMounted(() => {\n\t/**\n\t * Do not realign if open or opening\n\t */\n\tif (props.modelValue && !(open.value || opening.value)) {\n\t\talignToModelValue();\n\t}\n});\n\n/**\n * Every time modelValue changes align the display to it\n */\nwatch(\n\t() => props.modelValue,\n\t() => {\n\t\talignToModelValue();\n\t}\n);\nonBeforeUnmount(() => {\n\tif (props.modelValue) {\n\t\tlet currentlyOpenCanvases = Number(\n\t\t\tdocument.body.dataset['openCanvases'] ?? '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\tcurrentlyOpenCanvases--;\n\t\tdocument.body.dataset['openCanvases'] = currentlyOpenCanvases.toString();\n\t\tif (!currentlyOpenCanvases) {\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}\n\t\tif (document.activeElement) {\n\t\t\tlastFocusedElement.value = document.activeElement;\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 currentlyOpenCanvases = Number(\n\t\t\tdocument.body.dataset['openCanvases'] ?? '0'\n\t\t);\n\t\tcurrentlyOpenCanvases++;\n\t\tdocument.body.dataset['openCanvases'] = currentlyOpenCanvases.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\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 currentlyOpenCanvases = Number(\n\t\t\tdocument.body.dataset['openCanvases'] ?? '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\tcurrentlyOpenCanvases--;\n\t\tdocument.body.dataset['openCanvases'] = currentlyOpenCanvases.toString();\n\t\tif (!currentlyOpenCanvases) {\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\tif (lastFocusedElement.value instanceof HTMLElement) {\n\t\t\tlastFocusedElement.value.focus();\n\t\t}\n\t}\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) return;\n\temit('update:modelValue', false);\n};\n\nconst overlayAttributes = computed(() => {\n\tconst classes = [\n\t\t{\n\t\t\t'bb-offcanvas bb-offcanvas__overlay': true,\n\t\t\t'bb-offcanvas--fullscreen': props.fullscreen,\n\t\t\t'bb-offcanvas--open': open.value,\n\t\t\t'bb-offcanvas--opening': opening.value,\n\t\t\t'bb-offcanvas--closed': closed.value,\n\t\t\t'bb-offcanvas--closing': closing.value,\n\t\t\t[`bb-offcanvas--transition-${props.transition}`]: true,\n\t\t\t[`bb-offcanvas--${props.direction}`]: 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-offcanvas__panel': true,\n\t\t\t'bb-offcanvas__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\tlet maxHeight;\n\tlet height;\n\tconst sizes: Sizes = {\n\t\tsm: 384,\n\t\tmd: 652,\n\t\tlg: 896,\n\t};\n\tif (props.direction === 'left' || props.direction === 'right') {\n\t\tif (props.fullscreen) maxWidth = '100%';\n\t\telse if (typeof props.size === 'number') maxWidth = props.size + 'px';\n\t\telse if (props.size in sizes)\n\t\t\tmaxWidth = sizes[props.size as keyof Sizes] + 'px';\n\t\telse maxWidth = props.size + 'px';\n\t} else {\n\t\tif (props.fullscreen) height = '100%';\n\t\telse if (typeof props.size === 'number') height = props.size + 'px';\n\t\telse if (props.size in sizes)\n\t\t\theight = sizes[props.size as keyof Sizes] + 'px';\n\t\telse if (!Number.isNaN(Number(props.size))) height = props.size + 'px';\n\t\telse if (props.size === 'auto') height = 'auto';\n\t}\n\n\tconst style = {\n\t\tmaxWidth,\n\t\tmaxHeight,\n\t\theight,\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\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-offcanvas__content\"\n            }, [\n              _renderSlot(_ctx.$slots, \"content\", { close: onCloseClick }, () => [\n                _createElementVNode(\"div\", {\n                  ref_key: \"header\",\n                  ref: header,\n                  class: \"bb-offcanvas__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-offcanvas__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-offcanvas__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-offcanvas__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-offcanvas__footer\"\n                }, [\n                  _renderSlot(_ctx.$slots, \"footer\")\n                ], 512)\n              ])\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","overlay","ref","panel","content","header","body","footer","attrs","useAttrs","activate","deactivate","useFocusTrap","nextTick","closeLabel","computed","open","opening","closed","closing","hasRenderedAtLeastOnce","lastFocusedElement","busy","onMounted","alignToModelValue","watch","onBeforeUnmount","currentlyOpenCanvases","scrollBarWidth","wait","onOverlayScroll","event","onOverlayClick","onCloseClick","overlayAttributes","classes","eventListeners","style","panelAttributes","accessibilityAttrs","maxWidth","maxHeight","height","sizes","_ctx","_cache","_openBlock","_createBlock","_Teleport","_mergeProps","_createElementBlock","_renderSlot","_createTextVNode","_toDisplayString","_createCommentVNode"],"mappings":"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"}

package/dist/index77.js

@@ -1,6 +1,6 @@
 import { defineComponent as x, computed as y, ref as p, onMounted as A, onBeforeUnmount as B, openBlock as V, createElementBlock as k, createElementVNode as u, renderSlot as g, createTextVNode as b, Fragment as E, renderList as P, normalizeClass as W, toDisplayString as h, nextTick as z } from "vue";
 import R from "./index226.js";
-const T = { "aria-label": "Navigazione" }, F = ["disabled"], L = ["onClick", "disabled"], D = ["disabled"], O = /* @__PURE__ */ x({
+const T = { "aria-label": "Navigazione" }, F = ["disabled"], L = ["disabled", "onClick"], D = ["disabled"], O = /* @__PURE__ */ x({
   __name: "BbPagination",
   props: {
     disabled: { type: Boolean },
@@ -78,21 +78,21 @@ const T = { "aria-label": "Navigazione" }, F = ["disabled"], L = ["onClick", "di
       disabled: !!a.disabled || +a.totalPages < 2 || a.loading
     })), c = (e, t = 0) => Array.from({ length: e }, (l, v) => t + v);
     return (e, t) => (V(), k("div", {
-      class: "bb-pagination",
       ref_key: "outercontainer",
-      ref: o
+      ref: o,
+      class: "bb-pagination"
     }, [
       u("nav", T, [
         u("ul", {
-          class: "bb-pagination__pages",
           ref_key: "innercontainer",
-          ref: d
+          ref: d,
+          class: "bb-pagination__pages"
         }, [
           u("li", null, [
             u("button", {
               class: "bb-pagination__page bb-pagination__page--previous",
-              onClick: t[0] || (t[0] = (l) => m("update:modelValue", a.modelValue - 1)),
-              disabled: a.modelValue <= 1 || e.loading || e.disabled
+              disabled: a.modelValue <= 1 || e.loading || e.disabled,
+              onClick: t[0] || (t[0] = (l) => m("update:modelValue", a.modelValue - 1))
             }, [
               g(e.$slots, "previous", {}, () => [
                 b("Precedente")
@@ -105,8 +105,8 @@ const T = { "aria-label": "Navigazione" }, F = ["disabled"], L = ["onClick", "di
                 "bb-pagination__page--active": l.active,
                 "bb-pagination__page--ellipsis": l.ellipsis
               }]),
-              onClick: (v) => m("update:modelValue", l.key),
-              disabled: l.disabled
+              disabled: l.disabled,
+              onClick: (v) => m("update:modelValue", l.key)
             }, [
               l.ellipsis === !0 ? g(e.$slots, "ellipsis", { key: 0 }, () => [
                 b(h(a.ellipsis), 1)
@@ -123,8 +123,8 @@ const T = { "aria-label": "Navigazione" }, F = ["disabled"], L = ["onClick", "di
           u("li", null, [
             u("button", {
               class: "bb-pagination__page bb-pagination__page--next",
-              onClick: t[1] || (t[1] = (l) => m("update:modelValue", a.modelValue + 1)),
-              disabled: a.modelValue >= +i.value || e.loading || e.disabled
+              disabled: a.modelValue >= +i.value || e.loading || e.disabled,
+              onClick: t[1] || (t[1] = (l) => m("update:modelValue", a.modelValue + 1))
             }, [
               g(e.$slots, "next", {}, () => [
                 b("Successivi")

package/dist/index77.js.map

@@ -1 +1 @@
-{"version":3,"file":"index77.js","sources":["../src/components/BbPagination/BbPagination.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { renderSlot as _renderSlot, createTextVNode as _createTextVNode, createElementVNode as _createElementVNode, renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, toDisplayString as _toDisplayString, createCommentVNode as _createCommentVNode, normalizeClass as _normalizeClass } from \"vue\"\n\nconst _hoisted_1 = { \"aria-label\": \"Navigazione\" }\nconst _hoisted_2 = [\"disabled\"]\nconst _hoisted_3 = [\"onClick\", \"disabled\"]\nconst _hoisted_4 = [\"disabled\"]\n\nimport { computed, nextTick, onBeforeUnmount, onMounted, ref } from \"vue\";\nimport { debounce } from \"@/utilities/functions/debounce\";\nimport type { CommonProps } from \"@/types/CommonProps\";\n\nexport type BbPaginationProps = Pick<CommonProps, \n'disabled' | 'loading'\n> & {\n  /**\n   * String of text displayed in place of hidden pages\n   */\n  ellipsis?: string;\n  /**\n   * Maximum number of clickable pages displayed at all times. \n   * This has a tolerance of +/- 1 for odd / even numbering.\n   * It does not include ellipses.\n   */\n  maxSize?: number | string;\n  /**\n   * Used by v-model. Indicates the current page.\n   */\n  modelValue: number;\n  /**\n   * Total number of pages there is.\n   */\n  totalPages?: number | string;\n}\n\nexport type BbPaginationEvents = {\n  (e: \"update:modelValue\", value: number): void;\n};\n\ntype Item = {\n    active: boolean;\n    key: string;\n    page: string;\n    ellipsis: true;\n    disabled: boolean;\n} | {\n    active: boolean;\n    key: number;\n    page: number;\n    ellipsis: false;\n    disabled: boolean;\n}\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BbPagination',\n  props: {\n    disabled: { type: Boolean },\n    loading: { type: Boolean },\n    ellipsis: { default: \"...\" },\n    maxSize: { default: 5 },\n    modelValue: { default: 1 },\n    totalPages: { default: 1 }\n  },\n  emits: [\"update:modelValue\"],\n  setup(__props: any, { emit: __emit }) {\n\nconst props = __props;\n\nconst emit = __emit;\n\n\n\nconst totalPages = computed(() => +props.totalPages);\nconst start = ref(1);\nconst maxSize = ref(+props.maxSize);\n\nconst outercontainer = ref<HTMLElement>();\nconst innercontainer = ref<HTMLElement>();\n\nconst buttonFootprint = ref<number>(Infinity);\n\n/**\n * Adjusts how many buttons to show.\n * if current buttons can't fit subtract maxSize until they do or until minimum is reached\n * if more buttons could fit add buttons until the don't\n * If minimum or maximum is reached just quit until next resize\n */\nconst adjustMaxElements = () => {\n  if (outercontainer.value && innercontainer.value) {\n    /* If some buttons do not fit */\n    if (outercontainer.value.clientWidth < innercontainer.value.clientWidth) {\n      if (maxSize.value - 1 > 3) {\n        maxSize.value--;\n        nextTick(adjustMaxElements);\n      } else {\n        maxSize.value = 3;\n      }\n      /* If all current buttons do fit */\n    } else {\n      /* If some buttons have been hidden */\n      if (maxSize.value < +props.maxSize) {\n        if (\n          /* If there is enough space to fit one */\n          outercontainer.value.clientWidth - innercontainer.value.clientWidth >\n          buttonFootprint.value\n        ) {\n          maxSize.value = Math.min(maxSize.value + 1, +props.maxSize);\n          nextTick(adjustMaxElements);\n        }\n      }\n    }\n  }\n};\nif (globalThis.ResizeObserver) {\n  const observer = new ResizeObserver(debounce(adjustMaxElements, 200));\n  onMounted(() => {\n    if (outercontainer.value && innercontainer.value) {\n      const button = outercontainer.value.querySelectorAll(\n        \".bb-pagination__page\"\n      )[1];\n      if (button) {\n        /* Compute the footprint necessary to render a new button */\n        const gapString = getComputedStyle(innercontainer.value).columnGap;\n        const numberAsString = gapString.replaceAll(/\\D/g, \"\");\n        const gap = Number(numberAsString);\n        buttonFootprint.value = button.clientWidth + gap;\n      }\n      observer.observe(outercontainer.value);\n    }\n  });\n  onBeforeUnmount(() => {\n    observer.disconnect();\n  });\n}\n\nconst range = computed(() => {\n  if (\n    totalPages.value <= 0 ||\n    isNaN(totalPages.value) ||\n    totalPages.value > Number.MAX_SAFE_INTEGER\n  )\n    return [];\n\n  if (maxSize.value <= 1) return [props.modelValue];\n\n  if (totalPages.value <= maxSize.value) {\n    return createRange(totalPages.value, start.value);\n  }\n\n  const even = maxSize.value % 2 === 0;\n  const middle = even ? maxSize.value / 2 : Math.floor(maxSize.value / 2);\n  const left = even ? middle : middle + 1;\n  const right = totalPages.value - middle;\n\n  if (left - props.modelValue >= 0) {\n    return [\n      ...createRange(Math.max(1, maxSize.value - 1), start.value),\n      props.ellipsis,\n      totalPages.value,\n    ];\n  } else if (props.modelValue - right >= (even ? 1 : 0)) {\n    const rangeLength = maxSize.value - 1;\n    const rangeStart = totalPages.value - rangeLength + start.value;\n    return [\n      start.value,\n      props.ellipsis,\n      ...createRange(rangeLength, rangeStart),\n    ];\n  } else {\n    const rangeLength = Math.max(1, maxSize.value - 3);\n    const rangeStart =\n      rangeLength === 1\n        ? props.modelValue\n        : props.modelValue - Math.ceil(rangeLength / 2) + start.value;\n    return [\n      start.value,\n      props.ellipsis,\n      ...createRange(rangeLength, rangeStart),\n      props.ellipsis,\n      totalPages.value,\n    ];\n  }\n});\n\nconst items = computed<Item[]>(() => {\n  return range.value.map((item, index) => {\n    if (typeof item === \"string\") {\n      return {\n        active: false,\n        key: `ellipsis-${index}`,\n        page: item,\n        ellipsis: true,\n        disabled: true,\n      };\n    } else {\n      const active = item === props.modelValue;\n      return {\n        active,\n        key: item,\n        page: item,\n        ellipsis: false,\n        disabled: !!props.disabled || +props.totalPages < 2 || props.loading,\n      };\n    }\n  });\n});\n\nconst createRange = (length: number, start = 0): number[] => {\n  return Array.from({ length }, (_, k) => start + k);\n};\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", {\n    class: \"bb-pagination\",\n    ref_key: \"outercontainer\",\n    ref: outercontainer\n  }, [\n    _createElementVNode(\"nav\", _hoisted_1, [\n      _createElementVNode(\"ul\", {\n        class: \"bb-pagination__pages\",\n        ref_key: \"innercontainer\",\n        ref: innercontainer\n      }, [\n        _createElementVNode(\"li\", null, [\n          _createElementVNode(\"button\", {\n            class: \"bb-pagination__page bb-pagination__page--previous\",\n            onClick: _cache[0] || (_cache[0] = ($event: any) => (emit('update:modelValue', props.modelValue - 1))),\n            disabled: props.modelValue <= 1 || _ctx.loading || _ctx.disabled\n          }, [\n            _renderSlot(_ctx.$slots, \"previous\", {}, () => [\n              _createTextVNode(\"Precedente\")\n            ])\n          ], 8, _hoisted_2)\n        ]),\n        (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(items.value, (item) => {\n          return (_openBlock(), _createElementBlock(\"li\", null, [\n            _createElementVNode(\"button\", {\n              class: _normalizeClass([\"bb-pagination__page\", {\n              'bb-pagination__page--active': item.active,\n              'bb-pagination__page--ellipsis': item.ellipsis,\n            }]),\n              onClick: ($event: any) => (emit('update:modelValue', item.key)),\n              disabled: item.disabled\n            }, [\n              (item.ellipsis === true)\n                ? _renderSlot(_ctx.$slots, \"ellipsis\", { key: 0 }, () => [\n                    _createTextVNode(_toDisplayString(props.ellipsis), 1)\n                  ])\n                : _renderSlot(_ctx.$slots, \"item\", {\n                    key: 1,\n                    active: item.active,\n                    disabled: item.disabled,\n                    item: item.key\n                  }, () => [\n                    _createTextVNode(_toDisplayString(item.key), 1)\n                  ])\n            ], 10, _hoisted_3)\n          ]))\n        }), 256)),\n        _createElementVNode(\"li\", null, [\n          _createElementVNode(\"button\", {\n            class: \"bb-pagination__page bb-pagination__page--next\",\n            onClick: _cache[1] || (_cache[1] = ($event: any) => (emit('update:modelValue', props.modelValue + 1))),\n            disabled: props.modelValue >= +totalPages.value || _ctx.loading || _ctx.disabled\n          }, [\n            _renderSlot(_ctx.$slots, \"next\", {}, () => [\n              _createTextVNode(\"Successivi\")\n            ])\n          ], 8, _hoisted_4)\n        ])\n      ], 512)\n    ])\n  ], 512))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_sfc_main","_defineComponent","__props","__emit","props","emit","totalPages","computed","start","ref","maxSize","outercontainer","innercontainer","buttonFootprint","adjustMaxElements","nextTick","observer","debounce","onMounted","button","numberAsString","gap","onBeforeUnmount","range","createRange","even","middle","left","right","rangeLength","rangeStart","items","item","index","length","_","k","_ctx","_cache","_openBlock","_createElementBlock","_createElementVNode","$event","_renderSlot","_createTextVNode","_Fragment","_renderList","_normalizeClass","_toDisplayString"],"mappings":"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"}
+{"version":3,"file":"index77.js","sources":["../src/components/BbPagination/BbPagination.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { renderSlot as _renderSlot, createTextVNode as _createTextVNode, createElementVNode as _createElementVNode, renderList as _renderList, Fragment as _Fragment, openBlock as _openBlock, createElementBlock as _createElementBlock, toDisplayString as _toDisplayString, createCommentVNode as _createCommentVNode, normalizeClass as _normalizeClass } from \"vue\"\n\nconst _hoisted_1 = { \"aria-label\": \"Navigazione\" }\nconst _hoisted_2 = [\"disabled\"]\nconst _hoisted_3 = [\"disabled\", \"onClick\"]\nconst _hoisted_4 = [\"disabled\"]\n\nimport { computed, nextTick, onBeforeUnmount, onMounted, ref } from 'vue';\nimport { debounce } from '@/utilities/functions/debounce';\nimport type { CommonProps } from '@/types/CommonProps';\n\nexport type BbPaginationProps = Pick<CommonProps, 'disabled' | 'loading'> & {\n\t/**\n\t * String of text displayed in place of hidden pages\n\t */\n\tellipsis?: string;\n\t/**\n\t * Maximum number of clickable pages displayed at all times.\n\t * This has a tolerance of +/- 1 for odd / even numbering.\n\t * It does not include ellipses.\n\t */\n\tmaxSize?: number | string;\n\t/**\n\t * Used by v-model. Indicates the current page.\n\t */\n\tmodelValue: number;\n\t/**\n\t * Total number of pages there is.\n\t */\n\ttotalPages?: number | string;\n};\n\nexport type BbPaginationEvents = {\n\t(e: 'update:modelValue', value: number): void;\n};\n\ntype Item =\n\t| {\n\t\t\tactive: boolean;\n\t\t\tkey: string;\n\t\t\tpage: string;\n\t\t\tellipsis: true;\n\t\t\tdisabled: boolean;\n\t  }\n\t| {\n\t\t\tactive: boolean;\n\t\t\tkey: number;\n\t\t\tpage: number;\n\t\t\tellipsis: false;\n\t\t\tdisabled: boolean;\n\t  };\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BbPagination',\n  props: {\n    disabled: { type: Boolean },\n    loading: { type: Boolean },\n    ellipsis: { default: '...' },\n    maxSize: { default: 5 },\n    modelValue: { default: 1 },\n    totalPages: { default: 1 }\n  },\n  emits: ['update:modelValue'],\n  setup(__props: any, { emit: __emit }) {\n\nconst props = __props;\n\nconst emit = __emit;\n\n\n\nconst totalPages = computed(() => +props.totalPages);\nconst start = ref(1);\nconst maxSize = ref(+props.maxSize);\n\nconst outercontainer = ref<HTMLElement>();\nconst innercontainer = ref<HTMLElement>();\n\nconst buttonFootprint = ref<number>(Infinity);\n\n/**\n * Adjusts how many buttons to show.\n * if current buttons can't fit subtract maxSize until they do or until minimum is reached\n * if more buttons could fit add buttons until the don't\n * If minimum or maximum is reached just quit until next resize\n */\nconst adjustMaxElements = () => {\n\tif (outercontainer.value && innercontainer.value) {\n\t\t/* If some buttons do not fit */\n\t\tif (outercontainer.value.clientWidth < innercontainer.value.clientWidth) {\n\t\t\tif (maxSize.value - 1 > 3) {\n\t\t\t\tmaxSize.value--;\n\t\t\t\tnextTick(adjustMaxElements);\n\t\t\t} else {\n\t\t\t\tmaxSize.value = 3;\n\t\t\t}\n\t\t\t/* If all current buttons do fit */\n\t\t} else {\n\t\t\t/* If some buttons have been hidden */\n\t\t\tif (maxSize.value < +props.maxSize) {\n\t\t\t\tif (\n\t\t\t\t\t/* If there is enough space to fit one */\n\t\t\t\t\toutercontainer.value.clientWidth - innercontainer.value.clientWidth >\n\t\t\t\t\tbuttonFootprint.value\n\t\t\t\t) {\n\t\t\t\t\tmaxSize.value = Math.min(maxSize.value + 1, +props.maxSize);\n\t\t\t\t\tnextTick(adjustMaxElements);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n};\nif (globalThis.ResizeObserver) {\n\tconst observer = new ResizeObserver(debounce(adjustMaxElements, 200));\n\tonMounted(() => {\n\t\tif (outercontainer.value && innercontainer.value) {\n\t\t\tconst button = outercontainer.value.querySelectorAll(\n\t\t\t\t'.bb-pagination__page'\n\t\t\t)[1];\n\t\t\tif (button) {\n\t\t\t\t/* Compute the footprint necessary to render a new button */\n\t\t\t\tconst gapString = getComputedStyle(innercontainer.value).columnGap;\n\t\t\t\tconst numberAsString = gapString.replaceAll(/\\D/g, '');\n\t\t\t\tconst gap = Number(numberAsString);\n\t\t\t\tbuttonFootprint.value = button.clientWidth + gap;\n\t\t\t}\n\t\t\tobserver.observe(outercontainer.value);\n\t\t}\n\t});\n\tonBeforeUnmount(() => {\n\t\tobserver.disconnect();\n\t});\n}\n\nconst range = computed(() => {\n\tif (\n\t\ttotalPages.value <= 0 ||\n\t\tisNaN(totalPages.value) ||\n\t\ttotalPages.value > Number.MAX_SAFE_INTEGER\n\t)\n\t\treturn [];\n\n\tif (maxSize.value <= 1) return [props.modelValue];\n\n\tif (totalPages.value <= maxSize.value) {\n\t\treturn createRange(totalPages.value, start.value);\n\t}\n\n\tconst even = maxSize.value % 2 === 0;\n\tconst middle = even ? maxSize.value / 2 : Math.floor(maxSize.value / 2);\n\tconst left = even ? middle : middle + 1;\n\tconst right = totalPages.value - middle;\n\n\tif (left - props.modelValue >= 0) {\n\t\treturn [\n\t\t\t...createRange(Math.max(1, maxSize.value - 1), start.value),\n\t\t\tprops.ellipsis,\n\t\t\ttotalPages.value,\n\t\t];\n\t} else if (props.modelValue - right >= (even ? 1 : 0)) {\n\t\tconst rangeLength = maxSize.value - 1;\n\t\tconst rangeStart = totalPages.value - rangeLength + start.value;\n\t\treturn [\n\t\t\tstart.value,\n\t\t\tprops.ellipsis,\n\t\t\t...createRange(rangeLength, rangeStart),\n\t\t];\n\t} else {\n\t\tconst rangeLength = Math.max(1, maxSize.value - 3);\n\t\tconst rangeStart =\n\t\t\trangeLength === 1\n\t\t\t\t? props.modelValue\n\t\t\t\t: props.modelValue - Math.ceil(rangeLength / 2) + start.value;\n\t\treturn [\n\t\t\tstart.value,\n\t\t\tprops.ellipsis,\n\t\t\t...createRange(rangeLength, rangeStart),\n\t\t\tprops.ellipsis,\n\t\t\ttotalPages.value,\n\t\t];\n\t}\n});\n\nconst items = computed<Item[]>(() => {\n\treturn range.value.map((item, index) => {\n\t\tif (typeof item === 'string') {\n\t\t\treturn {\n\t\t\t\tactive: false,\n\t\t\t\tkey: `ellipsis-${index}`,\n\t\t\t\tpage: item,\n\t\t\t\tellipsis: true,\n\t\t\t\tdisabled: true,\n\t\t\t};\n\t\t} else {\n\t\t\tconst active = item === props.modelValue;\n\t\t\treturn {\n\t\t\t\tactive,\n\t\t\t\tkey: item,\n\t\t\t\tpage: item,\n\t\t\t\tellipsis: false,\n\t\t\t\tdisabled: !!props.disabled || +props.totalPages < 2 || props.loading,\n\t\t\t};\n\t\t}\n\t});\n});\n\nconst createRange = (length: number, start = 0): number[] => {\n\treturn Array.from({ length }, (_, k) => start + k);\n};\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", {\n    ref_key: \"outercontainer\",\n    ref: outercontainer,\n    class: \"bb-pagination\"\n  }, [\n    _createElementVNode(\"nav\", _hoisted_1, [\n      _createElementVNode(\"ul\", {\n        ref_key: \"innercontainer\",\n        ref: innercontainer,\n        class: \"bb-pagination__pages\"\n      }, [\n        _createElementVNode(\"li\", null, [\n          _createElementVNode(\"button\", {\n            class: \"bb-pagination__page bb-pagination__page--previous\",\n            disabled: props.modelValue <= 1 || _ctx.loading || _ctx.disabled,\n            onClick: _cache[0] || (_cache[0] = ($event: any) => (emit('update:modelValue', props.modelValue - 1)))\n          }, [\n            _renderSlot(_ctx.$slots, \"previous\", {}, () => [\n              _createTextVNode(\"Precedente\")\n            ])\n          ], 8, _hoisted_2)\n        ]),\n        (_openBlock(true), _createElementBlock(_Fragment, null, _renderList(items.value, (item) => {\n          return (_openBlock(), _createElementBlock(\"li\", null, [\n            _createElementVNode(\"button\", {\n              class: _normalizeClass([\"bb-pagination__page\", {\n\t\t\t\t\t\t\t'bb-pagination__page--active': item.active,\n\t\t\t\t\t\t\t'bb-pagination__page--ellipsis': item.ellipsis,\n\t\t\t\t\t\t}]),\n              disabled: item.disabled,\n              onClick: ($event: any) => (emit('update:modelValue', item.key))\n            }, [\n              (item.ellipsis === true)\n                ? _renderSlot(_ctx.$slots, \"ellipsis\", { key: 0 }, () => [\n                    _createTextVNode(_toDisplayString(props.ellipsis), 1)\n                  ])\n                : _renderSlot(_ctx.$slots, \"item\", {\n                    key: 1,\n                    active: item.active,\n                    disabled: item.disabled,\n                    item: item.key\n                  }, () => [\n                    _createTextVNode(_toDisplayString(item.key), 1)\n                  ])\n            ], 10, _hoisted_3)\n          ]))\n        }), 256)),\n        _createElementVNode(\"li\", null, [\n          _createElementVNode(\"button\", {\n            class: \"bb-pagination__page bb-pagination__page--next\",\n            disabled: props.modelValue >= +totalPages.value || _ctx.loading || _ctx.disabled,\n            onClick: _cache[1] || (_cache[1] = ($event: any) => (emit('update:modelValue', props.modelValue + 1)))\n          }, [\n            _renderSlot(_ctx.$slots, \"next\", {}, () => [\n              _createTextVNode(\"Successivi\")\n            ])\n          ], 8, _hoisted_4)\n        ])\n      ], 512)\n    ])\n  ], 512))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_sfc_main","_defineComponent","__props","__emit","props","emit","totalPages","computed","start","ref","maxSize","outercontainer","innercontainer","buttonFootprint","adjustMaxElements","nextTick","observer","debounce","onMounted","button","numberAsString","gap","onBeforeUnmount","range","createRange","even","middle","left","right","rangeLength","rangeStart","items","item","index","length","_","k","_ctx","_cache","_openBlock","_createElementBlock","_createElementVNode","$event","_renderSlot","_createTextVNode","_Fragment","_renderList","_normalizeClass","_toDisplayString"],"mappings":"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"}

package/dist/index79.js

@@ -1,25 +1,25 @@
 import { defineComponent as V, ref as a, computed as _, openBlock as p, createElementBlock as h, mergeProps as B, createElementVNode as d, renderSlot as P, normalizeProps as I, guardReactiveProps as R, unref as g, createBlock as D, Teleport as U, normalizeClass as W, normalizeStyle as j, createCommentVNode as y, withCtx as G, nextTick as J } from "vue";
-import { useFloating as K, arrow as Q } from "./index223.js";
-import { useFocusTrap as X } from "./index217.js";
+import { useFloating as K, arrow as Q } from "./index225.js";
+import { useFocusTrap as X } from "./index209.js";
 import { useId as Y } from "./index7.js";
 import { wait as E } from "./index122.js";
 import Z from "./index9.js";
 import "./index10.js";
-import { autoUpdate as ee, flip as oe, shift as te } from "./index205.js";
-import { offset as ae } from "./index210.js";
+import { autoUpdate as ee, flip as oe, shift as te } from "./index212.js";
+import { offset as ae } from "./index217.js";
 const re = ["id"], ne = {
   key: 1,
   class: "bb-popover__bubble"
 }, se = /* @__PURE__ */ d("span", { class: "bb-popover__close-label" }, "Chiudi", -1), le = /* @__PURE__ */ d("svg", {
-  viewBox: "0 0 24 24",
   fill: "none",
+  viewBox: "0 0 24 24",
   xmlns: "http://www.w3.org/2000/svg"
 }, [
   /* @__PURE__ */ d("path", {
     d: "M23 23L1 1M23 1L1 23",
     stroke: "currentColor",
-    "stroke-width": "2",
-    "stroke-linecap": "round"
+    "stroke-linecap": "round",
+    "stroke-width": "2"
   })
 ], -1), we = /* @__PURE__ */ V({
   __name: "BbPopover",
@@ -140,9 +140,9 @@ const re = ["id"], ne = {
     };
     return (e, t) => (p(), h("span", B({ class: "bb-popover" }, F.value), [
       d("span", {
-        class: "bb-popover__wrapper",
         ref_key: "wrapper",
-        ref: s
+        ref: s,
+        class: "bb-popover__wrapper"
       }, [
         P(e.$slots, "activator", I(R({
           props: {
@@ -162,6 +162,9 @@ const re = ["id"], ne = {
       ], 512),
       (p(), D(U, { to: "body" }, [
         d("span", {
+          id: `popover_${b}`,
+          ref_key: "content",
+          ref: u,
           class: W(["bb-popover__bubble-container", {
             [`bb-popover__bubble-container--${g(v)}`]: !0,
             [`bb-popover__bubble-container--${e.theme}`]: e.theme,
@@ -170,16 +173,13 @@ const re = ["id"], ne = {
             "bb-popover__bubble-container--opening": r.value,
             "bb-popover__bubble-container--open": n.value
           }]),
-          ref_key: "content",
-          ref: u,
-          style: j(q.value),
-          id: `popover_${b}`
+          style: j(q.value)
         }, [
           m.value || e.eager ? (p(), h("span", B({
             key: 0,
-            class: "bb-popover__arrow",
             ref_key: "bubblearrow",
-            ref: k
+            ref: k,
+            class: "bb-popover__arrow"
           }, H.value), null, 16)) : y("", !0),
           m.value || e.eager ? (p(), h("span", ne, [
             e.showClose ? (p(), D(Z, {

package/dist/index79.js.map

@@ -1 +1 @@
-{"version":3,"file":"index79.js","sources":["../src/components/BbPopover/BbPopover.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { unref as _unref, normalizeProps as _normalizeProps, guardReactiveProps as _guardReactiveProps, renderSlot as _renderSlot, createElementVNode as _createElementVNode, mergeProps as _mergeProps, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, withCtx as _withCtx, createBlock as _createBlock, normalizeClass as _normalizeClass, normalizeStyle as _normalizeStyle, Teleport as _Teleport } from \"vue\"\n\nconst _hoisted_1 = [\"id\"]\nconst _hoisted_2 = {\n  key: 1,\n  class: \"bb-popover__bubble\"\n}\nconst _hoisted_3 = /*#__PURE__*/_createElementVNode(\"span\", { class: \"bb-popover__close-label\" }, \"Chiudi\", -1)\nconst _hoisted_4 = /*#__PURE__*/_createElementVNode(\"svg\", {\n  viewBox: \"0 0 24 24\",\n  fill: \"none\",\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-width\": \"2\",\n    \"stroke-linecap\": \"round\"\n  })\n], -1)\n\nimport { computed, nextTick, ref } from \"vue\";\nimport {\n  useFloating,\n  autoUpdate,\n  flip,\n  shift,\n  offset,\n  arrow,\n} from \"@floating-ui/vue\";\nimport { useFocusTrap } from \"@vueuse/integrations/useFocusTrap\";\nimport { useId } from \"@/composables/useId\";\nimport { wait } from \"@/utilities/functions/wait\";\nimport BaseButton from \"../BaseButton/BaseButton.vue\";\nimport type { CommonProps } from \"@/types/CommonProps\";\nimport type { Placement } from \"@floating-ui/vue\";\n\nexport type BbPopoverProps = Pick<\n  CommonProps,\n  | \"arrowPadding\"\n  | \"block\"\n  | \"disabled\"\n  | \"eager\"\n  | \"offset\"\n  | \"padding\"\n  | \"placement\"\n  | \"showClose\"\n  | \"theme\"\n  | \"transitionDuration\"\n> & {\n  /**\n   * Elements that obtains focus immediately after opening the popover.\n   * By default it's the first tabbable item.\n   */\n  focusTarget?: string;\n  /**\n   * Width of the dropdown in pixels.\n   */\n  width?: number | string;\n};\n\nexport type BbPopoverEvents = {\n  (e: \"shown\"): void;\n  (e: \"hidden\"): void;\n};\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BbPopover',\n  props: {\n    arrowPadding: { default: 10 },\n    block: { type: Boolean },\n    disabled: { type: Boolean },\n    eager: { type: Boolean },\n    offset: { default: 3 },\n    padding: { default: 10 },\n    placement: { default: \"bottom\" },\n    showClose: { type: Boolean, default: true },\n    theme: { default: \"default\" },\n    transitionDuration: { default: 150 },\n    focusTarget: {},\n    width: {}\n  },\n  emits: [\"shown\", \"hidden\"],\n  setup(__props: any, { emit: __emit }) {\n\nconst props = __props;\n\nconst emit = __emit;\n\n\n\nconst { id: _id } = useId();\nconst id = `bbp_${_id.value}`;\n\nconst wrapper = ref<HTMLElement>();\nconst content = ref<HTMLElement>();\nconst bubblearrow = ref<HTMLElement>();\n\nconst { activate, deactivate } = useFocusTrap(content, {\n  /**\n   * This traps all clicks outside so we are pressing\n   * the trigger we just allow and process that in its\n   * own click handler.\n   * If we are pressing anything random on the page\n   * close the popover and be done\n   */\n  clickOutsideDeactivates: (event) => {\n    const target = event.target;\n    if (target instanceof HTMLElement) {\n      if (wrapper.value?.contains(target)) {\n        return true;\n      }\n    }\n    closePopover();\n    emit(\"hidden\");\n    return true;\n  },\n  escapeDeactivates: () => {\n    nextTick(async () => {\n      await closePopover();\n      focusTrigger();\n      emit(\"hidden\");\n    });\n    return true;\n  },\n  /* We don't return focus so that when\n   * we press a button on tyhe page we can focus\n   * THAT button and not the current trigger\n   */\n  returnFocusOnDeactivate: false,\n});\n\nconst { floatingStyles, placement, middlewareData } = useFloating(\n  wrapper,\n  content,\n  {\n    placement: props.placement,\n    whileElementsMounted: autoUpdate,\n    middleware: [\n      flip(),\n      offset(props.offset),\n      shift({ padding: props.padding }),\n      arrow({\n        element: bubblearrow,\n        padding: props.arrowPadding,\n      }),\n    ],\n  }\n);\n\nconst attributes = computed(() => {\n  const classes = {\n    \"bb-popover--block\": props.block,\n    [`bb-popover--theme-${props.theme}`]: props.theme,\n  };\n  return {\n    class: classes,\n  };\n});\n\nconst opening = ref(false);\nconst open = ref(false);\nconst closing = ref(false);\nconst closed = ref(true);\n\nconst arrowAttributes = computed(() => {\n  if (middlewareData.value.arrow) {\n    const { x, y } = middlewareData.value.arrow;\n    return {\n      style: {\n        left: `${x}px`,\n        top: `${y}px`,\n      },\n    };\n  }\n});\n\nconst containerStyle = computed(() => {\n  const base: Record<string, any> = {\n    ...floatingStyles.value,\n    transitionDuration: `${props.transitionDuration}ms`,\n  };\n  if (props.width) {\n    let width: string;\n    // If the width is a css unit string use it, if it is a number or number string add px\n    if (typeof props.width === \"string\" && Number.isNaN(Number(props.width))) {\n      if (props.width.includes(\"%\")) {\n        if (!wrapper.value) return;\n        width = `${\n          wrapper.value.clientWidth * (+props.width.replace(\"%\", \"\") / 100)\n        }px`;\n      } else {\n        width = props.width;\n      }\n    } else {\n      width = `${props.width}px`;\n    }\n    base.width = width;\n  }\n  return base;\n});\n\nconst openPopover = async () => {\n  closed.value = false;\n  closing.value = false;\n  opening.value = true;\n  await wait(50);\n  open.value = true;\n  opening.value = false;\n};\n\nconst closePopover = async () => {\n  open.value = false;\n  opening.value = false;\n  closing.value = true;\n  await wait(props.transitionDuration);\n  closing.value = false;\n  closed.value = true;\n};\nconst hasOpenedOnce = ref(false);\nconst onTriggerClick = async () => {\n  if (open.value) {\n    await closePopover();\n    focusTrigger();\n    emit(\"hidden\");\n    return;\n  }\n  if (opening.value || props.disabled) return;\n  hasOpenedOnce.value = true;\n  await openPopover();\n  let focusTarget = props.focusTarget ?? \".bb-popover__close\";\n\n  activate({\n    onPostActivate: () => {\n      if (content.value) {\n        const target = content.value.querySelector(focusTarget);\n        if (target instanceof HTMLElement) {\n          target.focus();\n          emit(\"shown\");\n        }\n      }\n    },\n  });\n};\n\nconst focusTrigger = () => {\n  const trigger = wrapper.value?.querySelector(`[aria-controls=popover_${id}]`);\n  if (trigger instanceof HTMLElement) {\n    trigger.focus();\n  }\n};\n\nconst onClickClose = async () => {\n  deactivate();\n  await closePopover();\n  focusTrigger();\n  emit(\"hidden\");\n};\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"span\", _mergeProps({ class: \"bb-popover\" }, attributes.value), [\n    _createElementVNode(\"span\", {\n      class: \"bb-popover__wrapper\",\n      ref_key: \"wrapper\",\n      ref: wrapper\n    }, [\n      _renderSlot(_ctx.$slots, \"activator\", _normalizeProps(_guardReactiveProps({\n          props: {\n            'aria-controls': `popover_${id}`,\n            'aria-expanded': open.value,\n            onClick: onTriggerClick,\n            id: id,\n            disabled: !!_ctx.disabled,\n          },\n          closed: closed.value,\n          closing: closing.value,\n          disabled: !!_ctx.disabled,\n          open: open.value,\n          opening: opening.value,\n          placement: _unref(placement),\n        })))\n    ], 512),\n    (_openBlock(), _createBlock(_Teleport, { to: \"body\" }, [\n      _createElementVNode(\"span\", {\n        class: _normalizeClass([\"bb-popover__bubble-container\", {\n          [`bb-popover__bubble-container--${_unref(placement)}`]: true,\n          [`bb-popover__bubble-container--${_ctx.theme}`]: _ctx.theme,\n          'bb-popover__bubble-container--hidden': closed.value,\n          'bb-popover__bubble-container--closing': closing.value,\n          'bb-popover__bubble-container--opening': opening.value,\n          'bb-popover__bubble-container--open': open.value,\n        }]),\n        ref_key: \"content\",\n        ref: content,\n        style: _normalizeStyle(containerStyle.value),\n        id: `popover_${id}`\n      }, [\n        (hasOpenedOnce.value || _ctx.eager)\n          ? (_openBlock(), _createElementBlock(\"span\", _mergeProps({\n              key: 0,\n              class: \"bb-popover__arrow\",\n              ref_key: \"bubblearrow\",\n              ref: bubblearrow\n            }, arrowAttributes.value), null, 16))\n          : _createCommentVNode(\"\", true),\n        (hasOpenedOnce.value || _ctx.eager)\n          ? (_openBlock(), _createElementBlock(\"span\", _hoisted_2, [\n              (_ctx.showClose)\n                ? (_openBlock(), _createBlock(BaseButton, {\n                    key: 0,\n                    class: \"bb-popover__close\",\n                    onClick: onClickClose\n                  }, {\n                    default: _withCtx(() => [\n                      _hoisted_3,\n                      _hoisted_4\n                    ]),\n                    _: 1\n                  }))\n                : _createCommentVNode(\"\", true),\n              _renderSlot(_ctx.$slots, \"default\", {\n                close: onClickClose,\n                closed: closed.value,\n                closing: closing.value,\n                disabled: !!_ctx.disabled,\n                open: open.value,\n                opening: opening.value,\n                placement: _unref(placement)\n              })\n            ]))\n          : _createCommentVNode(\"\", true)\n      ], 14, _hoisted_1)\n    ]))\n  ], 16))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_sfc_main","_defineComponent","__props","__emit","props","emit","_id","useId","id","wrapper","ref","content","bubblearrow","activate","deactivate","useFocusTrap","event","target","_a","closePopover","nextTick","focusTrigger","floatingStyles","placement","middlewareData","useFloating","autoUpdate","flip","offset","shift","arrow","attributes","computed","opening","open","closing","closed","arrowAttributes","x","y","containerStyle","base","width","openPopover","wait","hasOpenedOnce","onTriggerClick","focusTarget","trigger","onClickClose","_ctx","_cache","_openBlock","_createElementBlock","_mergeProps","_createElementVNode","_renderSlot","_normalizeProps","_guardReactiveProps","_unref","_createBlock","_Teleport","_normalizeClass","_normalizeStyle","_createCommentVNode","BaseButton","_withCtx"],"mappings":"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"}
+{"version":3,"file":"index79.js","sources":["../src/components/BbPopover/BbPopover.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { unref as _unref, normalizeProps as _normalizeProps, guardReactiveProps as _guardReactiveProps, renderSlot as _renderSlot, createElementVNode as _createElementVNode, mergeProps as _mergeProps, openBlock as _openBlock, createElementBlock as _createElementBlock, createCommentVNode as _createCommentVNode, withCtx as _withCtx, createBlock as _createBlock, normalizeClass as _normalizeClass, normalizeStyle as _normalizeStyle, Teleport as _Teleport } from \"vue\"\n\nconst _hoisted_1 = [\"id\"]\nconst _hoisted_2 = {\n  key: 1,\n  class: \"bb-popover__bubble\"\n}\nconst _hoisted_3 = /*#__PURE__*/_createElementVNode(\"span\", { class: \"bb-popover__close-label\" }, \"Chiudi\", -1)\nconst _hoisted_4 = /*#__PURE__*/_createElementVNode(\"svg\", {\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], -1)\n\nimport { computed, nextTick, ref } from 'vue';\nimport {\n\tuseFloating,\n\tautoUpdate,\n\tflip,\n\tshift,\n\toffset,\n\tarrow,\n} from '@floating-ui/vue';\nimport { useFocusTrap } from '@vueuse/integrations/useFocusTrap';\nimport { useId } from '@/composables/useId';\nimport { wait } from '@/utilities/functions/wait';\nimport BaseButton from '../BaseButton/BaseButton.vue';\nimport type { CommonProps } from '@/types/CommonProps';\nimport type { Placement } from '@floating-ui/vue';\n\nexport type BbPopoverProps = Pick<\n\tCommonProps,\n\t| 'arrowPadding'\n\t| 'block'\n\t| 'disabled'\n\t| 'eager'\n\t| 'offset'\n\t| 'padding'\n\t| 'placement'\n\t| 'showClose'\n\t| 'theme'\n\t| 'transitionDuration'\n> & {\n\t/**\n\t * Elements that obtains focus immediately after opening the popover.\n\t * By default it's the first tabbable item.\n\t */\n\tfocusTarget?: string;\n\t/**\n\t * Width of the dropdown in pixels.\n\t */\n\twidth?: number | string;\n};\n\nexport type BbPopoverEvents = {\n\t(e: 'shown'): void;\n\t(e: 'hidden'): void;\n};\n\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BbPopover',\n  props: {\n    arrowPadding: { default: 10 },\n    block: { type: Boolean },\n    disabled: { type: Boolean },\n    eager: { type: Boolean },\n    offset: { default: 3 },\n    padding: { default: 10 },\n    placement: { default: 'bottom' },\n    showClose: { type: Boolean, default: true },\n    theme: { default: 'default' },\n    transitionDuration: { default: 150 },\n    focusTarget: {},\n    width: {}\n  },\n  emits: [\"shown\", \"hidden\"],\n  setup(__props: any, { emit: __emit }) {\n\nconst props = __props;\n\nconst emit = __emit;\n\n\n\nconst { id: _id } = useId();\nconst id = `bbp_${_id.value}`;\n\nconst wrapper = ref<HTMLElement>();\nconst content = ref<HTMLElement>();\nconst bubblearrow = ref<HTMLElement>();\n\nconst { activate, deactivate } = useFocusTrap(content, {\n\t/**\n\t * This traps all clicks outside so we are pressing\n\t * the trigger we just allow and process that in its\n\t * own click handler.\n\t * If we are pressing anything random on the page\n\t * close the popover and be done\n\t */\n\tclickOutsideDeactivates: (event) => {\n\t\tconst target = event.target;\n\t\tif (target instanceof HTMLElement) {\n\t\t\tif (wrapper.value?.contains(target)) {\n\t\t\t\treturn true;\n\t\t\t}\n\t\t}\n\t\tclosePopover();\n\t\temit('hidden');\n\t\treturn true;\n\t},\n\tescapeDeactivates: () => {\n\t\tnextTick(async () => {\n\t\t\tawait closePopover();\n\t\t\tfocusTrigger();\n\t\t\temit('hidden');\n\t\t});\n\t\treturn true;\n\t},\n\t/* We don't return focus so that when\n\t * we press a button on tyhe page we can focus\n\t * THAT button and not the current trigger\n\t */\n\treturnFocusOnDeactivate: false,\n});\n\nconst { floatingStyles, placement, middlewareData } = useFloating(\n\twrapper,\n\tcontent,\n\t{\n\t\tplacement: props.placement,\n\t\twhileElementsMounted: autoUpdate,\n\t\tmiddleware: [\n\t\t\tflip(),\n\t\t\toffset(props.offset),\n\t\t\tshift({ padding: props.padding }),\n\t\t\tarrow({\n\t\t\t\telement: bubblearrow,\n\t\t\t\tpadding: props.arrowPadding,\n\t\t\t}),\n\t\t],\n\t}\n);\n\nconst attributes = computed(() => {\n\tconst classes = {\n\t\t'bb-popover--block': props.block,\n\t\t[`bb-popover--theme-${props.theme}`]: props.theme,\n\t};\n\treturn {\n\t\tclass: classes,\n\t};\n});\n\nconst opening = ref(false);\nconst open = ref(false);\nconst closing = ref(false);\nconst closed = ref(true);\n\nconst arrowAttributes = computed(() => {\n\tif (middlewareData.value.arrow) {\n\t\tconst { x, y } = middlewareData.value.arrow;\n\t\treturn {\n\t\t\tstyle: {\n\t\t\t\tleft: `${x}px`,\n\t\t\t\ttop: `${y}px`,\n\t\t\t},\n\t\t};\n\t}\n});\n\nconst containerStyle = computed(() => {\n\tconst base: Record<string, any> = {\n\t\t...floatingStyles.value,\n\t\ttransitionDuration: `${props.transitionDuration}ms`,\n\t};\n\tif (props.width) {\n\t\tlet width: string;\n\t\t// If the width is a css unit string use it, if it is a number or number string add px\n\t\tif (typeof props.width === 'string' && Number.isNaN(Number(props.width))) {\n\t\t\tif (props.width.includes('%')) {\n\t\t\t\tif (!wrapper.value) return;\n\t\t\t\twidth = `${\n\t\t\t\t\twrapper.value.clientWidth * (+props.width.replace('%', '') / 100)\n\t\t\t\t}px`;\n\t\t\t} else {\n\t\t\t\twidth = props.width;\n\t\t\t}\n\t\t} else {\n\t\t\twidth = `${props.width}px`;\n\t\t}\n\t\tbase.width = width;\n\t}\n\treturn base;\n});\n\nconst openPopover = async () => {\n\tclosed.value = false;\n\tclosing.value = false;\n\topening.value = true;\n\tawait wait(50);\n\topen.value = true;\n\topening.value = false;\n};\n\nconst closePopover = async () => {\n\topen.value = false;\n\topening.value = false;\n\tclosing.value = true;\n\tawait wait(props.transitionDuration);\n\tclosing.value = false;\n\tclosed.value = true;\n};\nconst hasOpenedOnce = ref(false);\nconst onTriggerClick = async () => {\n\tif (open.value) {\n\t\tawait closePopover();\n\t\tfocusTrigger();\n\t\temit('hidden');\n\t\treturn;\n\t}\n\tif (opening.value || props.disabled) return;\n\thasOpenedOnce.value = true;\n\tawait openPopover();\n\tlet focusTarget = props.focusTarget ?? '.bb-popover__close';\n\n\tactivate({\n\t\tonPostActivate: () => {\n\t\t\tif (content.value) {\n\t\t\t\tconst target = content.value.querySelector(focusTarget);\n\t\t\t\tif (target instanceof HTMLElement) {\n\t\t\t\t\ttarget.focus();\n\t\t\t\t\temit('shown');\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t});\n};\n\nconst focusTrigger = () => {\n\tconst trigger = wrapper.value?.querySelector(`[aria-controls=popover_${id}]`);\n\tif (trigger instanceof HTMLElement) {\n\t\ttrigger.focus();\n\t}\n};\n\nconst onClickClose = async () => {\n\tdeactivate();\n\tawait closePopover();\n\tfocusTrigger();\n\temit('hidden');\n};\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"span\", _mergeProps({ class: \"bb-popover\" }, attributes.value), [\n    _createElementVNode(\"span\", {\n      ref_key: \"wrapper\",\n      ref: wrapper,\n      class: \"bb-popover__wrapper\"\n    }, [\n      _renderSlot(_ctx.$slots, \"activator\", _normalizeProps(_guardReactiveProps({\n\t\t\t\t\tprops: {\n\t\t\t\t\t\t'aria-controls': `popover_${id}`,\n\t\t\t\t\t\t'aria-expanded': open.value,\n\t\t\t\t\t\tonClick: onTriggerClick,\n\t\t\t\t\t\tid: id,\n\t\t\t\t\t\tdisabled: !!_ctx.disabled,\n\t\t\t\t\t},\n\t\t\t\t\tclosed: closed.value,\n\t\t\t\t\tclosing: closing.value,\n\t\t\t\t\tdisabled: !!_ctx.disabled,\n\t\t\t\t\topen: open.value,\n\t\t\t\t\topening: opening.value,\n\t\t\t\t\tplacement: _unref(placement),\n\t\t\t\t})))\n    ], 512),\n    (_openBlock(), _createBlock(_Teleport, { to: \"body\" }, [\n      _createElementVNode(\"span\", {\n        id: `popover_${id}`,\n        ref_key: \"content\",\n        ref: content,\n        class: _normalizeClass([\"bb-popover__bubble-container\", {\n\t\t\t\t\t[`bb-popover__bubble-container--${_unref(placement)}`]: true,\n\t\t\t\t\t[`bb-popover__bubble-container--${_ctx.theme}`]: _ctx.theme,\n\t\t\t\t\t'bb-popover__bubble-container--hidden': closed.value,\n\t\t\t\t\t'bb-popover__bubble-container--closing': closing.value,\n\t\t\t\t\t'bb-popover__bubble-container--opening': opening.value,\n\t\t\t\t\t'bb-popover__bubble-container--open': open.value,\n\t\t\t\t}]),\n        style: _normalizeStyle(containerStyle.value)\n      }, [\n        (hasOpenedOnce.value || _ctx.eager)\n          ? (_openBlock(), _createElementBlock(\"span\", _mergeProps({\n              key: 0,\n              ref_key: \"bubblearrow\",\n              ref: bubblearrow,\n              class: \"bb-popover__arrow\"\n            }, arrowAttributes.value), null, 16))\n          : _createCommentVNode(\"\", true),\n        (hasOpenedOnce.value || _ctx.eager)\n          ? (_openBlock(), _createElementBlock(\"span\", _hoisted_2, [\n              (_ctx.showClose)\n                ? (_openBlock(), _createBlock(BaseButton, {\n                    key: 0,\n                    class: \"bb-popover__close\",\n                    onClick: onClickClose\n                  }, {\n                    default: _withCtx(() => [\n                      _hoisted_3,\n                      _hoisted_4\n                    ]),\n                    _: 1\n                  }))\n                : _createCommentVNode(\"\", true),\n              _renderSlot(_ctx.$slots, \"default\", {\n                close: onClickClose,\n                closed: closed.value,\n                closing: closing.value,\n                disabled: !!_ctx.disabled,\n                open: open.value,\n                opening: opening.value,\n                placement: _unref(placement)\n              })\n            ]))\n          : _createCommentVNode(\"\", true)\n      ], 14, _hoisted_1)\n    ]))\n  ], 16))\n}\n}\n\n})"],"names":["_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_sfc_main","_defineComponent","__props","__emit","props","emit","_id","useId","id","wrapper","ref","content","bubblearrow","activate","deactivate","useFocusTrap","event","target","_a","closePopover","nextTick","focusTrigger","floatingStyles","placement","middlewareData","useFloating","autoUpdate","flip","offset","shift","arrow","attributes","computed","opening","open","closing","closed","arrowAttributes","x","y","containerStyle","base","width","openPopover","wait","hasOpenedOnce","onTriggerClick","focusTarget","trigger","onClickClose","_ctx","_cache","_openBlock","_createElementBlock","_mergeProps","_createElementVNode","_renderSlot","_normalizeProps","_guardReactiveProps","_unref","_createBlock","_Teleport","_normalizeClass","_normalizeStyle","_createCommentVNode","BaseButton","_withCtx"],"mappings":"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"}

package/dist/index8.js

@@ -34,13 +34,16 @@ const te = Symbol(), x = /((step\/)(?<step>[\s\S]+?)(?=[/?]))|((step\/)(?<step2>
       {}
     )
   ), m = g(
-    () => X(o.value, (t) => typeof t.isValid == "function" ? {
-      ...t,
-      isValid: t.isValid(l)
-    } : {
-      ...t,
-      isValid: t.isValid ?? !0
-    })
+    () => X(
+      o.value,
+      (t) => typeof t.isValid == "function" ? {
+        ...t,
+        isValid: t.isValid(l)
+      } : {
+        ...t,
+        isValid: t.isValid ?? !0
+      }
+    )
   );
   let p = null;
   if (u && a(e.value)) {

package/dist/index8.js.map

@@ -1 +1 @@
-{"version":3,"file":"index8.js","sources":["../src/composables/useWizard.ts"],"sourcesContent":["import { cloneDeep } from \"@/utilities/functions/cloneDeep\";\nimport { computed, provide, reactive, watch, toValue } from \"vue\";\nimport { isNotNil } from \"@/utilities/functions/isNotNil\";\nimport { mapValues } from \"@/utilities/functions/mapValues\";\nimport { useRoute } from \"./useRoute\";\nimport { useRouter } from \"./useRouter\";\nimport { useStepper } from \"@vueuse/core\";\nimport type { ComputedRef, MaybeRef } from \"vue\";\n\nexport const wizardInjectionKey = Symbol();\nexport type Step<U> = {\n  /**\n   * Function that accepts a state object and returns a boolean.\n   * When step are accessed at the end of the pipeline the result\n   * is provided so you don't have to run the function yourself.\n   * It determines if the validation has passed for the step.\n   */\n  isValid?: (state: U) => boolean | boolean;\n  /**\n   * Function that accepts a state object and returns a boolean.\n   * When step are accessed at the end of the pipeline the result\n   * is provided so you don't have to run the function yourself.\n   * Steps that do not pass the condition are removed.\n   */\n  condition?: (state: U) => boolean;\n  [key: string]: any;\n};\nexport type WizardState<T extends Record<string, any>> = ReturnType<typeof useWizard<T>>\n\nconst regexMatchStep =\n  /((step\\/)(?<step>[\\s\\S]+?)(?=[/?]))|((step\\/)(?<step2>[\\s\\S]+))/;\n/**\n * With a url that follows the rule xyz.com/anything/step/:nameofthestep[/?query]\n * will match the :nameofthestep substring\n */\nconst extractStepFromUrl = (url: string) => {\n  const match = url.match(regexMatchStep);\n  return match?.groups?.step ?? match?.groups?.step2 ?? null;\n};\nexport const useWizard = <T extends object>(params: {\n  /**\n   * The steps definition for the wizard\n   */\n  steps: MaybeRef<Record<string, Step<T>>>;\n  /**\n   * Name of the wizard used to persist state\n   */\n  name: string;\n  /**\n   * Initial set of data to be made available throughout\n   */\n  initialState: T;\n  /**\n   * When navogation is enabled, to whether use the query parameters or an entire substring of the URL like xyz/steps/....\n   * The latter useful with nuxt so you can leverage the automatic import of components based on the URL.\n   */\n  navigationMode?: \"query\" | \"route\";\n  /**\n   * Whether to use navigation at all. When disabled no query or URL is changed.\n   */\n  useNavigation?: boolean;\n  /**\n   *\n   */\n  persist?: boolean;\n}) => {\n  if (!params.name) {\n    throw new Error(\n      \"You need to provide a unique name for the current wizard instance to be used to save data\"\n    );\n  }\n  const route = useRoute();\n  const router = useRouter();\n\n  const useNavigation = params.useNavigation ?? true;\n  const navigationMode = params.navigationMode ?? \"query\";\n  const persist = params.persist ?? true;\n\n  if (useNavigation && (!route.value || !router)) {\n    throw new Error(\n      \"Navigation is enabled but could not retrieve the router instance in useWizard.\"\n    );\n  }\n\n  const initialStateCopy = cloneDeep(params.initialState);\n  /**\n   * Initial state is either read from session storage or the one provided\n   */\n  const innerState = reactive<typeof params.initialState>(\n    persist && sessionStorage.getItem(params.name)\n      ? {\n          ...initialStateCopy,\n          ...JSON.parse(sessionStorage.getItem(params.name)!),\n        }\n      : initialStateCopy\n  );\n\n  if (persist) {\n    /**\n     * Every time the state changes save it to sessionStorage\n     */\n    watch(innerState, () => {\n      sessionStorage.setItem(params.name, JSON.stringify(innerState));\n    });\n  }\n\n  /**\n   * Steps can be passed as ref so we need to unwrap them\n   */\n  const unwrappedSteps = toValue(params.steps);\n  const filteredSteps = computed(() =>\n    Object.entries(unwrappedSteps).reduce(\n      (acc: typeof unwrappedSteps, [key, step]) => {\n        if (step.condition) {\n          if (!step.condition(innerState as T)) {\n            return acc;\n          }\n        }\n        acc[key] = { ...step, key };\n        return acc;\n      },\n      {}\n    )\n  );\n\n  /**\n   * Steps can have a isValid function that receives the current state\n   * but we don't want to have to call it every single time so we call it once here\n   */\n  const mappedSteps = computed(() =>\n    mapValues(filteredSteps.value, (step): Omit<Step<T>, 'isValid'> & { isValid: boolean } => {\n      if(typeof step.isValid === 'function') {\n        return {\n          ...step,\n          isValid: step.isValid(innerState as T)\n        }\n      }\n      return {\n        ...step,\n        isValid: step.isValid ?? true\n      };\n    })\n  );\n\n  /**\n   * Get the initial step from the query.\n   * If it exists check that every step before it is also valid\n   * so user cannot manually jump by changing the URL\n   */\n  let initialStep = null;\n  if (useNavigation && isNotNil(route.value)) {\n    let step: string | null = null;\n    if (navigationMode === \"query\") {\n      if (route.value.query.step) {\n        step = route.value.query.step as string;\n      }\n    } else {\n      const stepFromUrl = extractStepFromUrl(route.value.fullPath);\n      if (stepFromUrl) {\n        step = stepFromUrl;\n      }\n    }\n    initialStep = step;\n  }\n\n  if (initialStep) {\n    for (const stepName in filteredSteps.value) {\n      if (stepName === initialStep) break;\n      const current = mappedSteps.value[stepName];\n      if (!current || !current.isValid) {\n        initialStep = null;\n        break;\n      }\n    }\n  }\n\n  /**\n   * Define the state of the wizard\n   * A few data come from useStepper\n   */\n  const {\n    steps,\n    current,\n    goToNext,\n    goToPrevious,\n    goTo,\n    index,\n    at,\n    get,\n    goBackTo,\n    isAfter,\n    isBefore,\n    isCurrent,\n    isFirst,\n    isLast,\n    isNext,\n    isPrevious,\n    next,\n    previous,\n    stepNames,\n  } = useStepper(\n    mappedSteps,\n    initialStep || Object.values(filteredSteps.value)[0].key\n  );\n\n  const key = computed(() => Object.keys(filteredSteps.value)[index.value]);\n\n  /**\n   * Complete state object\n   */\n  const state = {\n    at,\n    current: current as ComputedRef<Step<T> & { isValid: boolean }>,\n    data: innerState,\n    get,\n    goBackTo,\n    goTo,\n    goToNext,\n    goToPrevious,\n    isAfter,\n    isBefore,\n    isCurrent,\n    isFirst,\n    isLast,\n    isNext,\n    isPrevious,\n    key,\n    next,\n    previous,\n    stepNames,\n    steps,\n  };\n\n  provide(wizardInjectionKey, state);\n\n  if (useNavigation) {\n    if (navigationMode === \"query\") {\n      /**\n       * Every time the current step changes update route\n       */\n      watch(\n        key,\n        () => {\n          if (isNotNil(router) && isNotNil(route.value)) {\n            router.push({\n              ...route,\n              query: { ...route.value.query, step: key.value ?? null },\n            });\n          }\n        },\n        { immediate: true }\n      );\n\n      /**\n       * Every time the route changes align the current step to the route\n       */\n      watch(\n        () => route.value?.query.step,\n        (value) => {\n          if (value) {\n            const stepAsString = value as string;\n            if (stepAsString in filteredSteps.value) {\n              const stepAsKey = stepAsString;\n              const stepKeys = Object.keys(filteredSteps.value);\n              const stepsPriorToTarget = stepKeys.slice(\n                0,\n                stepKeys.indexOf(stepAsKey)\n              );\n              const allValid = stepsPriorToTarget.every(\n                (key) => mappedSteps.value[key]?.isValid\n              );\n              if (allValid) {\n                goTo(stepAsKey);\n              }\n            }\n          } else {\n            const key = Object.keys(steps)[0];\n            goTo(key);\n          }\n        }\n      );\n    } else {\n      const stepFromUrl = computed(() => {\n        if (isNotNil(route.value)) {\n          return extractStepFromUrl(route.value.fullPath);\n        }\n      });\n\n      /**\n       * Every time the current step changes update route\n       */\n      watch(\n        key,\n        (value) => {\n          if (isNotNil(route.value) && isNotNil(router)) {\n            if (route.value.path.includes(\"step\")) {\n              router.push({\n                query: route.value.query,\n                path: route.value.path.replace(regexMatchStep, `step/${value}`),\n              });\n            } else {\n              router.push({\n                query: route.value.query,\n                // Normalizes paths with / and without\n                path: (route.value.path + `/step/${value}`).replace(\"//\", \"/\"),\n                replace: true,\n              });\n            }\n          }\n        },\n        { immediate: true, flush: \"post\" }\n      );\n\n      /**\n       * Every time the route changes align the current step to the route\n       */\n      watch(\n        () => stepFromUrl.value,\n        (value) => {\n          if (value && value !== key.value) {\n            const stepAsString = value as string;\n            if (stepAsString in filteredSteps.value) {\n              const stepAsKey = stepAsString;\n              const stepKeys = Object.keys(filteredSteps.value);\n              const stepsPriorToTarget = stepKeys.slice(\n                0,\n                stepKeys.indexOf(stepAsKey)\n              );\n              const allValid = stepsPriorToTarget.every(\n                (key) => filteredSteps.value[key]?.isValid\n              );\n              if (allValid) {\n                goTo(stepAsKey);\n              }\n            }\n          }\n        }\n      );\n    }\n  }\n\n  return state;\n};\n"],"names":["wizardInjectionKey","regexMatchStep","extractStepFromUrl","url","match","_a","_b","useWizard","params","route","useRoute","router","useRouter","useNavigation","navigationMode","persist","initialStateCopy","cloneDeep","innerState","reactive","watch","unwrappedSteps","toValue","filteredSteps","computed","acc","key","step","mappedSteps","mapValues","initialStep","isNotNil","stepFromUrl","stepName","current","steps","goToNext","goToPrevious","goTo","index","at","get","goBackTo","isAfter","isBefore","isCurrent","isFirst","isLast","isNext","isPrevious","next","previous","stepNames","useStepper","state","provide","value","stepAsString","stepAsKey","stepKeys"],"mappings":"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"}
+{"version":3,"file":"index8.js","sources":["../src/composables/useWizard.ts"],"sourcesContent":["import { cloneDeep } from '@/utilities/functions/cloneDeep';\nimport { computed, provide, reactive, watch, toValue } from 'vue';\nimport { isNotNil } from '@/utilities/functions/isNotNil';\nimport { mapValues } from '@/utilities/functions/mapValues';\nimport { useRoute } from './useRoute';\nimport { useRouter } from './useRouter';\nimport { useStepper } from '@vueuse/core';\nimport type { ComputedRef, MaybeRef } from 'vue';\n\nexport const wizardInjectionKey = Symbol();\nexport type Step<U> = {\n\t/**\n\t * Function that accepts a state object and returns a boolean.\n\t * When step are accessed at the end of the pipeline the result\n\t * is provided so you don't have to run the function yourself.\n\t * It determines if the validation has passed for the step.\n\t */\n\tisValid?: (state: U) => boolean | boolean;\n\t/**\n\t * Function that accepts a state object and returns a boolean.\n\t * When step are accessed at the end of the pipeline the result\n\t * is provided so you don't have to run the function yourself.\n\t * Steps that do not pass the condition are removed.\n\t */\n\tcondition?: (state: U) => boolean;\n\t[key: string]: any;\n};\nexport type WizardState<T extends Record<string, any>> = ReturnType<\n\ttypeof useWizard<T>\n>;\n\nconst regexMatchStep =\n\t/((step\\/)(?<step>[\\s\\S]+?)(?=[/?]))|((step\\/)(?<step2>[\\s\\S]+))/;\n/**\n * With a url that follows the rule xyz.com/anything/step/:nameofthestep[/?query]\n * will match the :nameofthestep substring\n */\nconst extractStepFromUrl = (url: string) => {\n\tconst match = url.match(regexMatchStep);\n\treturn match?.groups?.step ?? match?.groups?.step2 ?? null;\n};\nexport const useWizard = <T extends object>(params: {\n\t/**\n\t * The steps definition for the wizard\n\t */\n\tsteps: MaybeRef<Record<string, Step<T>>>;\n\t/**\n\t * Name of the wizard used to persist state\n\t */\n\tname: string;\n\t/**\n\t * Initial set of data to be made available throughout\n\t */\n\tinitialState: T;\n\t/**\n\t * When navogation is enabled, to whether use the query parameters or an entire substring of the URL like xyz/steps/....\n\t * The latter useful with nuxt so you can leverage the automatic import of components based on the URL.\n\t */\n\tnavigationMode?: 'query' | 'route';\n\t/**\n\t * Whether to use navigation at all. When disabled no query or URL is changed.\n\t */\n\tuseNavigation?: boolean;\n\t/**\n\t *\n\t */\n\tpersist?: boolean;\n}) => {\n\tif (!params.name) {\n\t\tthrow new Error(\n\t\t\t'You need to provide a unique name for the current wizard instance to be used to save data'\n\t\t);\n\t}\n\tconst route = useRoute();\n\tconst router = useRouter();\n\n\tconst useNavigation = params.useNavigation ?? true;\n\tconst navigationMode = params.navigationMode ?? 'query';\n\tconst persist = params.persist ?? true;\n\n\tif (useNavigation && (!route.value || !router)) {\n\t\tthrow new Error(\n\t\t\t'Navigation is enabled but could not retrieve the router instance in useWizard.'\n\t\t);\n\t}\n\n\tconst initialStateCopy = cloneDeep(params.initialState);\n\t/**\n\t * Initial state is either read from session storage or the one provided\n\t */\n\tconst innerState = reactive<typeof params.initialState>(\n\t\tpersist && sessionStorage.getItem(params.name)\n\t\t\t? {\n\t\t\t\t\t...initialStateCopy,\n\t\t\t\t\t...JSON.parse(sessionStorage.getItem(params.name)!),\n\t\t\t\t}\n\t\t\t: initialStateCopy\n\t);\n\n\tif (persist) {\n\t\t/**\n\t\t * Every time the state changes save it to sessionStorage\n\t\t */\n\t\twatch(innerState, () => {\n\t\t\tsessionStorage.setItem(params.name, JSON.stringify(innerState));\n\t\t});\n\t}\n\n\t/**\n\t * Steps can be passed as ref so we need to unwrap them\n\t */\n\tconst unwrappedSteps = toValue(params.steps);\n\tconst filteredSteps = computed(() =>\n\t\tObject.entries(unwrappedSteps).reduce(\n\t\t\t(acc: typeof unwrappedSteps, [key, step]) => {\n\t\t\t\tif (step.condition) {\n\t\t\t\t\tif (!step.condition(innerState as T)) {\n\t\t\t\t\t\treturn acc;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\tacc[key] = { ...step, key };\n\t\t\t\treturn acc;\n\t\t\t},\n\t\t\t{}\n\t\t)\n\t);\n\n\t/**\n\t * Steps can have a isValid function that receives the current state\n\t * but we don't want to have to call it every single time so we call it once here\n\t */\n\tconst mappedSteps = computed(() =>\n\t\tmapValues(\n\t\t\tfilteredSteps.value,\n\t\t\t(step): Omit<Step<T>, 'isValid'> & { isValid: boolean } => {\n\t\t\t\tif (typeof step.isValid === 'function') {\n\t\t\t\t\treturn {\n\t\t\t\t\t\t...step,\n\t\t\t\t\t\tisValid: step.isValid(innerState as T),\n\t\t\t\t\t};\n\t\t\t\t}\n\t\t\t\treturn {\n\t\t\t\t\t...step,\n\t\t\t\t\tisValid: step.isValid ?? true,\n\t\t\t\t};\n\t\t\t}\n\t\t)\n\t);\n\n\t/**\n\t * Get the initial step from the query.\n\t * If it exists check that every step before it is also valid\n\t * so user cannot manually jump by changing the URL\n\t */\n\tlet initialStep = null;\n\tif (useNavigation && isNotNil(route.value)) {\n\t\tlet step: string | null = null;\n\t\tif (navigationMode === 'query') {\n\t\t\tif (route.value.query.step) {\n\t\t\t\tstep = route.value.query.step as string;\n\t\t\t}\n\t\t} else {\n\t\t\tconst stepFromUrl = extractStepFromUrl(route.value.fullPath);\n\t\t\tif (stepFromUrl) {\n\t\t\t\tstep = stepFromUrl;\n\t\t\t}\n\t\t}\n\t\tinitialStep = step;\n\t}\n\n\tif (initialStep) {\n\t\tfor (const stepName in filteredSteps.value) {\n\t\t\tif (stepName === initialStep) break;\n\t\t\tconst current = mappedSteps.value[stepName];\n\t\t\tif (!current || !current.isValid) {\n\t\t\t\tinitialStep = null;\n\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * Define the state of the wizard\n\t * A few data come from useStepper\n\t */\n\tconst {\n\t\tsteps,\n\t\tcurrent,\n\t\tgoToNext,\n\t\tgoToPrevious,\n\t\tgoTo,\n\t\tindex,\n\t\tat,\n\t\tget,\n\t\tgoBackTo,\n\t\tisAfter,\n\t\tisBefore,\n\t\tisCurrent,\n\t\tisFirst,\n\t\tisLast,\n\t\tisNext,\n\t\tisPrevious,\n\t\tnext,\n\t\tprevious,\n\t\tstepNames,\n\t} = useStepper(\n\t\tmappedSteps,\n\t\tinitialStep || Object.values(filteredSteps.value)[0].key\n\t);\n\n\tconst key = computed(() => Object.keys(filteredSteps.value)[index.value]);\n\n\t/**\n\t * Complete state object\n\t */\n\tconst state = {\n\t\tat,\n\t\tcurrent: current as ComputedRef<Step<T> & { isValid: boolean }>,\n\t\tdata: innerState,\n\t\tget,\n\t\tgoBackTo,\n\t\tgoTo,\n\t\tgoToNext,\n\t\tgoToPrevious,\n\t\tisAfter,\n\t\tisBefore,\n\t\tisCurrent,\n\t\tisFirst,\n\t\tisLast,\n\t\tisNext,\n\t\tisPrevious,\n\t\tkey,\n\t\tnext,\n\t\tprevious,\n\t\tstepNames,\n\t\tsteps,\n\t};\n\n\tprovide(wizardInjectionKey, state);\n\n\tif (useNavigation) {\n\t\tif (navigationMode === 'query') {\n\t\t\t/**\n\t\t\t * Every time the current step changes update route\n\t\t\t */\n\t\t\twatch(\n\t\t\t\tkey,\n\t\t\t\t() => {\n\t\t\t\t\tif (isNotNil(router) && isNotNil(route.value)) {\n\t\t\t\t\t\trouter.push({\n\t\t\t\t\t\t\t...route,\n\t\t\t\t\t\t\tquery: { ...route.value.query, step: key.value ?? null },\n\t\t\t\t\t\t});\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\t{ immediate: true }\n\t\t\t);\n\n\t\t\t/**\n\t\t\t * Every time the route changes align the current step to the route\n\t\t\t */\n\t\t\twatch(\n\t\t\t\t() => route.value?.query.step,\n\t\t\t\t(value) => {\n\t\t\t\t\tif (value) {\n\t\t\t\t\t\tconst stepAsString = value as string;\n\t\t\t\t\t\tif (stepAsString in filteredSteps.value) {\n\t\t\t\t\t\t\tconst stepAsKey = stepAsString;\n\t\t\t\t\t\t\tconst stepKeys = Object.keys(filteredSteps.value);\n\t\t\t\t\t\t\tconst stepsPriorToTarget = stepKeys.slice(\n\t\t\t\t\t\t\t\t0,\n\t\t\t\t\t\t\t\tstepKeys.indexOf(stepAsKey)\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\tconst allValid = stepsPriorToTarget.every(\n\t\t\t\t\t\t\t\t(key) => mappedSteps.value[key]?.isValid\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\tif (allValid) {\n\t\t\t\t\t\t\t\tgoTo(stepAsKey);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t} else {\n\t\t\t\t\t\tconst key = Object.keys(steps)[0];\n\t\t\t\t\t\tgoTo(key);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t);\n\t\t} else {\n\t\t\tconst stepFromUrl = computed(() => {\n\t\t\t\tif (isNotNil(route.value)) {\n\t\t\t\t\treturn extractStepFromUrl(route.value.fullPath);\n\t\t\t\t}\n\t\t\t\treturn undefined;\n\t\t\t});\n\n\t\t\t/**\n\t\t\t * Every time the current step changes update route\n\t\t\t */\n\t\t\twatch(\n\t\t\t\tkey,\n\t\t\t\t(value) => {\n\t\t\t\t\tif (isNotNil(route.value) && isNotNil(router)) {\n\t\t\t\t\t\tif (route.value.path.includes('step')) {\n\t\t\t\t\t\t\trouter.push({\n\t\t\t\t\t\t\t\tquery: route.value.query,\n\t\t\t\t\t\t\t\tpath: route.value.path.replace(regexMatchStep, `step/${value}`),\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\trouter.push({\n\t\t\t\t\t\t\t\tquery: route.value.query,\n\t\t\t\t\t\t\t\t// Normalizes paths with / and without\n\t\t\t\t\t\t\t\tpath: (route.value.path + `/step/${value}`).replace('//', '/'),\n\t\t\t\t\t\t\t\treplace: true,\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\t{ immediate: true, flush: 'post' }\n\t\t\t);\n\n\t\t\t/**\n\t\t\t * Every time the route changes align the current step to the route\n\t\t\t */\n\t\t\twatch(\n\t\t\t\t() => stepFromUrl.value,\n\t\t\t\t(value) => {\n\t\t\t\t\tif (value && value !== key.value) {\n\t\t\t\t\t\tconst stepAsString = value as string;\n\t\t\t\t\t\tif (stepAsString in filteredSteps.value) {\n\t\t\t\t\t\t\tconst stepAsKey = stepAsString;\n\t\t\t\t\t\t\tconst stepKeys = Object.keys(filteredSteps.value);\n\t\t\t\t\t\t\tconst stepsPriorToTarget = stepKeys.slice(\n\t\t\t\t\t\t\t\t0,\n\t\t\t\t\t\t\t\tstepKeys.indexOf(stepAsKey)\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\tconst allValid = stepsPriorToTarget.every(\n\t\t\t\t\t\t\t\t(key) => filteredSteps.value[key]?.isValid\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\tif (allValid) {\n\t\t\t\t\t\t\t\tgoTo(stepAsKey);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t);\n\t\t}\n\t}\n\n\treturn state;\n};\n"],"names":["wizardInjectionKey","regexMatchStep","extractStepFromUrl","url","match","_a","_b","useWizard","params","route","useRoute","router","useRouter","useNavigation","navigationMode","persist","initialStateCopy","cloneDeep","innerState","reactive","watch","unwrappedSteps","toValue","filteredSteps","computed","acc","key","step","mappedSteps","mapValues","initialStep","isNotNil","stepFromUrl","stepName","current","steps","goToNext","goToPrevious","goTo","index","at","get","goBackTo","isAfter","isBefore","isCurrent","isFirst","isLast","isNext","isPrevious","next","previous","stepNames","useStepper","state","provide","value","stepAsString","stepAsKey","stepKeys"],"mappings":"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"}

package/dist/index81.js.map

@@ -1 +1 @@
-{"version":3,"file":"index81.js","sources":["../src/components/BbProgress/BbProgress.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { normalizeStyle as _normalizeStyle, createElementVNode as _createElementVNode, normalizeClass as _normalizeClass, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nimport { clamp } from \"@/utilities/functions/clamp\";\nimport { getAsPercentageBetween } from \"@/utilities/functions/percentage\";\nimport { computed } from \"vue\";\n\nexport type BbProgressProps = {\n  /**\n   * Used by v-model. It'a number contained between `min` and `max` that corresponds to the current value.\n   */\n  modelValue?: number | null;\n  /**\n   * Minimum value. Lower cap.\n   */\n  min?: number;\n  /**\n   * Maximum value. Upper cap.\n   */\n  max?: number;\n  /**\n   * Displays the component as vertical.\n   */\n  vertical?: boolean;\n}\n\n/**\n * You can get percentage between 250 and 370 and have it compute it automatically\n */\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BbProgress',\n  props: {\n    modelValue: { default: 0 },\n    min: { default: 0 },\n    max: { default: 100 },\n    vertical: { type: Boolean }\n  },\n  setup(__props: any) {\n\nconst props = __props;\n\nconst width = computed(() =>\n  clamp(\n    getAsPercentageBetween(props.modelValue || props.min, props.min, props.max),\n    0,\n    100\n  )\n);\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", {\n    class: _normalizeClass([\"bb-progress\", {\n      'bb-progress--vertical': _ctx.vertical,\n      'bb-progress--horizontal': !_ctx.vertical,\n    }])\n  }, [\n    _createElementVNode(\"div\", {\n      class: \"bb-progress-bar\",\n      style: _normalizeStyle({ [_ctx.vertical ? 'height' : 'width']: width.value + '%' })\n    }, null, 4)\n  ], 2))\n}\n}\n\n})"],"names":["_sfc_main","_defineComponent","__props","props","width","computed","clamp","getAsPercentageBetween","_ctx","_cache","_openBlock","_createElementBlock","_normalizeClass","_createElementVNode","_normalizeStyle"],"mappings":";;;AA8BA,MAA4BA,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,YAAY,EAAE,SAAS,EAAE;AAAA,IACzB,KAAK,EAAE,SAAS,EAAE;AAAA,IAClB,KAAK,EAAE,SAAS,IAAI;AAAA,IACpB,UAAU,EAAE,MAAM,QAAQ;AAAA,EAC5B;AAAA,EACA,MAAMC,GAAc;AAEtB,UAAMC,IAAQD,GAERE,IAAQC;AAAA,MAAS,MACrBC;AAAA,QACEC,EAAuBJ,EAAM,cAAcA,EAAM,KAAKA,EAAM,KAAKA,EAAM,GAAG;AAAA,QAC1E;AAAA,QACA;AAAA,MACF;AAAA,IAAA;AAGK,WAAA,CAACK,GAAUC,OACRC,EAAA,GAAcC,EAAoB,OAAO;AAAA,MAC/C,OAAOC,EAAgB,CAAC,eAAe;AAAA,QACrC,yBAAyBJ,EAAK;AAAA,QAC9B,2BAA2B,CAACA,EAAK;AAAA,MAAA,CAClC,CAAC;AAAA,IAAA,GACD;AAAA,MACDK,EAAoB,OAAO;AAAA,QACzB,OAAO;AAAA,QACP,OAAOC,EAAgB,EAAE,CAACN,EAAK,WAAW,WAAW,OAAO,GAAGJ,EAAM,QAAQ,KAAK;AAAA,MAAA,GACjF,MAAM,CAAC;AAAA,OACT,CAAC;AAAA,EAEN;AAEA,CAAC;"}
+{"version":3,"file":"index81.js","sources":["../src/components/BbProgress/BbProgress.vue?vue&type=script&setup=true&lang.ts"],"sourcesContent":["import { defineComponent as _defineComponent } from 'vue'\nimport { normalizeStyle as _normalizeStyle, createElementVNode as _createElementVNode, normalizeClass as _normalizeClass, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nimport { clamp } from '@/utilities/functions/clamp';\nimport { getAsPercentageBetween } from '@/utilities/functions/percentage';\nimport { computed } from 'vue';\n\nexport type BbProgressProps = {\n\t/**\n\t * Used by v-model. It'a number contained between `min` and `max` that corresponds to the current value.\n\t */\n\tmodelValue?: number | null;\n\t/**\n\t * Minimum value. Lower cap.\n\t */\n\tmin?: number;\n\t/**\n\t * Maximum value. Upper cap.\n\t */\n\tmax?: number;\n\t/**\n\t * Displays the component as vertical.\n\t */\n\tvertical?: boolean;\n};\n\n/**\n * You can get percentage between 250 and 370 and have it compute it automatically\n */\n\nexport default /*#__PURE__*/_defineComponent({\n  __name: 'BbProgress',\n  props: {\n    modelValue: { default: 0 },\n    min: { default: 0 },\n    max: { default: 100 },\n    vertical: { type: Boolean }\n  },\n  setup(__props: any) {\n\nconst props = __props;\n\nconst width = computed(() =>\n\tclamp(\n\t\tgetAsPercentageBetween(props.modelValue || props.min, props.min, props.max),\n\t\t0,\n\t\t100\n\t)\n);\n\nreturn (_ctx: any,_cache: any) => {\n  return (_openBlock(), _createElementBlock(\"div\", {\n    class: _normalizeClass([\"bb-progress\", {\n\t\t\t'bb-progress--vertical': _ctx.vertical,\n\t\t\t'bb-progress--horizontal': !_ctx.vertical,\n\t\t}])\n  }, [\n    _createElementVNode(\"div\", {\n      class: \"bb-progress-bar\",\n      style: _normalizeStyle({ [_ctx.vertical ? 'height' : 'width']: width.value + '%' })\n    }, null, 4)\n  ], 2))\n}\n}\n\n})"],"names":["_sfc_main","_defineComponent","__props","props","width","computed","clamp","getAsPercentageBetween","_ctx","_cache","_openBlock","_createElementBlock","_normalizeClass","_createElementVNode","_normalizeStyle"],"mappings":";;;AA8BA,MAA4BA,IAAiBC,gBAAAA,EAAA;AAAA,EAC3C,QAAQ;AAAA,EACR,OAAO;AAAA,IACL,YAAY,EAAE,SAAS,EAAE;AAAA,IACzB,KAAK,EAAE,SAAS,EAAE;AAAA,IAClB,KAAK,EAAE,SAAS,IAAI;AAAA,IACpB,UAAU,EAAE,MAAM,QAAQ;AAAA,EAC5B;AAAA,EACA,MAAMC,GAAc;AAEtB,UAAMC,IAAQD,GAERE,IAAQC;AAAA,MAAS,MACtBC;AAAA,QACCC,EAAuBJ,EAAM,cAAcA,EAAM,KAAKA,EAAM,KAAKA,EAAM,GAAG;AAAA,QAC1E;AAAA,QACA;AAAA,MACD;AAAA,IAAA;AAGM,WAAA,CAACK,GAAUC,OACRC,EAAA,GAAcC,EAAoB,OAAO;AAAA,MAC/C,OAAOC,EAAgB,CAAC,eAAe;AAAA,QACxC,yBAAyBJ,EAAK;AAAA,QAC9B,2BAA2B,CAACA,EAAK;AAAA,MAAA,CACjC,CAAC;AAAA,IAAA,GACC;AAAA,MACDK,EAAoB,OAAO;AAAA,QACzB,OAAO;AAAA,QACP,OAAOC,EAAgB,EAAE,CAACN,EAAK,WAAW,WAAW,OAAO,GAAGJ,EAAM,QAAQ,KAAK;AAAA,MAAA,GACjF,MAAM,CAAC;AAAA,OACT,CAAC;AAAA,EAEN;AAEA,CAAC;"}