@leaflink/stash 42.4.4 → 42.5.1

package/dist/{Tabs.vue_vue_type_script_setup_true_lang-ba383fda.js.map → Tabs.vue_vue_type_script_setup_true_lang-aca4f8b8.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Tabs.vue_vue_type_script_setup_true_lang-ba383fda.js","sources":["../src/components/Tabs/keys.ts","../src/components/Tabs/models.ts","../src/components/Tabs/Tabs.vue"],"sourcesContent":["import { Injection } from '../../../types/utils';\nimport { TabsInjection } from './models';\n\nexport const TABS_INJECTION: Injection<TabsInjection> = Object.freeze({\n  key: Symbol('TABS_INJECTION_KEY'),\n});\n","import { ComputedRef } from 'vue';\n\nexport enum TabVariant {\n  Line = 'line',\n  Enclosed = 'enclosed',\n}\n\nexport type TabVariants = `${TabVariant}`;\n\nexport interface TabsInjection {\n  activeTab: ComputedRef<string>;\n  variant: ComputedRef<TabVariants>;\n  setActiveTab: (newTabValue: string) => void;\n}\n","<script lang=\"ts\">\n  import { TabVariant, TabVariants } from './models';\n\n  export * from './keys';\n  export * from './models';\n\n  export interface TabsProps {\n    /**\n     * The currently active tab value\n     */\n    activeTab: string;\n\n    /**\n     * Tabs variant\n     */\n    variant?: TabVariants;\n  }\n</script>\n\n<script setup lang=\"ts\">\n  import debounce from 'lodash-es/debounce';\n  import uniqueId from 'lodash-es/uniqueId';\n  import { computed, onBeforeUnmount, onDeactivated, onMounted, onUpdated, provide, Ref, ref } from 'vue';\n\n  import { DEBOUNCE } from '../../constants';\n  import { t } from '../../locale';\n  import Dropdown from '../Dropdown/Dropdown.vue';\n  import Icon from '../Icon/Icon.vue';\n  import { TABS_INJECTION } from './keys';\n\n  const emit =\n    defineEmits<{\n      (e: 'update:activeTab', newTabValue: TabsProps['activeTab']): void;\n    }>();\n\n  const props = withDefaults(defineProps<TabsProps>(), {\n    variant: TabVariant.Line,\n  });\n\n  const tabListEl = ref();\n  const moreDropdownMenuEl = ref();\n  const observer: Ref<IntersectionObserver | undefined> = ref(undefined);\n  const hasIntersectionObserver = 'IntersectionObserver' in window;\n  const overflowIds = ref<Set<string>>(new Set());\n  const moreDropdownWidth = ref(0);\n  const moreDropdownEl = ref<InstanceType<typeof Dropdown>>();\n  const moreMenuId = uniqueId('more-dropdown-menu-');\n  const isMoreMenuOpen = ref(false);\n\n  const currentActiveTab = computed({\n    get() {\n      return props.activeTab;\n    },\n    set(nv: TabsProps['activeTab']) {\n      emit('update:activeTab', nv);\n    },\n  });\n\n  function setActiveTab(newTabValue: TabsProps['activeTab']) {\n    currentActiveTab.value = newTabValue;\n  }\n\n  provide(TABS_INJECTION.key, {\n    activeTab: computed(() => currentActiveTab.value),\n    variant: computed(() => props.variant),\n    setActiveTab,\n  });\n\n  function initObserve() {\n    if (!hasIntersectionObserver) {\n      return;\n    }\n\n    if (!tabListEl.value) {\n      return;\n    }\n\n    const tabs = Array.from(tabListEl.value?.children as HTMLLIElement[]);\n    const options = {\n      root: tabListEl.value,\n      rootMargin: '0px',\n      threshold: Array.from({ length: 100 }).map((v, i) => (i + 1) / 100),\n    };\n\n    observer.value = new IntersectionObserver((entries) => {\n      entries.forEach((entry) => {\n        const dataId = entry.target.getAttribute('id') as string;\n        /**\n         * Check for partial intersection.\n         * Zooming out can result in ratio of approx 0.984\n         * Anything higher will result in nav items disappearing\n         */\n        if (entry.intersectionRatio > 0.94) {\n          // show tab, hide in dropdown\n          if (overflowIds.value.has(dataId)) {\n            overflowIds.value.delete(dataId);\n          }\n        } else {\n          // hide tab, show in dropdown\n          if (dataId && !overflowIds.value.has(dataId)) {\n            overflowIds.value.add(dataId);\n          }\n        }\n      });\n    }, options);\n\n    tabs.forEach((element) => {\n      observer.value?.observe(element);\n      if (overflowIds.value.has(element.getAttribute('id') as string)) {\n        element.classList.add('tw-invisible');\n      } else {\n        element.classList.remove('tw-invisible');\n      }\n    });\n\n    moreDropdownWidth.value = moreDropdownEl.value?.$el?.getBoundingClientRect().width;\n\n    if (!moreDropdownMenuEl.value) {\n      return;\n    }\n\n    const dropdownList = Array.from(moreDropdownMenuEl.value.children as HTMLLIElement[]);\n    dropdownList.forEach((element) => {\n      element.className = '';\n      const el = element.firstChild as Element;\n      el.className = '';\n      element.setAttribute('aria-selected', 'false');\n\n      element.addEventListener('click', () => {\n        if (element.getAttribute('aria-selected')) {\n          element.classList.add('tw-bg-blue', 'tw-text-white');\n        }\n      });\n\n      if (!overflowIds.value.has(element.getAttribute('id') as string)) {\n        element.classList.add('tw-hidden');\n        const el = element.firstChild as Element;\n        el.className = '';\n      } else {\n        element.classList.remove('tw-hidden');\n        element.classList.add(\n          'tw-rounded',\n          'dropdown-link',\n          'tw-text-sm',\n          'tw-cursor-pointer',\n          'tw-p-1.5',\n          'hover:tw-bg-blue',\n          'hover:tw-text-white',\n        );\n      }\n\n      element.removeEventListener('click', () => {});\n    });\n  }\n\n  const debouncedInitObserve = debounce(initObserve, DEBOUNCE.FAST, { leading: true });\n\n  function destroyObserver() {\n    if (observer.value) {\n      observer.value.disconnect();\n      observer.value = undefined;\n    }\n  }\n\n  onMounted(() => {\n    initObserve();\n  });\n\n  onUpdated(() => {\n    destroyObserver();\n    debouncedInitObserve();\n  });\n\n  onDeactivated(() => {\n    destroyObserver();\n  });\n\n  onBeforeUnmount(() => {\n    destroyObserver();\n  });\n\n  function onMoreClick(toggleMoreDropdown) {\n    toggleMoreDropdown();\n    isMoreMenuOpen.value = !isMoreMenuOpen.value;\n  }\n</script>\n\n<template>\n  <div class=\"root stash-tabs tw-relative\" role=\"tabList\" data-test=\"stash-tabs\">\n    <ul\n      ref=\"tabListEl\"\n      :style=\"{\n        width: `calc(100% - ${moreDropdownWidth}px)`,\n      }\"\n      class=\"stash-tabs-list tw-flex tw-items-end tw-overflow-hidden\"\n      :class=\"{\n        'stash-tabs-list--line': variant === 'line',\n        'stash-tabs-list--enclosed': variant === 'enclosed',\n        'tw-gap-6': variant === 'line',\n      }\"\n    >\n      <slot></slot>\n\n      <Dropdown v-if=\"overflowIds.size\" ref=\"moreDropdownEl\" class=\"!tw-absolute tw-right-0 tw-top-0\">\n        <template #toggle=\"{ toggle }\">\n          <button\n            aria-haspopup=\"menu\"\n            :aria-controls=\"moreMenuId\"\n            :aria-expanded=\"isMoreMenuOpen\"\n            class=\"\n              tw-font-medium\n              tw-text-sm\n              tw-border-solid\n              tw-py-1.5\n              tw-flex\n              tw-items-center\n              tw-justify-center\n              tw-cursor-pointer\n              tw-px-6\n              tw-text-blue-500\n              hover:tw-text-blue-700\n            \"\n            :class=\"{ 'tw-border-t-4 tw-border-transparent': props.variant === 'enclosed' }\"\n            type=\"button\"\n            @click=\"onMoreClick(toggle)\"\n          >\n            {{ t('ll.more') }}\n            <Icon name=\"caret-down\" />\n          </button>\n        </template>\n        <template #default>\n          <ul\n            :id=\"moreMenuId\"\n            ref=\"moreDropdownMenuEl\"\n            class=\"dropdown-list tw-px-1.5 tw-pb-1.5 tw-space-y-1.5\"\n            role=\"menu\"\n          >\n            <slot></slot>\n          </ul>\n        </template>\n      </Dropdown>\n    </ul>\n  </div>\n</template>\n"],"names":["TABS_INJECTION","TabVariant","tabListEl","ref","moreDropdownMenuEl","observer","hasIntersectionObserver","overflowIds","moreDropdownWidth","moreDropdownEl","moreMenuId","uniqueId","isMoreMenuOpen","currentActiveTab","computed","props","nv","emit","setActiveTab","newTabValue","provide","initObserve","tabs","_a","options","v","i","entries","entry","dataId","element","_c","_b","el","debouncedInitObserve","debounce","DEBOUNCE","destroyObserver","onMounted","onUpdated","onDeactivated","onBeforeUnmount","onMoreClick","toggleMoreDropdown"],"mappings":"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"}
+{"version":3,"file":"Tabs.vue_vue_type_script_setup_true_lang-aca4f8b8.js","sources":["../src/components/Tabs/keys.ts","../src/components/Tabs/models.ts","../src/components/Tabs/Tabs.vue"],"sourcesContent":["import { Injection } from '../../../types/utils';\nimport { TabsInjection } from './models';\n\nexport const TABS_INJECTION: Injection<TabsInjection> = Object.freeze({\n  key: Symbol('TABS_INJECTION_KEY'),\n});\n","import { ComputedRef } from 'vue';\n\nexport enum TabVariant {\n  Line = 'line',\n  Enclosed = 'enclosed',\n}\n\nexport type TabVariants = `${TabVariant}`;\n\nexport interface TabsInjection {\n  activeTab: ComputedRef<string>;\n  variant: ComputedRef<TabVariants>;\n  setActiveTab: (newTabValue: string) => void;\n}\n","<script lang=\"ts\">\n  import { TabVariant, TabVariants } from './models';\n\n  export * from './keys';\n  export * from './models';\n\n  export interface TabsProps {\n    /**\n     * The currently active tab value\n     */\n    activeTab: string;\n\n    /**\n     * Tabs variant\n     */\n    variant?: TabVariants;\n  }\n</script>\n\n<script setup lang=\"ts\">\n  import debounce from 'lodash-es/debounce';\n  import uniqueId from 'lodash-es/uniqueId';\n  import { computed, onBeforeUnmount, onDeactivated, onMounted, onUpdated, provide, Ref, ref } from 'vue';\n\n  import { DEBOUNCE } from '../../constants';\n  import { t } from '../../locale';\n  import Dropdown from '../Dropdown/Dropdown.vue';\n  import Icon from '../Icon/Icon.vue';\n  import { TABS_INJECTION } from './keys';\n\n  const emit =\n    defineEmits<{\n      (e: 'update:activeTab', newTabValue: TabsProps['activeTab']): void;\n    }>();\n\n  const props = withDefaults(defineProps<TabsProps>(), {\n    variant: TabVariant.Line,\n  });\n\n  const tabListEl = ref();\n  const moreDropdownMenuEl = ref();\n  const observer: Ref<IntersectionObserver | undefined> = ref(undefined);\n  const hasIntersectionObserver = 'IntersectionObserver' in window;\n  const overflowIds = ref<Set<string>>(new Set());\n  const moreDropdownWidth = ref(0);\n  const moreDropdownEl = ref<InstanceType<typeof Dropdown>>();\n  const moreMenuId = uniqueId('more-dropdown-menu-');\n  const isMoreMenuOpen = ref(false);\n\n  const currentActiveTab = computed({\n    get() {\n      return props.activeTab;\n    },\n    set(nv: TabsProps['activeTab']) {\n      emit('update:activeTab', nv);\n    },\n  });\n\n  function setActiveTab(newTabValue: TabsProps['activeTab']) {\n    currentActiveTab.value = newTabValue;\n  }\n\n  provide(TABS_INJECTION.key, {\n    activeTab: computed(() => currentActiveTab.value),\n    variant: computed(() => props.variant),\n    setActiveTab,\n  });\n\n  function initObserve() {\n    if (!hasIntersectionObserver) {\n      return;\n    }\n\n    if (!tabListEl.value) {\n      return;\n    }\n\n    const tabs = Array.from(tabListEl.value?.children as HTMLLIElement[]);\n    const options = {\n      root: tabListEl.value,\n      rootMargin: '0px',\n      threshold: Array.from({ length: 100 }).map((v, i) => (i + 1) / 100),\n    };\n\n    observer.value = new IntersectionObserver((entries) => {\n      entries.forEach((entry) => {\n        const dataId = entry.target.getAttribute('id') as string;\n        /**\n         * Check for partial intersection.\n         * Zooming out can result in ratio of approx 0.984\n         * Anything higher will result in nav items disappearing\n         */\n        if (entry.intersectionRatio > 0.94) {\n          // show tab, hide in dropdown\n          if (overflowIds.value.has(dataId)) {\n            overflowIds.value.delete(dataId);\n          }\n        } else {\n          // hide tab, show in dropdown\n          if (dataId && !overflowIds.value.has(dataId)) {\n            overflowIds.value.add(dataId);\n          }\n        }\n      });\n    }, options);\n\n    tabs.forEach((element) => {\n      observer.value?.observe(element);\n      if (overflowIds.value.has(element.getAttribute('id') as string)) {\n        element.classList.add('tw-invisible');\n      } else {\n        element.classList.remove('tw-invisible');\n      }\n    });\n\n    moreDropdownWidth.value = moreDropdownEl.value?.$el?.getBoundingClientRect().width;\n\n    if (!moreDropdownMenuEl.value) {\n      return;\n    }\n\n    const dropdownList = Array.from(moreDropdownMenuEl.value.children as HTMLLIElement[]);\n    dropdownList.forEach((element) => {\n      element.className = '';\n      const el = element.firstChild as Element;\n      el.className = '';\n      element.setAttribute('aria-selected', 'false');\n\n      element.addEventListener('click', () => {\n        if (element.getAttribute('aria-selected')) {\n          element.classList.add('tw-bg-blue', 'tw-text-white');\n        }\n      });\n\n      if (!overflowIds.value.has(element.getAttribute('id') as string)) {\n        element.classList.add('tw-hidden');\n        const el = element.firstChild as Element;\n        el.className = '';\n      } else {\n        element.classList.remove('tw-hidden');\n        element.classList.add(\n          'tw-rounded',\n          'dropdown-link',\n          'tw-text-sm',\n          'tw-cursor-pointer',\n          'tw-p-1.5',\n          'hover:tw-bg-blue',\n          'hover:tw-text-white',\n        );\n      }\n\n      element.removeEventListener('click', () => {});\n    });\n  }\n\n  const debouncedInitObserve = debounce(initObserve, DEBOUNCE.FAST, { leading: true });\n\n  function destroyObserver() {\n    if (observer.value) {\n      observer.value.disconnect();\n      observer.value = undefined;\n    }\n  }\n\n  onMounted(() => {\n    initObserve();\n  });\n\n  onUpdated(() => {\n    destroyObserver();\n    debouncedInitObserve();\n  });\n\n  onDeactivated(() => {\n    destroyObserver();\n  });\n\n  onBeforeUnmount(() => {\n    destroyObserver();\n  });\n\n  function onMoreClick(toggleMoreDropdown) {\n    toggleMoreDropdown();\n    isMoreMenuOpen.value = !isMoreMenuOpen.value;\n  }\n</script>\n\n<template>\n  <div class=\"root stash-tabs tw-relative\" role=\"tabList\" data-test=\"stash-tabs\">\n    <ul\n      ref=\"tabListEl\"\n      :style=\"{\n        width: `calc(100% - ${moreDropdownWidth}px)`,\n      }\"\n      class=\"stash-tabs-list tw-flex tw-items-end tw-overflow-hidden\"\n      :class=\"{\n        'stash-tabs-list--line': variant === 'line',\n        'stash-tabs-list--enclosed': variant === 'enclosed',\n        'tw-gap-6': variant === 'line',\n      }\"\n    >\n      <slot></slot>\n\n      <Dropdown v-if=\"overflowIds.size\" ref=\"moreDropdownEl\" class=\"!tw-absolute tw-right-0 tw-top-0\">\n        <template #toggle=\"{ toggle }\">\n          <button\n            aria-haspopup=\"menu\"\n            :aria-controls=\"moreMenuId\"\n            :aria-expanded=\"isMoreMenuOpen\"\n            class=\"\n              tw-font-medium\n              tw-text-sm\n              tw-border-solid\n              tw-py-1.5\n              tw-flex\n              tw-items-center\n              tw-justify-center\n              tw-cursor-pointer\n              tw-px-6\n              tw-text-blue-500\n              hover:tw-text-blue-700\n            \"\n            :class=\"{ 'tw-border-t-4 tw-border-transparent': props.variant === 'enclosed' }\"\n            type=\"button\"\n            @click=\"onMoreClick(toggle)\"\n          >\n            {{ t('ll.more') }}\n            <Icon name=\"caret-down\" />\n          </button>\n        </template>\n        <template #default>\n          <ul\n            :id=\"moreMenuId\"\n            ref=\"moreDropdownMenuEl\"\n            class=\"dropdown-list tw-px-1.5 tw-pb-1.5 tw-space-y-1.5\"\n            role=\"menu\"\n          >\n            <slot></slot>\n          </ul>\n        </template>\n      </Dropdown>\n    </ul>\n  </div>\n</template>\n"],"names":["TABS_INJECTION","TabVariant","tabListEl","ref","moreDropdownMenuEl","observer","hasIntersectionObserver","overflowIds","moreDropdownWidth","moreDropdownEl","moreMenuId","uniqueId","isMoreMenuOpen","currentActiveTab","computed","props","nv","emit","setActiveTab","newTabValue","provide","initObserve","tabs","_a","options","v","i","entries","entry","dataId","element","_c","_b","el","debouncedInitObserve","debounce","DEBOUNCE","destroyObserver","onMounted","onUpdated","onDeactivated","onBeforeUnmount","onMoreClick","toggleMoreDropdown"],"mappings":"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"}

package/dist/Textarea.js

@@ -1,13 +1,10 @@
-import { defineComponent as _, useAttrs as f, useSlots as v, computed as x, onMounted as h, openBlock as w, createBlock as I, mergeProps as s, unref as a, createSlots as T, withCtx as l, createElementVNode as b, renderSlot as y } from "vue";
-import { u as g } from "./uniqueId-847efe53.js";
-import { _ as k } from "./Field.vue_vue_type_script_setup_true_lang-c864abd3.js";
+import { defineComponent as _, useAttrs as f, useSlots as v, computed as x, onMounted as h, openBlock as w, createBlock as I, mergeProps as l, unref as a, createSlots as T, withCtx as s, createElementVNode as b, renderSlot as y } from "vue";
+import g from "lodash-es/uniqueId";
+import { _ as k } from "./Field.vue_vue_type_script_setup_true_lang-475832fe.js";
 import { _ as A } from "./_plugin-vue_export-helper-dad06003.js";
-import "./toString-7d5bf363.js";
-import "./isObjectLike-54341556.js";
 import "./Label.vue_vue_type_script_setup_true_lang-1d29d98a.js";
 import "./locale.js";
-import "./get-27d90892.js";
-import "./_MapCache-65811284.js";
+import "lodash-es/get";
 const B = ["id", "value"], E = /* @__PURE__ */ _({
   name: "ll-textarea",
   __name: "Textarea",
@@ -32,13 +29,13 @@ const B = ["id", "value"], E = /* @__PURE__ */ _({
         throw new Error("ll-input: use :model-value or v-model instead of :value.");
       if (t.onInput)
         throw new Error("ll-input: use the @update:model-value event instead of @input");
-    }), (e, S) => (w(), I(k, s(o, {
+    }), (e, S) => (w(), I(k, l(o, {
       id: a(u),
       class: ["stash-textarea", [a(t).class]],
       "data-test": "stash-textarea"
     }), T({
-      default: l(({ fieldId: m, hasError: c }) => [
-        b("textarea", s({
+      default: s(({ fieldId: m, hasError: c }) => [
+        b("textarea", l({
           id: m,
           class: { "stash-textarea--error": c },
           value: e.modelValue,
@@ -49,7 +46,7 @@ const B = ["id", "value"], E = /* @__PURE__ */ _({
     }, [
       a(d).hint ? {
         name: "hint",
-        fn: l(() => [
+        fn: s(() => [
           y(e.$slots, "hint", {}, void 0, !0)
         ]),
         key: "0"
@@ -57,8 +54,8 @@ const B = ["id", "value"], E = /* @__PURE__ */ _({
     ]), 1040, ["id", "class"]));
   }
 });
-const z = /* @__PURE__ */ A(E, [["__scopeId", "data-v-b1a41a86"]]);
+const O = /* @__PURE__ */ A(E, [["__scopeId", "data-v-b1a41a86"]]);
 export {
-  z as default
+  O as default
 };
 //# sourceMappingURL=Textarea.js.map

package/dist/Textarea.js.map

@@ -1 +1 @@
-{"version":3,"file":"Textarea.js","sources":["../src/components/Textarea/Textarea.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n  import uniqueId from 'lodash-es/uniqueId';\n  import { computed, onMounted, useAttrs, useSlots } from 'vue';\n\n  import Field from '../Field/Field.vue';\n\n  export interface TextAreaProps {\n    /**\n     * Label text for the textarea element.\n     */\n    label?: string;\n    /**\n     * Value for the textarea element.\n     */\n    modelValue?: string;\n    /**\n     * Deprecated. Use :model-value or v-model instead of :value.\n     * @deprecated Use :model-value or v-model instead of :value.\n     */\n    value?: string | number | null;\n    /**\n     * Error text for the textarea element.\n     */\n    errorText?: string;\n    /**\n     * Hint text for the textarea element.\n     */\n    hintText?: string;\n    /**\n     * Render \"(optional)\" to the right of the label text\n     */\n    showOptionalInLabel?: boolean;\n  }\n\n  defineOptions({\n    name: 'll-textarea',\n  });\n\n  /**\n   * Unique ID for the textarea, required for accessibility purposes\n   */\n  const id = uniqueId('textarea-');\n\n  const attrs = useAttrs();\n  const slots = useSlots();\n\n  const props = withDefaults(defineProps<TextAreaProps>(), {\n    label: ' ',\n    modelValue: '',\n    value: null,\n    errorText: '',\n    hintText: '',\n    showOptionalInLabel: false,\n  });\n\n  const emits =\n    defineEmits<{\n      /**\n       * Emitted when the model value changes.\n       */\n      (e: 'update:model-value', value: string): void;\n    }>();\n\n  const inputAttrs = computed(() => {\n    const allAttrs = { ...attrs };\n\n    delete allAttrs['data-test'];\n    delete allAttrs.class;\n\n    return allAttrs;\n  });\n\n  const onInput = (event: Event) => {\n    emits('update:model-value', (event.target as HTMLTextAreaElement).value);\n  };\n\n  onMounted(() => {\n    if (props.value !== null) {\n      throw new Error('ll-input: use :model-value or v-model instead of :value.');\n    }\n\n    if (attrs.onInput) {\n      throw new Error('ll-input: use the @update:model-value event instead of @input');\n    }\n  });\n</script>\n\n<template>\n  <Field v-bind=\"props\" :id=\"id\" class=\"stash-textarea\" :class=\"[attrs.class]\" data-test=\"stash-textarea\">\n    <template #default=\"{ fieldId, hasError }\">\n      <textarea\n        :id=\"fieldId\"\n        :class=\"{ 'stash-textarea--error': hasError }\"\n        :value=\"modelValue\"\n        data-test=\"stash-textarea|textarea\"\n        v-bind=\"inputAttrs\"\n        @input=\"onInput\"\n      ></textarea>\n    </template>\n    <template v-if=\"slots.hint\" #hint>\n      <!-- @slot Hint content -->\n      <slot name=\"hint\"></slot>\n    </template>\n  </Field>\n</template>\n\n<style scoped>\n  .stash-textarea {\n    position: relative;\n    width: 100%;\n\n    textarea {\n      background: theme(colors.white);\n      border: 1px solid;\n      border-color: theme(colors.ice.DEFAULT);\n      border-radius: theme(borderRadius.DEFAULT);\n      color: theme(colors.ice.700);\n      display: block;\n      min-height: 100px;\n      resize: none;\n      outline: none;\n      padding: theme(spacing[1.5]);\n      width: 100%;\n\n      &:hover {\n        border-color: theme(colors.ice.DEFAULT);\n      }\n\n      &:focus,\n      &:active {\n        border-color: theme(colors.blue.DEFAULT);\n      }\n\n      &.stash-textarea--error {\n        border-color: theme(colors.red.DEFAULT);\n        color: theme(colors.red.DEFAULT);\n      }\n    }\n  }\n</style>\n"],"names":["id","uniqueId","attrs","useAttrs","slots","useSlots","inputAttrs","computed","allAttrs","onInput","event","emits","onMounted","props"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;iBAyCQA,IAAKC,EAAS,WAAW,GAEzBC,IAAQC,KACRC,IAAQC,KAmBRC,IAAaC,EAAS,MAAM;AAC1B,YAAAC,IAAW,EAAE,GAAGN;AAEtB,oBAAOM,EAAS,WAAW,GAC3B,OAAOA,EAAS,OAETA;AAAA,IAAA,CACR,GAEKC,IAAU,CAACC,MAAiB;AAC1B,MAAAC,EAAA,sBAAuBD,EAAM,OAA+B,KAAK;AAAA,IAAA;AAGzE,WAAAE,EAAU,MAAM;AACV,UAAAC,EAAM,UAAU;AACZ,cAAA,IAAI,MAAM,0DAA0D;AAG5E,UAAIX,EAAM;AACF,cAAA,IAAI,MAAM,+DAA+D;AAAA,IACjF,CACD;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Textarea.js","sources":["../src/components/Textarea/Textarea.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n  import uniqueId from 'lodash-es/uniqueId';\n  import { computed, onMounted, useAttrs, useSlots } from 'vue';\n\n  import Field from '../Field/Field.vue';\n\n  export interface TextAreaProps {\n    /**\n     * Label text for the textarea element.\n     */\n    label?: string;\n    /**\n     * Value for the textarea element.\n     */\n    modelValue?: string;\n    /**\n     * Deprecated. Use :model-value or v-model instead of :value.\n     * @deprecated Use :model-value or v-model instead of :value.\n     */\n    value?: string | number | null;\n    /**\n     * Error text for the textarea element.\n     */\n    errorText?: string;\n    /**\n     * Hint text for the textarea element.\n     */\n    hintText?: string;\n    /**\n     * Render \"(optional)\" to the right of the label text\n     */\n    showOptionalInLabel?: boolean;\n  }\n\n  defineOptions({\n    name: 'll-textarea',\n  });\n\n  /**\n   * Unique ID for the textarea, required for accessibility purposes\n   */\n  const id = uniqueId('textarea-');\n\n  const attrs = useAttrs();\n  const slots = useSlots();\n\n  const props = withDefaults(defineProps<TextAreaProps>(), {\n    label: ' ',\n    modelValue: '',\n    value: null,\n    errorText: '',\n    hintText: '',\n    showOptionalInLabel: false,\n  });\n\n  const emits =\n    defineEmits<{\n      /**\n       * Emitted when the model value changes.\n       */\n      (e: 'update:model-value', value: string): void;\n    }>();\n\n  const inputAttrs = computed(() => {\n    const allAttrs = { ...attrs };\n\n    delete allAttrs['data-test'];\n    delete allAttrs.class;\n\n    return allAttrs;\n  });\n\n  const onInput = (event: Event) => {\n    emits('update:model-value', (event.target as HTMLTextAreaElement).value);\n  };\n\n  onMounted(() => {\n    if (props.value !== null) {\n      throw new Error('ll-input: use :model-value or v-model instead of :value.');\n    }\n\n    if (attrs.onInput) {\n      throw new Error('ll-input: use the @update:model-value event instead of @input');\n    }\n  });\n</script>\n\n<template>\n  <Field v-bind=\"props\" :id=\"id\" class=\"stash-textarea\" :class=\"[attrs.class]\" data-test=\"stash-textarea\">\n    <template #default=\"{ fieldId, hasError }\">\n      <textarea\n        :id=\"fieldId\"\n        :class=\"{ 'stash-textarea--error': hasError }\"\n        :value=\"modelValue\"\n        data-test=\"stash-textarea|textarea\"\n        v-bind=\"inputAttrs\"\n        @input=\"onInput\"\n      ></textarea>\n    </template>\n    <template v-if=\"slots.hint\" #hint>\n      <!-- @slot Hint content -->\n      <slot name=\"hint\"></slot>\n    </template>\n  </Field>\n</template>\n\n<style scoped>\n  .stash-textarea {\n    position: relative;\n    width: 100%;\n\n    textarea {\n      background: theme(colors.white);\n      border: 1px solid;\n      border-color: theme(colors.ice.DEFAULT);\n      border-radius: theme(borderRadius.DEFAULT);\n      color: theme(colors.ice.700);\n      display: block;\n      min-height: 100px;\n      resize: none;\n      outline: none;\n      padding: theme(spacing[1.5]);\n      width: 100%;\n\n      &:hover {\n        border-color: theme(colors.ice.DEFAULT);\n      }\n\n      &:focus,\n      &:active {\n        border-color: theme(colors.blue.DEFAULT);\n      }\n\n      &.stash-textarea--error {\n        border-color: theme(colors.red.DEFAULT);\n        color: theme(colors.red.DEFAULT);\n      }\n    }\n  }\n</style>\n"],"names":["id","uniqueId","attrs","useAttrs","slots","useSlots","inputAttrs","computed","allAttrs","onInput","event","emits","onMounted","props"],"mappings":";;;;;;;;;;;;;;;;;;;;iBAyCQA,IAAKC,EAAS,WAAW,GAEzBC,IAAQC,KACRC,IAAQC,KAmBRC,IAAaC,EAAS,MAAM;AAC1B,YAAAC,IAAW,EAAE,GAAGN;AAEtB,oBAAOM,EAAS,WAAW,GAC3B,OAAOA,EAAS,OAETA;AAAA,IAAA,CACR,GAEKC,IAAU,CAACC,MAAiB;AAC1B,MAAAC,EAAA,sBAAuBD,EAAM,OAA+B,KAAK;AAAA,IAAA;AAGzE,WAAAE,EAAU,MAAM;AACV,UAAAC,EAAM,UAAU;AACZ,cAAA,IAAI,MAAM,0DAA0D;AAG5E,UAAIX,EAAM;AACF,cAAA,IAAI,MAAM,+DAA+D;AAAA,IACjF,CACD;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/Toast.js

@@ -1,13 +1,11 @@
-import { defineComponent as c, useCssModule as l, computed as o, openBlock as i, createElementBlock as p, normalizeClass as _, unref as e, createVNode as m, createElementVNode as f, toDisplayString as d } from "vue";
-import { c as y } from "./capitalize-667d9f60.js";
+import { defineComponent as c, useCssModule as l, computed as o, openBlock as _, createElementBlock as i, normalizeClass as p, unref as e, createVNode as m, createElementVNode as f, toDisplayString as d } from "vue";
+import y from "lodash-es/capitalize";
 import { b as a, S as q } from "./statusLevels-2c64f4f8.js";
 import x from "./Icon.js";
 import { _ as S } from "./_plugin-vue_export-helper-dad06003.js";
-import "./toString-7d5bf363.js";
-import "./isObjectLike-54341556.js";
-import "./Icon.vue_used_vue_type_style_index_0_lang.module-d2507af3.js";
-import "./uniqueId-847efe53.js";
+import "lodash-es/uniqueId";
 import "./index-79ce320f.js";
+import "./Icon.vue_used_vue_type_style_index_0_lang.module-eb359559.js";
 const h = ["role"], I = /* @__PURE__ */ c({
   __name: "Toast",
   props: {
@@ -18,9 +16,9 @@ const h = ["role"], I = /* @__PURE__ */ c({
     const t = r, s = l(), n = o(
       () => t.status ? a[y(t.status)] : a.Info
     ), u = o(() => t.status === q.Error ? "alert" : "status");
-    return (E, M) => (i(), p("li", {
+    return (E, M) => (_(), i("li", {
       role: u.value,
-      class: _([[e(s).root, e(s)[`status--${t.status}`]], "stash-toast"]),
+      class: p([[e(s).root, e(s)[`status--${t.status}`]], "stash-toast"]),
       "data-test": "stash-toast"
     }, [
       m(x, { name: n.value }, null, 8, ["name"]),
@@ -35,8 +33,8 @@ const h = ["role"], I = /* @__PURE__ */ c({
   "status--warning": "_status--warning_spyoq_49"
 }, C = {
   $style: v
-}, R = /* @__PURE__ */ S(I, [["__cssModules", C]]);
+}, b = /* @__PURE__ */ S(I, [["__cssModules", C]]);
 export {
-  R as default
+  b as default
 };
 //# sourceMappingURL=Toast.js.map

package/dist/Toast.js.map

@@ -1 +1 @@
-{"version":3,"file":"Toast.js","sources":["../src/components/Toast/Toast.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  import capitalize from 'lodash-es/capitalize';\n  import { computed, useCssModule } from 'vue';\n\n  import { StatusIcon, StatusIcons, StatusSeverities, StatusSeverity } from '../../../types/statusLevels';\n  import Icon from '../Icon/Icon.vue';\n\n  export interface ToastProps {\n    /**\n     * The toast text.\n     */\n    text: string;\n    /**\n     * The toast status.\n     */\n    status?: StatusSeverity;\n  }\n\n  const classes = useCssModule();\n\n  const props = withDefaults(defineProps<ToastProps>(), {\n    status: 'info',\n  });\n\n  const statusIcon = computed<StatusIcon>(() =>\n    props.status ? StatusIcons[capitalize(props.status)] : StatusIcons.Info,\n  );\n\n  const ariaRole = computed<string>(() => {\n    if (props.status === StatusSeverities.Error) {\n      return 'alert';\n    } else {\n      return 'status';\n    }\n  });\n</script>\n\n<template>\n  <li\n    :role=\"ariaRole\"\n    :class=\"[classes.root, classes[`status--${props.status}`]]\"\n    class=\"stash-toast\"\n    data-test=\"stash-toast\"\n  >\n    <Icon :name=\"statusIcon\" />\n    <p>{{ props.text }}</p>\n  </li>\n</template>\n\n<style module>\n  .root {\n    display: flex;\n    align-items: center;\n    width: 100%;\n    border-width: 1px var(--ll-space-1) 1px 1px;\n    border-radius: var(--border-radius);\n    padding: calc(var(--ll-space-1) * 3) var(--ll-space-2);\n    cursor: pointer;\n  }\n\n  .root > * + * {\n    margin-left: var(--ll-space-2);\n  }\n\n  .root p {\n    margin-bottom: 0;\n    color: var(--color-ice-900);\n    font-size: 1rem;\n  }\n\n  .status--success {\n    background-color: var(--color-green-100);\n    border-color: var(--color-green-500);\n  }\n\n  .status--success svg {\n    color: var(--color-green-500);\n  }\n\n  .status--error {\n    background-color: var(--color-red-100);\n    border-color: var(--color-red-500);\n  }\n\n  .status--error svg {\n    color: var(--color-red-500);\n  }\n\n  .status--info {\n    background-color: var(--color-blue-100);\n    border-color: var(--color-blue-500);\n  }\n\n  .status--info svg {\n    color: var(--color-blue-500);\n  }\n\n  .status--warning {\n    background-color: var(--color-orange-100);\n    border-color: var(--color-orange-500);\n  }\n\n  .status--warning svg {\n    color: var(--color-orange-500);\n  }\n</style>\n"],"names":["classes","useCssModule","statusIcon","computed","props","StatusIcons","capitalize","ariaRole","StatusSeverities"],"mappings":";;;;;;;;;;;;;;;;;iBAkBQA,IAAUC,KAMVC,IAAaC;AAAA,MAAqB,MACtCC,EAAM,SAASC,EAAYC,EAAWF,EAAM,MAAM,CAAC,IAAIC,EAAY;AAAA,IAAA,GAG/DE,IAAWJ,EAAiB,MAC5BC,EAAM,WAAWI,EAAiB,QAC7B,UAEA,QAEV;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Toast.js","sources":["../src/components/Toast/Toast.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  import capitalize from 'lodash-es/capitalize';\n  import { computed, useCssModule } from 'vue';\n\n  import { StatusIcon, StatusIcons, StatusSeverities, StatusSeverity } from '../../../types/statusLevels';\n  import Icon from '../Icon/Icon.vue';\n\n  export interface ToastProps {\n    /**\n     * The toast text.\n     */\n    text: string;\n    /**\n     * The toast status.\n     */\n    status?: StatusSeverity;\n  }\n\n  const classes = useCssModule();\n\n  const props = withDefaults(defineProps<ToastProps>(), {\n    status: 'info',\n  });\n\n  const statusIcon = computed<StatusIcon>(() =>\n    props.status ? StatusIcons[capitalize(props.status)] : StatusIcons.Info,\n  );\n\n  const ariaRole = computed<string>(() => {\n    if (props.status === StatusSeverities.Error) {\n      return 'alert';\n    } else {\n      return 'status';\n    }\n  });\n</script>\n\n<template>\n  <li\n    :role=\"ariaRole\"\n    :class=\"[classes.root, classes[`status--${props.status}`]]\"\n    class=\"stash-toast\"\n    data-test=\"stash-toast\"\n  >\n    <Icon :name=\"statusIcon\" />\n    <p>{{ props.text }}</p>\n  </li>\n</template>\n\n<style module>\n  .root {\n    display: flex;\n    align-items: center;\n    width: 100%;\n    border-width: 1px var(--ll-space-1) 1px 1px;\n    border-radius: var(--border-radius);\n    padding: calc(var(--ll-space-1) * 3) var(--ll-space-2);\n    cursor: pointer;\n  }\n\n  .root > * + * {\n    margin-left: var(--ll-space-2);\n  }\n\n  .root p {\n    margin-bottom: 0;\n    color: var(--color-ice-900);\n    font-size: 1rem;\n  }\n\n  .status--success {\n    background-color: var(--color-green-100);\n    border-color: var(--color-green-500);\n  }\n\n  .status--success svg {\n    color: var(--color-green-500);\n  }\n\n  .status--error {\n    background-color: var(--color-red-100);\n    border-color: var(--color-red-500);\n  }\n\n  .status--error svg {\n    color: var(--color-red-500);\n  }\n\n  .status--info {\n    background-color: var(--color-blue-100);\n    border-color: var(--color-blue-500);\n  }\n\n  .status--info svg {\n    color: var(--color-blue-500);\n  }\n\n  .status--warning {\n    background-color: var(--color-orange-100);\n    border-color: var(--color-orange-500);\n  }\n\n  .status--warning svg {\n    color: var(--color-orange-500);\n  }\n</style>\n"],"names":["classes","useCssModule","statusIcon","computed","props","StatusIcons","capitalize","ariaRole","StatusSeverities"],"mappings":";;;;;;;;;;;;;;;iBAkBQA,IAAUC,KAMVC,IAAaC;AAAA,MAAqB,MACtCC,EAAM,SAASC,EAAYC,EAAWF,EAAM,MAAM,CAAC,IAAIC,EAAY;AAAA,IAAA,GAG/DE,IAAWJ,EAAiB,MAC5BC,EAAM,WAAWI,EAAiB,QAC7B,UAEA,QAEV;;;;;;;;;;;;;;;;;;;"}

package/dist/Toasts.js

@@ -1,43 +1,32 @@
-import { defineComponent as a, useCssModule as m, openBlock as o, createBlock as e, TransitionGroup as n, normalizeClass as p, unref as s, withCtx as c, createElementBlock as l, Fragment as _, renderList as u } from "vue";
+import { defineComponent as n, useCssModule as i, openBlock as s, createBlock as r, TransitionGroup as c, normalizeClass as l, unref as o, withCtx as m, createElementBlock as _, Fragment as u, renderList as p } from "vue";
 import d from "./useToasts.js";
 import f from "./Toast.js";
 import { _ as x } from "./_plugin-vue_export-helper-dad06003.js";
-import "./merge-b14fad9d.js";
-import "./_Uint8Array-06e4d083.js";
-import "./isArrayLike-09233e52.js";
-import "./isObjectLike-54341556.js";
-import "./_MapCache-65811284.js";
-import "./_baseAssignValue-dd1499b4.js";
-import "./identity-452d03fd.js";
-import "./_initCloneObject-161353b9.js";
-import "./_getPrototype-3e6fccd6.js";
-import "./_overArg-6d920d99.js";
-import "./isPlainObject-55c7f916.js";
-import "./uniqueId-847efe53.js";
-import "./toString-7d5bf363.js";
-import "./capitalize-667d9f60.js";
+import "lodash-es/merge";
+import "lodash-es/uniqueId";
+import "lodash-es/capitalize";
 import "./statusLevels-2c64f4f8.js";
 import "./Icon.js";
-import "./Icon.vue_used_vue_type_style_index_0_lang.module-d2507af3.js";
 import "./index-79ce320f.js";
-const k = /* @__PURE__ */ a({
+import "./Icon.vue_used_vue_type_style_index_0_lang.module-eb359559.js";
+const k = /* @__PURE__ */ n({
   __name: "Toasts",
   setup(y) {
-    const r = d(), i = m();
-    return (h, g) => (o(), e(n, {
+    const e = d(), a = i();
+    return (h, g) => (s(), r(c, {
       "aria-atomic": "true",
       "aria-live": "polite",
       name: "toasts",
       tag: "ul",
-      class: p([s(i).root, "stash-toasts"]),
+      class: l([o(a).root, "stash-toasts"]),
       "data-test": "stash-toasts"
     }, {
-      default: c(() => [
-        (o(!0), l(_, null, u(s(r).active, (t) => (o(), e(f, {
+      default: m(() => [
+        (s(!0), _(u, null, p(o(e).active, (t) => (s(), r(f, {
           key: t.id,
           text: t.text,
           status: t.status,
-          onClick: (B) => s(r).remove(t.id)
+          onClick: (B) => o(e).remove(t.id)
         }, null, 8, ["text", "status", "onClick"]))), 128))
       ]),
       _: 1
@@ -48,8 +37,8 @@ const k = /* @__PURE__ */ a({
 };
 const T = {
   $style: C
-}, S = /* @__PURE__ */ x(k, [["__cssModules", T]]);
+}, A = /* @__PURE__ */ x(k, [["__cssModules", T]]);
 export {
-  S as default
+  A as default
 };
 //# sourceMappingURL=Toasts.js.map

package/dist/Toasts.js.map

@@ -1 +1 @@
-{"version":3,"file":"Toasts.js","sources":["../src/components/Toasts/Toasts.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  import { useCssModule } from 'vue';\n\n  import useToasts from '../../composables/useToasts/useToasts';\n  import Toast from '../Toast/Toast.vue';\n\n  const toasts = useToasts();\n  const classes = useCssModule();\n</script>\n\n<template>\n  <TransitionGroup\n    aria-atomic=\"true\"\n    aria-live=\"polite\"\n    name=\"toasts\"\n    tag=\"ul\"\n    :class=\"classes.root\"\n    class=\"stash-toasts\"\n    data-test=\"stash-toasts\"\n  >\n    <Toast\n      v-for=\"toast in toasts.active\"\n      :key=\"toast.id\"\n      :text=\"toast.text\"\n      :status=\"toast.status\"\n      @click=\"toasts.remove(toast.id)\"\n    />\n  </TransitionGroup>\n</template>\n\n<style module>\n  .root {\n    display: flex;\n    flex-direction: column;\n    position: fixed;\n    min-width: 300px;\n    max-width: calc(320px - theme('spacing.3'));\n    right: theme('spacing.6');\n    top: theme('spacing.6');\n    z-index: 1002;\n    row-gap: theme('spacing[1.5]');\n  }\n</style>\n\n<style>\n  .toasts-enter-active,\n  .toasts-leave-active {\n    transition: all 0.5s ease;\n  }\n\n  .toasts-enter-from,\n  .toasts-leave-to {\n    opacity: 0;\n    transform: translateX(30px);\n  }\n</style>\n"],"names":["toasts","useToasts","classes","useCssModule"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAME,UAAMA,IAASC,KACTC,IAAUC;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Toasts.js","sources":["../src/components/Toasts/Toasts.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  import { useCssModule } from 'vue';\n\n  import useToasts from '../../composables/useToasts/useToasts';\n  import Toast from '../Toast/Toast.vue';\n\n  const toasts = useToasts();\n  const classes = useCssModule();\n</script>\n\n<template>\n  <TransitionGroup\n    aria-atomic=\"true\"\n    aria-live=\"polite\"\n    name=\"toasts\"\n    tag=\"ul\"\n    :class=\"classes.root\"\n    class=\"stash-toasts\"\n    data-test=\"stash-toasts\"\n  >\n    <Toast\n      v-for=\"toast in toasts.active\"\n      :key=\"toast.id\"\n      :text=\"toast.text\"\n      :status=\"toast.status\"\n      @click=\"toasts.remove(toast.id)\"\n    />\n  </TransitionGroup>\n</template>\n\n<style module>\n  .root {\n    display: flex;\n    flex-direction: column;\n    position: fixed;\n    min-width: 300px;\n    max-width: calc(320px - theme('spacing.3'));\n    right: theme('spacing.6');\n    top: theme('spacing.6');\n    z-index: 1002;\n    row-gap: theme('spacing[1.5]');\n  }\n</style>\n\n<style>\n  .toasts-enter-active,\n  .toasts-leave-active {\n    transition: all 0.5s ease;\n  }\n\n  .toasts-enter-from,\n  .toasts-leave-to {\n    opacity: 0;\n    transform: translateX(30px);\n  }\n</style>\n"],"names":["toasts","useToasts","classes","useCssModule"],"mappings":";;;;;;;;;;;;;;AAME,UAAMA,IAASC,KACTC,IAAUC;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/ToastsPlugin.js

@@ -1,36 +1,25 @@
-import { createVNode as d, h as i, render as p } from "vue";
-import a from "./Toasts.js";
+import { createVNode as r, h as a, render as l } from "vue";
+import n from "./Toasts.js";
 import "./useToasts.js";
-import "./merge-b14fad9d.js";
-import "./_Uint8Array-06e4d083.js";
-import "./isArrayLike-09233e52.js";
-import "./isObjectLike-54341556.js";
-import "./_MapCache-65811284.js";
-import "./_baseAssignValue-dd1499b4.js";
-import "./identity-452d03fd.js";
-import "./_initCloneObject-161353b9.js";
-import "./_getPrototype-3e6fccd6.js";
-import "./_overArg-6d920d99.js";
-import "./isPlainObject-55c7f916.js";
-import "./uniqueId-847efe53.js";
-import "./toString-7d5bf363.js";
+import "lodash-es/merge";
+import "lodash-es/uniqueId";
 import "./Toast.js";
-import "./capitalize-667d9f60.js";
+import "lodash-es/capitalize";
 import "./statusLevels-2c64f4f8.js";
 import "./Icon.js";
-import "./Icon.vue_used_vue_type_style_index_0_lang.module-d2507af3.js";
 import "./index-79ce320f.js";
+import "./Icon.vue_used_vue_type_style_index_0_lang.module-eb359559.js";
 import "./_plugin-vue_export-helper-dad06003.js";
-const k = {
-  install(e, t) {
-    const o = (t == null ? void 0 : t.mountNodeId) || "stash-toasts-mount-node";
-    let m = document.getElementById(o);
-    m || (m = document.createElement("div"), m.id = o), t != null && t.mountNodeClass && m.classList.add(t.mountNodeClass);
-    const r = d(i(a));
-    document.body.appendChild(m), r.appContext = e._context, p(r, m);
+const v = {
+  install(o, t) {
+    const m = (t == null ? void 0 : t.mountNodeId) || "stash-toasts-mount-node";
+    let e = document.getElementById(m);
+    e || (e = document.createElement("div"), e.id = m), t != null && t.mountNodeClass && e.classList.add(t.mountNodeClass);
+    const d = r(a(n));
+    document.body.appendChild(e), d.appContext = o._context, l(d, e);
   }
 };
 export {
-  k as default
+  v as default
 };
 //# sourceMappingURL=ToastsPlugin.js.map

package/dist/ToastsPlugin.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToastsPlugin.js","sources":["../src/plugins/ToastsPlugin.ts"],"sourcesContent":["import { App, createVNode, h, Plugin, render } from 'vue';\n\nimport Toasts from '../components/Toasts/Toasts.vue';\n\nexport interface ToastsPluginOptions {\n  mountNodeClass?: string;\n  mountNodeId?: string;\n}\n\nexport default <Plugin>{\n  install(app: App, options?: ToastsPluginOptions) {\n    const mountNodeId = options?.mountNodeId || 'stash-toasts-mount-node';\n    let mountNode = document.getElementById(mountNodeId);\n\n    if (!mountNode) {\n      mountNode = document.createElement('div');\n      mountNode.id = mountNodeId;\n    }\n\n    if (options?.mountNodeClass) {\n      mountNode.classList.add(options.mountNodeClass);\n    }\n\n    const vNode = createVNode(h(Toasts));\n    document.body.appendChild(mountNode);\n    vNode.appContext = app._context;\n\n    render(vNode, mountNode);\n  },\n};\n"],"names":["ToastsPlugin","app","options","mountNodeId","mountNode","vNode","createVNode","h","Toasts","render"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AASA,MAAuBA,IAAA;AAAA,EACrB,QAAQC,GAAUC,GAA+B;AACzC,UAAAC,KAAcD,KAAA,gBAAAA,EAAS,gBAAe;AACxC,QAAAE,IAAY,SAAS,eAAeD,CAAW;AAEnD,IAAKC,MACSA,IAAA,SAAS,cAAc,KAAK,GACxCA,EAAU,KAAKD,IAGbD,KAAA,QAAAA,EAAS,kBACDE,EAAA,UAAU,IAAIF,EAAQ,cAAc;AAGhD,UAAMG,IAAQC,EAAYC,EAAEC,CAAM,CAAC;AAC1B,aAAA,KAAK,YAAYJ,CAAS,GACnCC,EAAM,aAAaJ,EAAI,UAEvBQ,EAAOJ,GAAOD,CAAS;AAAA,EACzB;AACF;"}
+{"version":3,"file":"ToastsPlugin.js","sources":["../src/plugins/ToastsPlugin.ts"],"sourcesContent":["import { App, createVNode, h, Plugin, render } from 'vue';\n\nimport Toasts from '../components/Toasts/Toasts.vue';\n\nexport interface ToastsPluginOptions {\n  mountNodeClass?: string;\n  mountNodeId?: string;\n}\n\nexport default <Plugin>{\n  install(app: App, options?: ToastsPluginOptions) {\n    const mountNodeId = options?.mountNodeId || 'stash-toasts-mount-node';\n    let mountNode = document.getElementById(mountNodeId);\n\n    if (!mountNode) {\n      mountNode = document.createElement('div');\n      mountNode.id = mountNodeId;\n    }\n\n    if (options?.mountNodeClass) {\n      mountNode.classList.add(options.mountNodeClass);\n    }\n\n    const vNode = createVNode(h(Toasts));\n    document.body.appendChild(mountNode);\n    vNode.appContext = app._context;\n\n    render(vNode, mountNode);\n  },\n};\n"],"names":["ToastsPlugin","app","options","mountNodeId","mountNode","vNode","createVNode","h","Toasts","render"],"mappings":";;;;;;;;;;;;AASA,MAAuBA,IAAA;AAAA,EACrB,QAAQC,GAAUC,GAA+B;AACzC,UAAAC,KAAcD,KAAA,gBAAAA,EAAS,gBAAe;AACxC,QAAAE,IAAY,SAAS,eAAeD,CAAW;AAEnD,IAAKC,MACSA,IAAA,SAAS,cAAc,KAAK,GACxCA,EAAU,KAAKD,IAGbD,KAAA,QAAAA,EAAS,kBACDE,EAAA,UAAU,IAAIF,EAAQ,cAAc;AAGhD,UAAMG,IAAQC,EAAYC,EAAEC,CAAM,CAAC;AAC1B,aAAA,KAAK,YAAYJ,CAAS,GACnCC,EAAM,aAAaJ,EAAI,UAEvBQ,EAAOJ,GAAOD,CAAS;AAAA,EACzB;AACF;"}