@leaflink/stash 44.6.1 → 44.7.0

package/README.md

@@ -8,26 +8,26 @@
 [![semantic-release](https://img.shields.io/badge/%20%20%F0%9F%93%A6%F0%9F%9A%80-semantic--release-e10079.svg)](https://github.com/semantic-release/semantic-release)
 [![Commitizen friendly](https://img.shields.io/badge/commitizen-friendly-brightgreen.svg)](http://commitizen.github.io/cz-cli/)
 
-
-Stash is a collection of primitive, product-agnostic elements that help encapsulate LeafLink's look and feel at base level. This project is intended to be used across our digital product portfolio.
+Stash is a collection of primitive, product-agnostic elements that help encapsulate LeafLink's look and feel at base
+level. This project is intended to be used across our digital product portfolio.
 
 <!-- START doctoc generated TOC please keep comment here to allow auto update -->
 <!-- DON'T EDIT THIS SECTION, INSTEAD RE-RUN doctoc TO UPDATE -->
 ## Table of Contents
 
-- [Getting Started](#getting-started)
+- [Quick Start](#quick-start)
 - [Usage](#usage)
   - [Example](#example)
   - [npm scripts](#npm-scripts)
-- [Styles](#styles)
-  - [Tailwind](#tailwind)
+- [Legacy Styles](#legacy-styles)
+- [Tailwind](#tailwind)
   - [Configuration](#configuration)
-  - [Design System](#design-system)
 - [Resources](#resources)
 - [Core files & Entry Points](#core-files--entry-points)
 - [à la carte](#%C3%A0-la-carte)
 - [Peer dependencies](#peer-dependencies)
 - [Testing](#testing)
+  - [Mocking Google Maps API when testing AddressSelect](#mocking-google-maps-api-when-testing-addressselect)
 - [Assets](#assets)
 - [Illustrations and Icons](#illustrations-and-icons)
   - [Testing `Icon`'s and `Illustration`'s](#testing-icons-and-illustrations)
@@ -88,8 +88,8 @@ export default {
 
 See the [Tailwind](#tailwind) section for more details on how to configure it in your app.
 
-> [!INFO]
-> For apps still requiring deprecated css & utility classes, you can include the backwards compat styles from Stash:
+> [!NOTE] For apps still requiring deprecated css & utility classes, you can include the backwards compat styles from
+> Stash:
 
 ```ts filename="main.ts"
 import '@leaflink/stash/styles/backwards-compat.css'; // Add this line before the base and components styles.
@@ -120,16 +120,20 @@ export default defineConfig(({ mode }) => {
 
 ## Usage
 
-`@leaflink/stash` is a Vue component library that implements [Leaflink's Stash Design System](https://stash.leaflink.com). So every one of LeafLink's colors, typography, shadows, etc. can be accessible via tailwind utility classes like `tw-text-blue-500 tw-text-sm`.
+`@leaflink/stash` is a Vue component library that implements
+[Leaflink's Stash Design System](https://stash.leaflink.com). So every one of LeafLink's colors, typography, shadows,
+etc. can be accessible via tailwind utility classes like `tw-text-blue-500 tw-text-sm`.
 
-Stash is a Vue plugin that can be installed in your app. You **do not need to install the plugin in order to use the components**, but it is required if you need to configure the framework to suit your specific needs.
+Stash is a Vue plugin that can be installed in your app. You **do not need to install the plugin in order to use the
+components**, but it is required if you need to configure the framework to suit your specific needs.
 
 There are several options to configure the framework to suit your specific needs, and they are all optional. Any options
 you pass to the plugin will be merged with the default options & applied to the entire framework.
 
-> [!WARNING]
-> If you don't install the plugin in your app, you will need to manually setup [modals](https://stash.leaflink.com/guides/modals.html#installation), [toasts](https://stash.leaflink.com/guides/toasts.html#installation), and other features that
-> require some setup that's normally done for you by the Stash plugin.
+> [!WARNING] If you don't install the plugin in your app, you will need to manually setup
+> [modals](https://stash.leaflink.com/guides/modals.html#installation),
+> [toasts](https://stash.leaflink.com/guides/toasts.html#installation), and other features that require some setup
+> that's normally done for you by the Stash plugin.
 
 ```ts
 interface StashPluginOptions {
@@ -203,7 +207,7 @@ const app = createApp(App);
 app.use(stash, {
   i18n: {
     locale,
-    t: (key, value) => i18n.t(key, value)
+    t: (key, value) => i18n.t(key, value),
   },
   googleMapsApiKey: import.meta.env.VITE_GOOGLE_MAPS_API,
 });
@@ -213,18 +217,24 @@ This example will load the core i18n options and Google Maps api key.
 
 ### npm scripts
 
-Most operations are run using `npm run` and are defined in `package.json`. Check out the available scripts with `npm run`.
+Most operations are run using `npm run` and are defined in `package.json`. Check out the available scripts with
+`npm run`.
 
 A few commonly used commands are:
 
 - `npm run docs` will start the docs using Vitepress dev server on port `5180`.
-- `npm run lint` will lint all vue/js files with eslint & lint css with `stylelint`. Optionally you can just lint js or css with the `lint:js` and `lint:css` scripts respectively. You can run `npm run lint --fix` to auto-fix code styles.
+- `npm run lint` will lint all vue/js files with eslint & lint css with `stylelint`. Optionally you can just lint js or
+  css with the `lint:js` and `lint:css` scripts respectively. You can run `npm run lint --fix` to auto-fix code styles.
 - `npm test <file>` when we want to run a single spec during active development.
-- `npm test` runs all unit and integration tests with Vitest. `--watch` is enabled by default and you can pass any other Vitest options to this script that you'd like.
-- `npm run test:ci` will run tests and generate coverage. Used in CI, but nothing stopping you from using it locally if you want to run with coverage.
-- `npm run type-check` will run the TypeScript compiler and perform a static analysis of the code and report any type errors it finds.
+- `npm test` runs all unit and integration tests with Vitest. `--watch` is enabled by default and you can pass any other
+  Vitest options to this script that you'd like.
+- `npm run test:ci` will run tests and generate coverage. Used in CI, but nothing stopping you from using it locally if
+  you want to run with coverage.
+- `npm run type-check` will run the TypeScript compiler and perform a static analysis of the code and report any type
+  errors it finds.
 - `npm run build` will build the application and prepare it for production.
-- `npm run build-ts` will build the application, perform a static analysis to find any type errors and prepare it for production.
+- `npm run build-ts` will build the application, perform a static analysis to find any type errors and prepare it for
+  production.
 
 ## Legacy Styles
 
@@ -257,8 +267,10 @@ import Button from '@leaflink/stash/Button.vue';
 import IconLabel from '@leaflink/stash/IconLabel.vue';
 
 <Button icon-label class="tw-hidden md:tw-inline tw-ml-3">
-  <IconLabel icon="user-add" title="Add Recipient" size="dense" stacked>Add Recipient</IconLabel>
-</Button>
+  <IconLabel icon="user-add" title="Add Recipient" size="dense" stacked>
+    Add Recipient
+  </IconLabel>
+</Button>;
 ```
 
 ### Configuration
@@ -280,30 +292,34 @@ export default {
 
 ## Resources
 
-* **index.js**: This is the "install" entry point, for use with `app.use(...)`.
-* **components**: All components
-* **composables**: Similar to mixins or React's "Hooks", but for a Vue component
-* **constants**: LeafLink global constants
-* **directives**: [Vue directives](https://vuejs.org/guide/reusability/custom-directives#custom-directives)
-* **plugins**: [Vue plugins](https://vuejs.org/guide/reusability/plugins.html#plugins)
-* **styles**: SCSS, CSS, style utils, etc.
-* **types**: TypeScript type declarations
-* **utils**: Includes various helpers for internal and external use
+- **index.js**: This is the "install" entry point, for use with `app.use(...)`.
+- **components**: All components
+- **composables**: Similar to mixins or React's "Hooks", but for a Vue component
+- **constants**: LeafLink global constants
+- **directives**: [Vue directives](https://vuejs.org/guide/reusability/custom-directives#custom-directives)
+- **plugins**: [Vue plugins](https://vuejs.org/guide/reusability/plugins.html#plugins)
+- **styles**: SCSS, CSS, style utils, etc.
+- **types**: TypeScript type declarations
+- **utils**: Includes various helpers for internal and external use
 
 ## Core files & Entry Points
 
-`index.js` is used as the main entry point to the framework. It also exports each component individually, for an _à la carte_ build. You may pull in the default export directly and `app.use` it (to quickly get up and running w/ all components and features); or, you may wish configure it with particular options, components, or features.
+`index.js` is used as the main entry point to the framework. It also exports each component individually, for an _à la
+carte_ build. You may pull in the default export directly and `app.use` it (to quickly get up and running w/ all
+components and features); or, you may wish configure it with particular options, components, or features.
 
 ## à la carte
 
-`@leaflink/stash` serves its components and directives _à la carte_, which means that instead of importing the entire library, you selectively import only the specific components and directives that you need for your project. This approach helps reduce the bundle size of your application, resulting in faster load times and improved performance.
+`@leaflink/stash` serves its components and directives _à la carte_, which means that instead of importing the entire
+library, you selectively import only the specific components and directives that you need for your project. This
+approach helps reduce the bundle size of your application, resulting in faster load times and improved performance.
 
 ```js
 // Component.vue
 
-import Select from '@leaflink/stash/Select.vue'
+import Select from '@leaflink/stash/Select.vue';
 
-<Select></Select>
+<Select></Select>;
 ```
 
 ```js
@@ -311,41 +327,53 @@ import Select from '@leaflink/stash/Select.vue'
 
 import autofocus from '@leaflink/stash/autofocus';
 
-<button v-autofocus>
-  Click
-</button>
+<button v-autofocus>Click</button>;
 ```
 
 ## Peer dependencies
 
-Peer dependencies are specific dependencies that a package requires to work correctly, but expects the consumer of the package to provide. In other words, they are dependencies that the package relies on, but are not bundled with the package itself.
+Peer dependencies are specific dependencies that a package requires to work correctly, but expects the consumer of the
+package to provide. In other words, they are dependencies that the package relies on, but are not bundled with the
+package itself.
 
 `@leaflink/stash` project requires some peer dependencies:
 
-* `postcss-preset-env`: Used for transforming CSS with PostCSS. Required by [Tailwind](https://tailwindcss.com/). Required compatibility with this package on version **9.x**.
+- `postcss-preset-env`: Used for transforming CSS with PostCSS. Required by [Tailwind](https://tailwindcss.com/).
+  Required compatibility with this package on version **9.x**.
 
-* `tailwindcss`: Our utility-first CSS framework used for building our responsive and customizable components. Required compatibility with this package on version **^3.3.1** or higher.
+- `tailwindcss`: Our utility-first CSS framework used for building our responsive and customizable components. Required
+  compatibility with this package on version **^3.3.1** or higher.
 
-* `typescript`: Adds static type-checking to JavaScript. Required compatibility with this package on version **^5.x** or higher.
+- `typescript`: Adds static type-checking to JavaScript. Required compatibility with this package on version **^5.x** or
+  higher.
 
-* `vue-router`: The official router for Vue.js applications. Required compatibility with this package on version **^4.x** or higher.
+- `vue-router`: The official router for Vue.js applications. Required compatibility with this package on version
+  **^4.x** or higher.
 
-These peer dependencies need to be installed separately by the consumer of the package, ensuring that the correct versions are used to maintain compatibility and avoid conflicts with other dependencies in the project.
+These peer dependencies need to be installed separately by the consumer of the package, ensuring that the correct
+versions are used to maintain compatibility and avoid conflicts with other dependencies in the project.
 
 ## Testing
 
-> [!TIP]
-> If you are contributing to `@leaflink/stash`, please refer to this contributing [testing](CONTRIBUTING.md#testing) section for more details on how to properly test your changes.
+> [!TIP] If you are contributing to `@leaflink/stash`, please refer to this contributing
+> [testing](CONTRIBUTING.md#testing) section for more details on how to properly test your changes.
 
 To run tests, there's multiple npm scripts available to you:
 
-* `npm run test` - Run all tests in watch mode.
-* `npm run test <file>` - Run matching spec files quickly and watch for changes.
-* `npm run test:ci` - Run tests and generate coverage. Used in CI, but nothing stopping you from using it locally if you want to run with coverage.
+- `npm run test` - Run all tests in watch mode.
+- `npm run test <file>` - Run matching spec files quickly and watch for changes.
+- `npm run test:ci` - Run tests and generate coverage. Used in CI, but nothing stopping you from using it locally if you
+  want to run with coverage.
 
-They all run Vitest but are typically used at different times because of the default Vitest options we're passing to them inside of the npm script. All of them allow you to pass any additional Vitest cli options that you'd like, i.e. `npm run test -- --silent`.
+They all run Vitest but are typically used at different times because of the default Vitest options we're passing to
+them inside of the npm script. All of them allow you to pass any additional Vitest cli options that you'd like, i.e.
+`npm run test -- --silent`.
 
-Testing Library truncates the output from tests, which can cut off large DOM elements logged to the console. This limit can be adjusted with the `DEBUG_PRINT_LIMIT` environment variable, which can be set either when running tests (`DEBUG_PRINT_LIMIT=100000 npm run test`) or added to your shell's profile (`export DEBUG_PRINT_LIMIT=100000`) to make it the default. For more on debugging with Testing Library, see [official documentation](https://testing-library.com/docs/dom-testing-library/api-debugging).
+Testing Library truncates the output from tests, which can cut off large DOM elements logged to the console. This limit
+can be adjusted with the `DEBUG_PRINT_LIMIT` environment variable, which can be set either when running tests
+(`DEBUG_PRINT_LIMIT=100000 npm run test`) or added to your shell's profile (`export DEBUG_PRINT_LIMIT=100000`) to make
+it the default. For more on debugging with Testing Library, see
+[official documentation](https://testing-library.com/docs/dom-testing-library/api-debugging).
 
 Coverage HTML reports are written to `./coverage`.
 
@@ -368,7 +396,8 @@ When testing components that use the `AddressSelect` component or `useGoogleMaps
 This is because the `useGoogleMaps` composable uses the `google.maps` global object, which is not available in the
 testing environment.
 
-The easiest way to do this is to mock the useGoogleMaps composable and avoid trying to mock the Google Maps API directly.
+The easiest way to do this is to mock the useGoogleMaps composable and avoid trying to mock the Google Maps API
+directly.
 
 Create a file in the `__mocks__` directory of the `@leaflink/stash` package, and mock the `useGoogleMaps` composable.
 
@@ -390,12 +419,10 @@ export default function () {
   };
 }
 
-
 /* tests/setup-env.ts */
 import '@leaflink/dom-testing-utils/setup-env'; // to ensure lodash-es/debounce is mocked properly
 vi.mock('@leaflink/stash/useGoogleMaps');
 
-
 /* src/components/YourComponent.spec.ts */
 const user = userEvent.setup();
 // Start typing in the AddressSelect select input to trigger the useGoogleMaps mock response
@@ -405,13 +432,16 @@ await user.type(screen.getByPlaceholderText('Search'), 'type anything');
 await user.selectOptions(screen.getByLabelText('Bank address'), ['1']);
 ```
 
-It's also encouraged the use of [@leaflink/dom-testing-utils](https://github.com/LeafLink/dom-testing-utils) for testing utilities like global and local test setup, mocking endpoints, clean up components, get selected options and more. Checkout the [documention](https://github.com/LeafLink/dom-testing-utils) for learning more about this package.
+It's also encouraged the use of [@leaflink/dom-testing-utils](https://github.com/LeafLink/dom-testing-utils) for testing
+utilities like global and local test setup, mocking endpoints, clean up components, get selected options and more.
+Checkout the [documention](https://github.com/LeafLink/dom-testing-utils) for learning more about this package.
 
 ## Assets
 
 When using Stash, a collection of assets are available to use, such as icons and illustrations.
 
-In order to configure the assets path for your project, you can do it via the `staticPath` option. By default, this property is set to the `/assets` path.
+In order to configure the assets path for your project, you can do it via the `staticPath` option. By default, this
+property is set to the `/assets` path.
 
 ```ts
 import { createApp } from 'vue';
@@ -420,7 +450,7 @@ import stash from '@leaflink/stash';
 const app = createApp(App);
 
 app.use(stash, {
-  staticPath: '/my-assets-path'
+  staticPath: '/my-assets-path',
 });
 ```
 
@@ -458,38 +488,39 @@ export default defineConfig(({ mode }) => {
         ],
         hook: 'buildStart',
       }),
-    ]
+    ],
   };
 });
-
 ```
 
 ## Illustrations and Icons
 
 It's encouraged to use Stash's `Illustration` and `Icon` components for these kind of data.
 
-1. If your work includes a new illustration, add it here in Stash: <https://github.com/LeafLink/stash/tree/main/assets/illustrations>
+1. If your work includes a new illustration, add it here in Stash:
+   <https://github.com/LeafLink/stash/tree/main/assets/illustrations>
 2. Import the component:
    ```js
-   import Illustration from "@leaflink/stash/Illustration.vue";
-   import Icon from "@leaflink/stash/Icon.vue";
+   import Illustration from '@leaflink/stash/Illustration.vue';
+   import Icon from '@leaflink/stash/Icon.vue';
    ```
 3. Use it in your template:
    ```html
-   <Illustration name="your-illustration-name" />
-   <Icon name="your-icon-name" />
+   <Illustration name="your-illustration-name" /> <Icon name="your-icon-name" />
    ```
 4. Customize however you like: i.e:
    ```html
-   <Illustration name="your-illustration-name" :size="58" />
-   <Icon name="your-icon-name" :size="58" />
+   <Illustration name="your-illustration-name" :size="58" /> <Icon name="your-icon-name" :size="58" />
    ```
 
-If you're working on existing templates that use `SvgIcon` using one of the newer illustrations and you feel inclined to migrate it over to Stash, that would be helpful!
+If you're working on existing templates that use `SvgIcon` using one of the newer illustrations and you feel inclined to
+migrate it over to Stash, that would be helpful!
 
 ### Testing `Icon`'s and `Illustration`'s
 
-The `Icon` and `Illustration` components from Stash now loads SVG's asyncronously. This is fine for tests unless you're actually looking to query for an SVG. In that event, you will just need to be sure to `await findBy...` the icon before asserting on or interacting with it.
+The `Icon` and `Illustration` components from Stash now loads SVG's asyncronously. This is fine for tests unless you're
+actually looking to query for an SVG. In that event, you will just need to be sure to `await findBy...` the icon before
+asserting on or interacting with it.
 
 **Example**
 
@@ -501,22 +532,22 @@ The `Icon` and `Illustration` components from Stash now loads SVG's asyncronousl
 ```ts
 // ❌ Fails
 renderAccountingAmounts();
-expect(screen.getByTestId("delete-adjustment-icon")).toBeInTheDocument();
+expect(screen.getByTestId('delete-adjustment-icon')).toBeInTheDocument();
 
 // ❌ Possible false-positives
 renderAccountingAmounts();
-expect(screen.queryByTestId("delete-adjustment-icon")).not.toBeInTheDocument();
+expect(screen.queryByTestId('delete-adjustment-icon')).not.toBeInTheDocument();
 
 // ✅ Passes
 renderAccountingAmounts();
-expect(await screen.findByTestId("delete-adjustment-icon")).toBeInTheDocument();
+expect(await screen.findByTestId('delete-adjustment-icon')).toBeInTheDocument();
 
 // ✅ Passes
-import { flushPromises } from "@vue/test-utils";
+import { flushPromises } from '@vue/test-utils';
 
 renderAccountingAmounts();
 await flushPromises();
-expect(screen.queryByTestId("delete-adjustment-icon")).not.toBeInTheDocument();
+expect(screen.queryByTestId('delete-adjustment-icon')).not.toBeInTheDocument();
 ```
 
 **Details**
@@ -527,7 +558,8 @@ expect(screen.queryByTestId("delete-adjustment-icon")).not.toBeInTheDocument();
 
 ## Contributing
 
-Anyone can contribute to `@leaflink/stash`! Please check out the [Contribution guide](CONTRIBUTING.md) for guidelines about how to proceed.
+Anyone can contribute to `@leaflink/stash`! Please check out the [Contribution guide](CONTRIBUTING.md) for guidelines
+about how to proceed.
 
 Reach out in [slack](https://leaflink.slack.com/archives/C012WHER0R0) if you have other questions.
 

package/dist/Image.js

@@ -1,29 +1,38 @@
-import { defineComponent as x, inject as C, computed as d, useAttrs as W, openBlock as D, createElementBlock as L, mergeProps as M } from "vue";
-import { IMAGE_PROVIDER_URLS as B, SCREEN_SIZES as P } from "./constants.js";
-import N from "lodash-es/merge";
-function j(t) {
-  return (e) => t[e] || e;
+import { defineComponent as M, inject as B, computed as o, useAttrs as D, openBlock as L, createElementBlock as k, mergeProps as C, unref as N } from "vue";
+import V from "@leaflink/snitch";
+import { IMAGE_PROVIDER_URLS as q, SCREEN_SIZES as y } from "./constants.js";
+import G from "lodash-es/merge";
+const w = {
+  xs: 160,
+  sm: 338,
+  md: 676,
+  lg: 1352,
+  xl: 2704
+};
+var P = /* @__PURE__ */ ((e) => (e.None = "none", e.Rounded = "rounded", e))(P || {}), z = /* @__PURE__ */ ((e) => (e.Cloudinary = "cloudinary", e.Static = "static", e))(z || {});
+function j(e) {
+  return (t) => e[t] || t;
 }
-function V({
-  formatter: t = (n, c) => `${n}=${c}`,
-  keyMap: e,
-  joinWith: f = "/",
-  valueMap: i = {}
+function Q({
+  formatter: e = (u, c) => `${u}=${c}`,
+  keyMap: t,
+  joinWith: d = "/",
+  valueMap: r = {}
 } = {}) {
-  const n = typeof e == "function" ? e : j(e || {});
-  return Object.keys(i).forEach((c) => {
-    typeof i[c] != "function" && (i[c] = j(i[c]));
-  }), (c = {}) => Object.entries(c).map(([g, v]) => {
-    const m = i[g], S = n(g);
-    let h = v;
-    return typeof m == "function" && (h = m(c[g])), t(S, h);
-  }).join(f);
+  const u = typeof t == "function" ? t : j(t || {});
+  return Object.keys(r).forEach((c) => {
+    typeof r[c] != "function" && (r[c] = j(r[c]));
+  }), (c = {}) => Object.entries(c).map(([f, g]) => {
+    const p = r[f], l = u(f);
+    let v = g;
+    return typeof p == "function" && (v = p(c[f])), e(l, v);
+  }).join(d);
 }
-function k(t = "", e = []) {
-  const i = new URL(t).host;
-  return e.some((n) => n === i ? !0 : n.endsWith(`.${i}`));
+function T(e = "", t = []) {
+  const r = new URL(e).host;
+  return t.some((u) => u === r ? !0 : u.endsWith(`.${r}`));
 }
-const q = B.CLOUDINARY, G = (t) => t.startsWith("#") ? t.replace("#", "rgb_") : t, E = V({
+const F = q.CLOUDINARY, H = (e) => e.startsWith("#") ? e.replace("#", "rgb_") : e, I = Q({
   keyMap: {
     fit: "c",
     width: "w",
@@ -44,153 +53,125 @@ const q = B.CLOUDINARY, G = (t) => t.startsWith("#") ? t.replace("#", "rgb_") :
     format: {
       jpeg: "jpg"
     },
-    background(t) {
-      return G(t);
+    background(e) {
+      return H(e);
     }
   },
   joinWith: ",",
-  formatter: (t, e) => `${t}_${e}`
-}), F = {
-  // defaulting to maintain original image format to reduce transformations
-  // format: 'auto',
-  quality: "auto"
+  formatter: (e, t) => `${e}_${t}`
+}), Y = {
+  format: "auto",
+  quality: "auto:best"
 };
-function Y(t, e = {}) {
-  const f = N(F, e), i = E(f);
-  return `${q}/${i}/${t}`;
+function Z(e, t = {}) {
+  const d = G(Y, t), r = I(d);
+  return `${F}/${r}/${e}`;
 }
-const Z = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const J = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  getImageUrl: Y,
-  operationsGenerator: E
+  getImageUrl: Z,
+  operationsGenerator: I
 }, Symbol.toStringTag, { value: "Module" }));
-function H(t = "") {
-  return t;
+function K(e = "") {
+  return e;
 }
-const K = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const X = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  getImageUrl: H
-}, Symbol.toStringTag, { value: "Module" })), J = {
-  cloudinary: Z,
-  static: K
-}, Q = ["src"], w = {
-  xsmall: {
-    alwaysIncluded: !1,
-    width: 160
-  },
-  small: {
-    alwaysIncluded: !0,
-    width: 338
-  },
-  medium: {
-    alwaysIncluded: !0,
-    width: 676
-  },
-  large: {
-    alwaysIncluded: !0,
-    width: 1352
-  },
-  xlarge: {
-    alwaysIncluded: !1,
-    width: 2704
-  }
-};
-var X = /* @__PURE__ */ ((t) => (t.None = "none", t.Rounded = "rounded", t))(X || {});
-const ne = /* @__PURE__ */ x({
+  getImageUrl: K
+}, Symbol.toStringTag, { value: "Module" })), tt = {
+  cloudinary: J,
+  static: X
+}, et = ["src"], it = /* @__PURE__ */ M({
   __name: "Image",
   props: {
     src: { default: "" },
-    srcset: { default: "" },
-    sizes: { default: "" },
+    srcset: { default: void 0 },
+    sizes: { default: void 0 },
     provider: { default: void 0 },
-    radius: { default: "none" }
+    radius: { default: "none" },
+    staticPath: { default: void 0 }
   },
-  setup(t) {
-    const e = t, f = {
-      CLOUDINARY: "cloudinary",
-      STATIC: "static"
-    }, i = {
-      md: P.md,
-      lg: P.lg
-    }, n = C("stashOptions"), c = d(() => {
-      const { src: r, ...s } = W();
-      return s.sizes = R.value, s.srcset = T.value, s;
-    }), _ = d(() => {
-      var r;
-      return ((r = n == null ? void 0 : n.images) == null ? void 0 : r.staticDomains) || [];
-    }), g = d(() => {
+  setup(e) {
+    const t = e, d = {
+      md: y.md,
+      lg: y.lg
+    }, r = B("stashOptions"), u = o(() => {
+      const { src: n, ...s } = D();
+      return s.sizes = U.value, s.srcset = E.value, s;
+    }), c = o(() => {
+      var n;
+      return ((n = r == null ? void 0 : r.images) == null ? void 0 : n.staticDomains) || [];
+    }), S = o(() => {
       try {
-        new URL(e.src);
+        return new URL(t.src), !0;
       } catch {
-        return !0;
+        return !1;
       }
-      return k(e.src, _.value);
-    }), v = d(() => {
-      var r;
-      return e.provider ? e.provider : (r = n == null ? void 0 : n.images) != null && r.provider && n.images.provider !== f.STATIC && !g.value ? n.images.provider : f.STATIC;
-    }), m = d(() => v.value === f.STATIC), S = d(() => J[v.value]), h = d(
-      () => m.value ? I() : I({ width: w.medium.width })
-    ), R = d(() => e.sizes || !m.value ? O() : void 0), T = d(() => e.sizes && !e.srcset && !m.value ? U() : e.srcset), y = d(() => e.sizes ? z(e.sizes) : m.value ? [] : z("lg:large"));
-    function I(r = {}) {
-      return S.value.getImageUrl(e.src, r);
+    }), f = o(() => S.value && T(t.src, c.value)), g = o(() => {
+      var n;
+      return t.provider || ((n = r == null ? void 0 : r.images) == null ? void 0 : n.provider) || z.Static;
+    }), p = o(() => t.staticPath || (r == null ? void 0 : r.staticPath)), l = o(() => g.value === z.Static), v = o(() => tt[g.value]), $ = o(() => l.value ? _() : _({ width: w.md })), U = o(() => t.sizes ? x() : t.sizes), E = o(() => t.sizes && !t.srcset && !l.value ? W() : t.srcset), R = o(() => t.sizes ? A(t.sizes) : []);
+    function _(n = {}) {
+      if (l.value && S.value && !f.value)
+        return V.error(`Image: ${t.src} is not from a whitelisted domain. See \`stashOptions.image.domains\`.`), "";
+      if (l.value && f.value)
+        return t.src;
+      const s = l.value && p.value ? `${p.value}/${t.src}` : t.src;
+      return v.value.getImageUrl(s, n);
     }
-    function U() {
-      const r = Object.entries(w).reduce((s, [l, a]) => ((!!y.value.find((o) => o.preset === l) || a.alwaysIncluded) && (s[l] = a), s), {});
-      return Object.values(r).map((s) => {
-        const l = s.width;
-        return `${I({ width: l })} ${s.width}w`;
-      }).join(", ");
+    function W() {
+      return Object.values(w).map((n) => `${_({ width: n })} ${n}w`).join(", ");
     }
-    function O() {
-      return y.value.map((r) => `${r.media ? r.media + " " : ""}${r.size}`).join(", ");
+    function x() {
+      var n;
+      return (n = t.sizes) != null && n.includes("(") ? t.sizes : R.value.map((s) => `${s.mediaQuery ? s.mediaQuery + " " : ""}${s.size}`).join(", ");
     }
-    function z(r) {
-      const s = [], l = {
+    function A(n = "") {
+      const s = [], h = {
         default: "100vw"
       };
-      if (typeof r == "string") {
-        const a = r.split(/[\s]+/).filter((u) => u);
-        for (const u of a) {
-          const o = u.split(":");
-          if (o.length !== 2) {
-            l.default = o[0].trim();
+      if (typeof n == "string") {
+        const m = n.split(/[\s]+/).filter((a) => a);
+        for (const a of m) {
+          const i = a.split(":");
+          if (i.length !== 2) {
+            h.default = i[0].trim();
             continue;
           }
-          l[o[0].trim()] = o[1].trim();
+          h[i[0].trim()] = i[1].trim();
         }
       } else
         throw new Error("`sizes` needs to be a string");
-      for (const a in l) {
-        const u = parseInt(i[a] || 0), o = l[a], $ = w[o] ? o : void 0;
-        let p = String($ ? w[o].width : o);
-        const b = p.endsWith("vw");
-        if (!b && /^\d+$/.test(p) && (p = `${p}px`), !b && !p.endsWith("px"))
-          continue;
-        const A = {
-          media: u ? `(min-width: ${u}px)` : "",
-          preset: $,
-          screenMinWidth: u,
-          size: p
+      for (const m in h) {
+        const a = parseInt(d[m] || 0);
+        let i = String(h[m]);
+        const b = i.endsWith("vw");
+        if (!b && /^\d+$/.test(i) && (i = `${i}px`), !b && i.endsWith("%"))
+          throw new Error("Image: `sizes` does not support percentage values");
+        const O = {
+          mediaQuery: a ? `(min-width: ${a}px)` : "",
+          screenMinWidth: a,
+          size: i
         };
-        s.push(A);
+        s.push(O);
       }
-      return s.sort((a, u) => a.screenMinWidth > u.screenMinWidth ? -1 : 1), s;
+      return s.sort((m, a) => m.screenMinWidth > a.screenMinWidth ? -1 : 1), s;
     }
-    return (r, s) => (D(), L("img", M({
+    return (n, s) => (L(), k("img", C({
       ref: "img",
-      key: h.value,
+      key: $.value,
       "data-test": "stash-image",
       class: ["stash-image", {
-        "tw-rounded": e.radius === "rounded"
-        /* Rounded */
+        "tw-rounded": t.radius === N(P).Rounded
       }],
-      src: h.value
-    }, c.value), null, 16, Q));
+      src: $.value
+    }, u.value), null, 16, et));
   }
 });
 export {
-  X as ImageRadiuses,
-  w as PRESET_SIZES,
-  ne as default
+  z as ImageProviders,
+  P as ImageRadius,
+  w as Screens,
+  it as default
 };
 //# sourceMappingURL=Image.js.map

package/dist/Image.js.map

@@ -1 +1 @@
-{"version":3,"file":"Image.js","sources":["../src/components/Image/providers/utils.ts","../src/components/Image/providers/cloudinary.ts","../src/components/Image/providers/static.ts","../src/components/Image/providers/index.ts","../src/components/Image/Image.vue"],"sourcesContent":["export interface ImageModifiers {\n  format?: string;\n  height?: number;\n  width?: number;\n  [key: string]: any /* eslint-disable-line @typescript-eslint/no-explicit-any */;\n}\n\nexport type ParamFormatter = (key: string, value: string) => string;\n\nexport type ParamMapper = { [key: string]: string } | ((key: string) => string);\n\nexport interface ProviderUrlBuilder {\n  keyMap?: ParamMapper;\n  formatter?: ParamFormatter;\n  joinWith?: string;\n  valueMap?: {\n    [key: string]: ParamMapper;\n  };\n}\n\nfunction createMapper(map: ParamMapper) {\n  return (key: string) => {\n    return map[key] || key;\n  };\n}\n\n/**\n * Builds the parameterized Cloudinary url\n */\nexport function buildProviderUrl({\n  formatter = (key, value) => `${key}=${value}`,\n  keyMap,\n  joinWith = '/',\n  valueMap = {},\n}: ProviderUrlBuilder = {}) {\n  const keyMapper = typeof keyMap === 'function' ? keyMap : createMapper(keyMap || {});\n\n  Object.keys(valueMap).forEach((valueKey) => {\n    if (typeof valueMap[valueKey] !== 'function') {\n      valueMap[valueKey] = createMapper(valueMap[valueKey]);\n    }\n  });\n\n  return (modifiers: { [key: string]: string } = {}) => {\n    const operations = Object.entries(modifiers).map(([key, value]) => {\n      const mapper = valueMap[key];\n      const newKey = keyMapper(key);\n      let newVal = value;\n\n      if (typeof mapper === 'function') {\n        newVal = mapper(modifiers[key]);\n      }\n\n      return formatter(newKey, newVal);\n    });\n\n    return operations.join(joinWith);\n  };\n}\n\n/**\n * Checks if a (sub)domain is included in a list of acceptable domains\n * @param str the (sub)domain to check\n * @param domains an array of valid domains\n */\nexport function isDomainValid(str = '', domains: string[] = []): boolean {\n  const url = new URL(str);\n  const host = url.host;\n\n  return domains.some((domain) => {\n    if (domain === host) {\n      return true;\n    }\n\n    return domain.endsWith(`.${host}`);\n  });\n}\n","import merge from 'lodash-es/merge';\n\nimport { IMAGE_PROVIDER_URLS } from '../../../constants';\nimport { buildProviderUrl, ImageModifiers } from './utils';\n\nconst BASE_URL = IMAGE_PROVIDER_URLS.CLOUDINARY;\n\nconst convertHextoRGBFormat = (value: string) => (value.startsWith('#') ? value.replace('#', 'rgb_') : value);\n\n/**\n * Parameters (option and value pairs) that can be used in the <transformations> segment of the Cloudinary transformation URL.\n * Options and their respective values are connected by an underscore (eg `w_250` for width of 250px.).\n * Multiple parameters are comma separated (eg. `w_250,h_250`).\n *\n * `keyMap` maps the option to its option prefix.\n * `valueMap` is used for grouping options using the same `keyMap` value under a 'category', allowing for easier usage and custom labelling in the component context.\n *\n * Transformation URL structure:\n * https://cloudinary.com/documentation/transformation_reference\n *\n * Transformation URL parameters (options and values):\n * https://cloudinary.com/documentation/image_transformations#transformation_url_syntax\n *\n */\nexport const operationsGenerator = buildProviderUrl({\n  keyMap: {\n    fit: 'c',\n    width: 'w',\n    height: 'h',\n    format: 'f',\n    quality: 'q',\n    background: 'b',\n    dpr: 'dpr',\n  },\n  valueMap: {\n    fit: {\n      fill: 'fill',\n      inside: 'pad',\n      outside: 'lpad',\n      cover: 'fit',\n      contain: 'scale',\n    },\n    format: {\n      jpeg: 'jpg',\n    },\n    background(value: string) {\n      return convertHextoRGBFormat(value);\n    },\n  },\n  joinWith: ',',\n  formatter: (key, value) => `${key}_${value}`,\n});\n\n// Note: Not configurable via Image props (for now).\nconst defaultModifiers = {\n  // defaulting to maintain original image format to reduce transformations\n  // format: 'auto',\n  quality: 'auto',\n};\n\nexport function getImageUrl(src: string, modifiers: Partial<ImageModifiers> = {}): string {\n  const mergeModifiers = merge(defaultModifiers, modifiers);\n  const operations = operationsGenerator(mergeModifiers);\n\n  return `${BASE_URL}/${operations}/${src}`;\n}\n","export function getImageUrl(src = ''): string {\n  return src;\n}\n","import * as cloudinary from './cloudinary';\nimport * as staticProvider from './static';\n\nexport default {\n  cloudinary,\n  static: staticProvider,\n};\n","<script lang=\"ts\">\n  export const PRESET_SIZES = {\n    xsmall: {\n      alwaysIncluded: false,\n      width: 160,\n    },\n    small: {\n      alwaysIncluded: true,\n      width: 338,\n    },\n    medium: {\n      alwaysIncluded: true,\n      width: 676,\n    },\n    large: {\n      alwaysIncluded: true,\n      width: 1352,\n    },\n    xlarge: {\n      alwaysIncluded: false,\n      width: 2704,\n    },\n  } as const;\n\n  export enum ImageRadiuses {\n    None = 'none',\n    Rounded = 'rounded',\n  }\n</script>\n\n<script setup lang=\"ts\">\n  import { computed, inject, useAttrs } from 'vue';\n\n  import { StashImageProviders, StashProvideState } from '../../../types/misc';\n  import { SCREEN_SIZES } from '../../constants';\n  import providers from './providers';\n  import { ImageModifiers, isDomainValid } from './providers/utils';\n\n  // interface ImagePresetSizes {\n  //   [size: string]: {\n  //     alwaysIncluded: boolean;\n  //     width: number;\n  //   }\n  // }\n\n  export interface ImageSizeVariant {\n    media: string;\n    preset?: keyof typeof PRESET_SIZES;\n    screenMinWidth: number;\n    size: string;\n  }\n\n  export type ImageRadius = `${ImageRadiuses}`;\n\n  export interface ImageProps {\n    /**\n     * The path to the image you want to embed.\n     */\n    src: string;\n\n    /**\n     * Native srcset attribute.\n     * One or more strings separated by commas, indicating possible image sources\n     * Can only be used with provider=static, otherwise it's ignored and auto-generated with `sizes` usage\n     */\n    srcset?: string;\n\n    /**\n     * For specifying responsive sizes\n     */\n    sizes?: string;\n\n    /**\n     * Where the image is served from.\n     * Optional, and when provided it forces the provider used.\n     *\n     * The provider is otherwise inherited from the Stash config `stashOptions.images.provider`, which defaults to `cloudinary`.\n     *\n     * When not provided, the provider is also inferred by `isStatic`:\n     *  - `static` for relative/absolute paths (`img/foo.jpg` or `/static/img/bar.jpg`), or when whitelisted absolute URLs are used (included in `staticOptions.images.staticDomains`).\n     */\n    provider?: StashImageProviders;\n\n    /**\n     * For applying border radius\n     */\n    radius?: ImageRadius;\n\n    /**\n     * TODO - https://leaflink.atlassian.net/browse/GRO-204\n     * A custom function used to resolve a URL string for the image\n     */\n    // loader?: () => string;\n  }\n\n  const PROVIDERS = {\n    CLOUDINARY: 'cloudinary',\n    STATIC: 'static',\n  };\n  const BREAKPOINTS = {\n    md: SCREEN_SIZES.md,\n    lg: SCREEN_SIZES.lg,\n  };\n  const stashOptions = inject<StashProvideState>('stashOptions');\n  const props = withDefaults(defineProps<ImageProps>(), {\n    src: '',\n    srcset: '',\n    sizes: '',\n    provider: undefined,\n    radius: 'none',\n    // loader: undefined, // TODO - https://leaflink.atlassian.net/browse/GRO-204\n  });\n\n  const attrs = computed(() => {\n    const { src, ...attrs } = useAttrs();\n\n    attrs.sizes = imgSizes.value;\n    attrs.srcset = imgSrcset.value;\n\n    return attrs;\n  });\n\n  const staticDomains = computed(() => stashOptions?.images?.staticDomains || []);\n\n  const isStaticUrl = computed(() => {\n    // return true if not an absolute url\n    try {\n      new URL(props.src);\n    } catch (e) {\n      return true;\n    }\n\n    // true if domain is whitelisted for static usage\n    return isDomainValid(props.src, staticDomains.value);\n  });\n\n  const computedProvider = computed(() => {\n    if (props.provider) {\n      return props.provider;\n    }\n\n    if (stashOptions?.images?.provider && stashOptions.images.provider !== PROVIDERS.STATIC && !isStaticUrl.value) {\n      return stashOptions.images.provider;\n    }\n\n    return PROVIDERS.STATIC;\n  });\n\n  const isStatic = computed(() => computedProvider.value === PROVIDERS.STATIC);\n\n  const imgProvider = computed(() => providers[computedProvider.value]);\n\n  const imgSrc = computed(() =>\n    isStatic.value ? getProviderImage() : getProviderImage({ width: PRESET_SIZES.medium.width }),\n  );\n\n  const imgSizes = computed(() => (props.sizes || !isStatic.value ? getSizes() : undefined));\n\n  const imgSrcset = computed(() => (props.sizes && !props.srcset && !isStatic.value ? getSources() : props.srcset));\n\n  const parsedSizes = computed(() => {\n    if (props.sizes) {\n      return parseSizes(props.sizes);\n    }\n\n    if (!isStatic.value) {\n      return parseSizes('lg:large');\n    }\n\n    return [];\n  });\n\n  function getProviderImage(modifiers: ImageModifiers = {}) {\n    return imgProvider.value.getImageUrl(props.src, modifiers);\n  }\n\n  function getSources() {\n    const appliedPresets = Object.entries(PRESET_SIZES).reduce((obj, [key, entry]) => {\n      const isPreset = !!parsedSizes.value.find((size) => size.preset === key);\n\n      if (isPreset || entry.alwaysIncluded) {\n        obj[key] = entry;\n      }\n\n      return obj;\n    }, {} as typeof PRESET_SIZES);\n\n    return Object.values(appliedPresets)\n      .map((size) => {\n        const width = size.width;\n        const src = getProviderImage({ width });\n\n        return `${src} ${size.width}w`;\n      })\n      .join(', ');\n  }\n\n  function getSizes() {\n    return parsedSizes.value.map((v) => `${v.media ? v.media + ' ' : ''}${v.size}`).join(', ');\n  }\n\n  function parseSizes(providedSizes: string) {\n    const variants: ImageSizeVariant[] = [];\n    const sizes = {\n      default: '100vw',\n    };\n\n    // parse sizes and convert to object\n    if (typeof providedSizes === 'string') {\n      const definitions = providedSizes.split(/[\\s]+/).filter((size) => size);\n\n      for (const entry of definitions) {\n        const size = entry.split(':');\n\n        if (size.length !== 2) {\n          sizes['default'] = size[0].trim();\n          continue;\n        }\n\n        sizes[size[0].trim()] = size[1].trim();\n      }\n    } else {\n      throw new Error('`sizes` needs to be a string');\n    }\n\n    for (const key in sizes) {\n      const screenMinWidth = parseInt(BREAKPOINTS[key] || 0);\n      const sizeValue = sizes[key];\n      const presetKey = PRESET_SIZES[sizeValue] ? sizeValue : undefined;\n      let size = String(presetKey ? PRESET_SIZES[sizeValue].width : sizeValue);\n      const isFluid = size.endsWith('vw');\n\n      // default integers to pixels\n      if (!isFluid && /^\\d+$/.test(size)) {\n        size = `${size}px`;\n      }\n\n      // ignore invalid size\n      if (!isFluid && !size.endsWith('px')) {\n        continue;\n      }\n\n      const variant = {\n        media: screenMinWidth ? `(min-width: ${screenMinWidth}px)` : '',\n        preset: presetKey,\n        screenMinWidth,\n        size,\n      };\n\n      variants.push(variant);\n    }\n\n    variants.sort((v1, v2) => (v1.screenMinWidth > v2.screenMinWidth ? -1 : 1));\n\n    return variants;\n  }\n</script>\n\n<template>\n  <img\n    ref=\"img\"\n    :key=\"imgSrc\"\n    data-test=\"stash-image\"\n    class=\"stash-image\"\n    :class=\"{\n      'tw-rounded': props.radius === ImageRadiuses.Rounded,\n    }\"\n    :src=\"imgSrc\"\n    v-bind=\"attrs\"\n  />\n</template>\n"],"names":["createMapper","map","key","buildProviderUrl","formatter","value","keyMap","joinWith","valueMap","keyMapper","valueKey","modifiers","mapper","newKey","newVal","isDomainValid","str","domains","host","domain","BASE_URL","IMAGE_PROVIDER_URLS","convertHextoRGBFormat","operationsGenerator","defaultModifiers","getImageUrl","src","mergeModifiers","merge","operations","providers","cloudinary","staticProvider","PRESET_SIZES","ImageRadiuses","PROVIDERS","BREAKPOINTS","SCREEN_SIZES","stashOptions","inject","attrs","computed","useAttrs","imgSizes","imgSrcset","staticDomains","_a","isStaticUrl","props","computedProvider","isStatic","imgProvider","imgSrc","getProviderImage","getSizes","getSources","parsedSizes","parseSizes","appliedPresets","obj","entry","size","width","v","providedSizes","variants","sizes","definitions","screenMinWidth","sizeValue","presetKey","isFluid","variant","v1","v2"],"mappings":"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"}
+{"version":3,"file":"Image.js","sources":["../src/components/Image/Image.types.ts","../src/components/Image/providers/utils.ts","../src/components/Image/providers/cloudinary.ts","../src/components/Image/providers/static.ts","../src/components/Image/providers/index.ts","../src/components/Image/Image.vue"],"sourcesContent":["// Sizes used to generate resized and optimized versions of an image.\n// Generated in `srcset`, and informed by `sizes`.\nexport const Screens = {\n  xs: 160,\n  sm: 338,\n  md: 676,\n  lg: 1352,\n  xl: 2704,\n} as const;\n\nexport interface ImageSizeCondition {\n  mediaQuery: string;\n  screenMinWidth: number;\n  size: string;\n}\n\nexport enum ImageRadius {\n  None = 'none',\n  Rounded = 'rounded',\n}\n\nexport type ImageRadii = `${ImageRadius}`;\n\nexport enum ImageProviders {\n  Cloudinary = 'cloudinary',\n  Static = 'static',\n}\n","export interface ImageModifiers {\n  format?: string;\n  height?: number;\n  width?: number;\n  [key: string]: any /* eslint-disable-line @typescript-eslint/no-explicit-any */;\n}\n\nexport type ParamFormatter = (key: string, value: string) => string;\n\nexport type ParamMapper = { [key: string]: string } | ((key: string) => string);\n\nexport interface ProviderUrlBuilder {\n  keyMap?: ParamMapper;\n  formatter?: ParamFormatter;\n  joinWith?: string;\n  valueMap?: {\n    [key: string]: ParamMapper;\n  };\n}\n\nfunction createMapper(map: ParamMapper) {\n  return (key: string) => {\n    return map[key] || key;\n  };\n}\n\n/**\n * Builds the parameterized Cloudinary url\n */\nexport function buildProviderUrl({\n  formatter = (key, value) => `${key}=${value}`,\n  keyMap,\n  joinWith = '/',\n  valueMap = {},\n}: ProviderUrlBuilder = {}) {\n  const keyMapper = typeof keyMap === 'function' ? keyMap : createMapper(keyMap || {});\n\n  Object.keys(valueMap).forEach((valueKey) => {\n    if (typeof valueMap[valueKey] !== 'function') {\n      valueMap[valueKey] = createMapper(valueMap[valueKey]);\n    }\n  });\n\n  return (modifiers: { [key: string]: string } = {}) => {\n    const operations = Object.entries(modifiers).map(([key, value]) => {\n      const mapper = valueMap[key];\n      const newKey = keyMapper(key);\n      let newVal = value;\n\n      if (typeof mapper === 'function') {\n        newVal = mapper(modifiers[key]);\n      }\n\n      return formatter(newKey, newVal);\n    });\n\n    return operations.join(joinWith);\n  };\n}\n\n/**\n * Checks if a (sub)domain is included in a list of acceptable domains\n * @param str the (sub)domain to check\n * @param domains an array of valid domains\n */\nexport function isDomainValid(str = '', domains: string[] = []): boolean {\n  const url = new URL(str);\n  const host = url.host;\n\n  return domains.some((domain) => {\n    if (domain === host) {\n      return true;\n    }\n\n    return domain.endsWith(`.${host}`);\n  });\n}\n","import merge from 'lodash-es/merge';\n\nimport { IMAGE_PROVIDER_URLS } from '../../../constants';\nimport { buildProviderUrl, ImageModifiers } from './utils';\n\nconst BASE_URL = IMAGE_PROVIDER_URLS.CLOUDINARY;\n\nconst convertHextoRGBFormat = (value: string) => (value.startsWith('#') ? value.replace('#', 'rgb_') : value);\n\n/**\n * Parameters (option and value pairs) that can be used in the <transformations> segment of the Cloudinary transformation URL.\n * Options and their respective values are connected by an underscore (eg `w_250` for width of 250px.).\n * Multiple parameters are comma separated (eg. `w_250,h_250`).\n *\n * `keyMap` maps the option to its option prefix.\n * `valueMap` is used for grouping options using the same `keyMap` value under a 'category', allowing for easier usage and custom labelling in the component context.\n *\n * Transformation URL structure:\n * https://cloudinary.com/documentation/transformation_reference\n *\n * Transformation URL parameters (options and values):\n * https://cloudinary.com/documentation/image_transformations#transformation_url_syntax\n *\n */\nexport const operationsGenerator = buildProviderUrl({\n  keyMap: {\n    fit: 'c',\n    width: 'w',\n    height: 'h',\n    format: 'f',\n    quality: 'q',\n    background: 'b',\n    dpr: 'dpr',\n  },\n  valueMap: {\n    fit: {\n      fill: 'fill',\n      inside: 'pad',\n      outside: 'lpad',\n      cover: 'fit',\n      contain: 'scale',\n    },\n    format: {\n      jpeg: 'jpg',\n    },\n    background(value: string) {\n      return convertHextoRGBFormat(value);\n    },\n  },\n  joinWith: ',',\n  formatter: (key, value) => `${key}_${value}`,\n});\n\n// Note: Not configurable via Image props (for now).\nconst defaultModifiers = {\n  format: 'auto',\n  quality: 'auto:best',\n};\n\nexport function getImageUrl(src: string, modifiers: Partial<ImageModifiers> = {}): string {\n  const mergeModifiers = merge(defaultModifiers, modifiers);\n  const operations = operationsGenerator(mergeModifiers);\n\n  return `${BASE_URL}/${operations}/${src}`;\n}\n","export function getImageUrl(src = ''): string {\n  return src;\n}\n","import * as cloudinary from './cloudinary';\nimport * as staticProvider from './static';\n\nexport default {\n  cloudinary,\n  static: staticProvider,\n};\n","<script lang=\"ts\">\n  export * from './Image.types';\n</script>\n\n<script setup lang=\"ts\">\n  import logger from '@leaflink/snitch';\n  import { computed, inject, useAttrs } from 'vue';\n\n  import { StashImageProviders, StashProvideState } from '../../../types/misc';\n  import { SCREEN_SIZES } from '../../constants';\n  import { ImageProviders, ImageRadii, ImageRadius, ImageSizeCondition, Screens } from './Image.types';\n  import providers from './providers';\n  import { ImageModifiers, isDomainValid } from './providers/utils';\n\n  export interface ImageProps {\n    /**\n     * The path to the image you want to embed.\n     */\n    src: string;\n\n    /**\n     * Native srcset attribute.\n     * One or more strings separated by commas, indicating possible image sources\n     * Can only be used with provider=static, otherwise it's ignored and auto-generated with `sizes` usage\n     */\n    srcset?: string;\n\n    /**\n     * For specifying responsive sizes\n     */\n    sizes?: string;\n\n    /**\n     * Where the image is served from.\n     * Optional, and when provided it forces the provider used.\n     *\n     * The provider is otherwise inherited from the Stash config `stashOptions.images.provider`, which defaults to `cloudinary`.\n     *\n     * When not provided, the provider is also inferred by `isStatic`:\n     *  - `static` for relative/absolute paths (`img/foo.jpg` or `/static/img/bar.jpg`), or when whitelisted absolute URLs are used (included in `staticOptions.images.staticDomains`).\n     */\n    provider?: StashImageProviders;\n\n    /**\n     * For applying border radius\n     */\n    radius?: ImageRadii;\n\n    /**\n     * A custom static path the image src will be appended onto when provider=static.\n     * Can be used to override the library-level default.\n     */\n    staticPath?: string;\n\n    /**\n     * TODO - https://leaflink.atlassian.net/browse/GRO-204\n     * A custom function used to resolve a URL string for the image\n     */\n    // loader?: () => string;\n  }\n\n  const BREAKPOINTS = {\n    md: SCREEN_SIZES.md,\n    lg: SCREEN_SIZES.lg,\n  };\n  const stashOptions = inject<StashProvideState>('stashOptions');\n  const props = withDefaults(defineProps<ImageProps>(), {\n    src: '',\n    srcset: undefined,\n    sizes: undefined,\n    staticPath: undefined,\n    provider: undefined,\n    radius: 'none',\n    // loader: undefined, // TODO - https://leaflink.atlassian.net/browse/GRO-204\n  });\n\n  const attrs = computed(() => {\n    const { src, ...attrs } = useAttrs();\n\n    attrs.sizes = imgSizes.value;\n    attrs.srcset = imgSrcset.value;\n\n    return attrs;\n  });\n\n  const staticDomains = computed(() => stashOptions?.images?.staticDomains || []);\n\n  const isAbsoluteUrl = computed(() => {\n    // return true if not an absolute url\n    try {\n      new URL(props.src);\n      return true;\n    } catch (e) {\n      return false;\n    }\n  });\n\n  const isValidStaticAbsoluteUrl = computed(() => {\n    return isAbsoluteUrl.value && isDomainValid(props.src, staticDomains.value);\n  });\n\n  const computedProvider = computed(() => props.provider || stashOptions?.images?.provider || ImageProviders.Static);\n\n  const computedStaticPath = computed(() => props.staticPath || stashOptions?.staticPath);\n\n  const isStatic = computed(() => computedProvider.value === ImageProviders.Static);\n\n  const imgProvider = computed(() => providers[computedProvider.value]);\n\n  const imgSrc = computed(() => (isStatic.value ? getProviderImage() : getProviderImage({ width: Screens.md })));\n\n  const imgSizes = computed(() => (props.sizes ? getSizes() : props.sizes));\n\n  const imgSrcset = computed(() => (props.sizes && !props.srcset && !isStatic.value ? getSources() : props.srcset));\n\n  const parsedSizes = computed(() => {\n    return props.sizes ? parseSizes(props.sizes) : [];\n  });\n\n  function getProviderImage(modifiers: ImageModifiers = {}) {\n    if (isStatic.value && isAbsoluteUrl.value && !isValidStaticAbsoluteUrl.value) {\n      // eslint-disable-next-line no-console\n      logger.error(`Image: ${props.src} is not from a whitelisted domain. See \\`stashOptions.image.domains\\`.`);\n      return '';\n    }\n\n    if (isStatic.value && isValidStaticAbsoluteUrl.value) {\n      return props.src;\n    }\n\n    const src = isStatic.value && computedStaticPath.value ? `${computedStaticPath.value}/${props.src}` : props.src;\n\n    return imgProvider.value.getImageUrl(src, modifiers);\n  }\n\n  function getSources() {\n    return Object.values(Screens)\n      .map((width) => {\n        const src = getProviderImage({ width });\n\n        return `${src} ${width}w`;\n      })\n      .join(', ');\n  }\n\n  function getSizes() {\n    // return if using native media conditions\n    if (props.sizes?.includes('(')) {\n      return props.sizes;\n    }\n\n    return parsedSizes.value.map((v) => `${v.mediaQuery ? v.mediaQuery + ' ' : ''}${v.size}`).join(', ');\n  }\n\n  function parseSizes(providedSizes = '') {\n    const conditions: ImageSizeCondition[] = [];\n    const sizes = {\n      default: '100vw',\n    };\n\n    // parse sizes and convert to object\n    if (typeof providedSizes === 'string') {\n      const definitions = providedSizes.split(/[\\s]+/).filter((size) => size);\n\n      for (const entry of definitions) {\n        const size = entry.split(':');\n\n        if (size.length !== 2) {\n          sizes['default'] = size[0].trim();\n          continue;\n        }\n\n        sizes[size[0].trim()] = size[1].trim();\n      }\n    } else {\n      throw new Error('`sizes` needs to be a string');\n    }\n\n    for (const key in sizes) {\n      const screenMinWidth = parseInt(BREAKPOINTS[key] || 0);\n      let size = String(sizes[key]);\n      const isFluidSize = size.endsWith('vw');\n\n      // convert integer to pixels\n      if (!isFluidSize && /^\\d+$/.test(size)) {\n        size = `${size}px`;\n      }\n\n      if (!isFluidSize && size.endsWith('%')) {\n        throw new Error('Image: `sizes` does not support percentage values');\n      }\n\n      const condition = {\n        mediaQuery: screenMinWidth ? `(min-width: ${screenMinWidth}px)` : '',\n        screenMinWidth,\n        size,\n      };\n\n      conditions.push(condition);\n    }\n\n    conditions.sort((v1, v2) => (v1.screenMinWidth > v2.screenMinWidth ? -1 : 1));\n\n    return conditions;\n  }\n</script>\n\n<template>\n  <img\n    ref=\"img\"\n    :key=\"imgSrc\"\n    data-test=\"stash-image\"\n    class=\"stash-image\"\n    :class=\"{\n      'tw-rounded': props.radius === ImageRadius.Rounded,\n    }\"\n    :src=\"imgSrc\"\n    v-bind=\"attrs\"\n  />\n</template>\n"],"names":["Screens","ImageRadius","ImageProviders","createMapper","map","key","buildProviderUrl","formatter","value","keyMap","joinWith","valueMap","keyMapper","valueKey","modifiers","mapper","newKey","newVal","isDomainValid","str","domains","host","domain","BASE_URL","IMAGE_PROVIDER_URLS","convertHextoRGBFormat","operationsGenerator","defaultModifiers","getImageUrl","src","mergeModifiers","merge","operations","providers","cloudinary","staticProvider","BREAKPOINTS","SCREEN_SIZES","stashOptions","inject","attrs","computed","useAttrs","imgSizes","imgSrcset","staticDomains","_a","isAbsoluteUrl","props","isValidStaticAbsoluteUrl","computedProvider","computedStaticPath","isStatic","imgProvider","imgSrc","getProviderImage","getSizes","getSources","parsedSizes","parseSizes","logger","width","v","providedSizes","conditions","sizes","definitions","size","entry","screenMinWidth","isFluidSize","condition","v1","v2"],"mappings":"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"}

package/dist/Image.vue.d.ts

@@ -29,17 +29,20 @@ declare type __VLS_WithDefaults<P, D> = {
 
 declare const _default: DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ImageProps>, {
     src: string;
-    srcset: string;
-    sizes: string;
+    srcset: undefined;
+    sizes: undefined;
+    staticPath: undefined;
     provider: undefined;
     radius: string;
 }>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ImageProps>, {
     src: string;
-    srcset: string;
-    sizes: string;
+    srcset: undefined;
+    sizes: undefined;
+    staticPath: undefined;
     provider: undefined;
     radius: string;
 }>>>, {
+    staticPath: string;
     src: string;
     radius: "none" | "rounded";
     srcset: string;
@@ -76,44 +79,38 @@ export declare interface ImageProps {
     /**
      * For applying border radius
      */
-    radius?: ImageRadius;
+    radius?: ImageRadii;
+    /**
+     * A custom static path the image src will be appended onto when provider=static.
+     * Can be used to override the library-level default.
+     */
+    staticPath?: string;
 }
 
-export declare type ImageRadius = `${ImageRadiuses}`;
+export declare enum ImageProviders {
+    Cloudinary = "cloudinary",
+    Static = "static"
+}
 
-export declare enum ImageRadiuses {
+export declare type ImageRadii = `${ImageRadius}`;
+
+export declare enum ImageRadius {
     None = "none",
     Rounded = "rounded"
 }
 
-export declare interface ImageSizeVariant {
-    media: string;
-    preset?: keyof typeof PRESET_SIZES;
+export declare interface ImageSizeCondition {
+    mediaQuery: string;
     screenMinWidth: number;
     size: string;
 }
 
-export declare const PRESET_SIZES: {
-    readonly xsmall: {
-        readonly alwaysIncluded: false;
-        readonly width: 160;
-    };
-    readonly small: {
-        readonly alwaysIncluded: true;
-        readonly width: 338;
-    };
-    readonly medium: {
-        readonly alwaysIncluded: true;
-        readonly width: 676;
-    };
-    readonly large: {
-        readonly alwaysIncluded: true;
-        readonly width: 1352;
-    };
-    readonly xlarge: {
-        readonly alwaysIncluded: false;
-        readonly width: 2704;
-    };
+export declare const Screens: {
+    readonly xs: 160;
+    readonly sm: 338;
+    readonly md: 676;
+    readonly lg: 1352;
+    readonly xl: 2704;
 };
 
 declare enum StashImageProvider {

package/dist/index.js

@@ -288,7 +288,7 @@ const _e = {
     storage: a = void 0,
     staticPath: n = "/static",
     images: s = {
-      provider: "cloudinary",
+      provider: "static",
       staticDomains: []
     },
     googleMapsApiKey: g = void 0,

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../node_modules/vue3-touch-events/index.js","../src/utils/Deferred.ts","../src/composables/useDialog/useDialog.ts","../src/components/Dialogs/Dialogs.vue","../src/plugins/DialogsPlugin.ts","../types/colors.ts","../src/index.ts"],"sourcesContent":["/**\r\n * @project   vue3-touch-events\r\n * @author    Robin Rodricks, Xavier Julien, Jerry Bendy\r\n * @since     30/4/2021\r\n * @url       https://github.com/robinrodricks/vue3-touch-events\r\n */\r\n\r\nfunction touchX(event) {\r\n    if(event.type.indexOf('mouse') !== -1){\r\n        return event.clientX;\r\n    }\r\n    return event.touches[0].clientX;\r\n}\r\n\r\nfunction touchY(event) {\r\n    if(event.type.indexOf('mouse') !== -1){\r\n        return event.clientY;\r\n    }\r\n    return event.touches[0].clientY;\r\n}\r\n\r\nvar isPassiveSupported = (function() {\r\n    var supportsPassive = false;\r\n    try {\r\n        var opts = Object.defineProperty({}, 'passive', {\r\n            get: function() {\r\n                supportsPassive = true;\r\n            }\r\n        });\r\n        window.addEventListener('test', null, opts);\r\n    } catch (e) {}\r\n    return supportsPassive;\r\n})();\r\n\r\nvar vueTouchEvents = {\r\n    install: function (app, constructorOptions) {\r\n\t\t\r\n        var globalOptions = Object.assign({}, {\r\n            disableClick: false,\r\n            tapTolerance: 10,  // px\r\n            swipeTolerance: 30,  // px\r\n            touchHoldTolerance: 400,  // ms\r\n            longTapTimeInterval: 400,  // ms\r\n            touchClass: '',\r\n\t\t\tdragFrequency: 100, // ms\r\n\t\t\trollOverFrequency: 100, // ms\r\n        }, constructorOptions);\r\n\r\n        function touchStartEvent(event) {\r\n            var $this = this.$$touchObj,\r\n                isTouchEvent = event.type.indexOf('touch') >= 0,\r\n                isMouseEvent = event.type.indexOf('mouse') >= 0,\r\n                $el = this;\r\n\r\n            if (isTouchEvent) {\r\n                $this.lastTouchStartTime = event.timeStamp;\r\n            }\r\n\r\n            if (isMouseEvent && $this.lastTouchStartTime && event.timeStamp - $this.lastTouchStartTime < 350) {\r\n                return;\r\n            }\r\n\r\n            if ($this.touchStarted) {\r\n                return;\r\n            }\r\n\r\n            addTouchClass(this);\r\n\r\n            $this.touchStarted = true; // always true while the element is being PRESSED\r\n\r\n            $this.touchMoved = false; // true only when the element is PRESSED and DRAGGED a bit\r\n            $this.swipeOutBounded = false;\r\n\r\n            $this.startX = touchX(event);\r\n            $this.startY = touchY(event);\r\n\r\n            $this.currentX = 0; // always updated with the last mouse X/Y while over the element\r\n            $this.currentY = 0;\r\n\r\n            $this.touchStartTime = event.timeStamp;\r\n\t\t\t\r\n\t\t\t// performance: only process swipe events if `swipe.*` event is registered on this element\r\n\t\t\t$this.hasSwipe = hasEvent(this, 'swipe')\r\n\t\t\t\t|| hasEvent(this, 'swipe.left') || hasEvent(this, 'swipe.right')\r\n\t\t\t\t|| hasEvent(this, 'swipe.top') || hasEvent(this, 'swipe.bottom');\r\n\r\n\t\t\t// performance: only start hold timer if the `hold` event is registered on this element\r\n\t\t\tif (hasEvent(this, 'hold')){\r\n\t\t\t\t\r\n\t\t\t\t// Trigger touchhold event after `touchHoldTolerance` MS\r\n\t\t\t\t$this.touchHoldTimer = setTimeout(function() {\r\n\t\t\t\t\t$this.touchHoldTimer = null;\r\n\t\t\t\t\ttriggerEvent(event, $el, 'hold');\r\n\t\t\t\t}, $this.options.touchHoldTolerance);\r\n\t\t\t}\r\n\t\t\t\r\n            triggerEvent(event, this, 'press');\r\n        }\r\n\r\n        function touchMoveEvent(event) {\r\n            var $this = this.$$touchObj;\r\n\t\t\t\r\n\t\t\tvar curX = touchX(event);\r\n\t\t\tvar curY = touchY(event);\r\n\r\n\t\t\tvar movedAgain = ($this.currentX != curX) || ($this.currentY != curY);\r\n\t\t\t\r\n            $this.currentX = curX;\r\n            $this.currentY = curY;\r\n\r\n            if (!$this.touchMoved) {\r\n                var tapTolerance = $this.options.tapTolerance;\r\n\r\n                $this.touchMoved = Math.abs($this.startX - $this.currentX) > tapTolerance ||\r\n\t\t\t\t\t\t\t\t   Math.abs($this.startY - $this.currentY) > tapTolerance;\r\n\r\n\t\t\t\t// trigger `drag.once` only once after mouse FIRST moved while dragging the element\r\n\t\t\t\t// (`touchMoved` is the flag that indicates we no longer need to trigger this)\r\n                if($this.touchMoved){\r\n                    cancelTouchHoldTimer($this);\r\n                    triggerEvent(event, this, 'drag.once');\r\n                }\r\n\r\n\t\t\t// performance: only process swipe events if `swipe.*` event is registered on this element\r\n            } else if ($this.hasSwipe && !$this.swipeOutBounded) {\r\n\t\t\t\tvar swipeOutBounded = $this.options.swipeTolerance;\r\n\r\n\t\t\t\t$this.swipeOutBounded = Math.abs($this.startX - $this.currentX) > swipeOutBounded &&\r\n\t\t\t\t\tMath.abs($this.startY - $this.currentY) > swipeOutBounded;\r\n            }\r\n\r\n\t\t\t// only trigger `rollover` event if cursor actually moved over this element\r\n            if(hasEvent(this, 'rollover') && movedAgain){\r\n\t\t\t\t\r\n\t\t\t\t// throttle the `rollover` event based on `rollOverFrequency`\r\n\t\t\t\tvar now = event.timeStamp;\r\n\t\t\t\tvar throttle = $this.options.rollOverFrequency;\r\n\t\t\t\tif ($this.touchRollTime == null || now > ($this.touchRollTime + throttle)){\r\n\t\t\t\t\t$this.touchRollTime = now;\r\n\t\t\t\t\t\r\n\t\t\t\t\ttriggerEvent(event, this, 'rollover');\r\n\t\t\t\t}\r\n            }\r\n\r\n\t\t\t// only trigger `drag` event if cursor actually moved and if we are still dragging this element\r\n            if(hasEvent(this, 'drag') && $this.touchStarted && $this.touchMoved && movedAgain){\r\n\t\t\t\t\r\n\t\t\t\t// throttle the `drag` event based on `dragFrequency`\r\n\t\t\t\tvar now = event.timeStamp;\r\n\t\t\t\tvar throttle = $this.options.dragFrequency;\r\n\t\t\t\tif ($this.touchDragTime == null || now > ($this.touchDragTime + throttle)){\r\n\t\t\t\t\t$this.touchDragTime = now;\r\n\t\t\t\t\t\r\n\t\t\t\t\ttriggerEvent(event, this, 'drag');\r\n\t\t\t\t}\r\n            }\r\n        }\r\n\r\n        function touchCancelEvent() {\r\n            var $this = this.$$touchObj;\r\n\r\n            cancelTouchHoldTimer($this);\r\n            removeTouchClass(this);\r\n\r\n            $this.touchStarted = $this.touchMoved = false;\r\n            $this.startX = $this.startY = 0;\r\n        }\r\n\r\n        function touchEndEvent(event) {\r\n            var $this = this.$$touchObj,\r\n                isTouchEvent = event.type.indexOf('touch') >= 0,\r\n                isMouseEvent = event.type.indexOf('mouse') >= 0;\r\n\r\n            if (isTouchEvent) {\r\n                $this.lastTouchEndTime = event.timeStamp;\r\n            }\r\n\r\n            var touchholdEnd = isTouchEvent && !$this.touchHoldTimer;\r\n            cancelTouchHoldTimer($this);\r\n\r\n            $this.touchStarted = false;\r\n\r\n            removeTouchClass(this);\r\n\r\n            if (isMouseEvent && $this.lastTouchEndTime && event.timeStamp - $this.lastTouchEndTime < 350) {\r\n                return;\r\n            }\r\n\r\n            // trigger `end` event when touch stopped\r\n            triggerEvent(event, this, 'release');\r\n\r\n            if (!$this.touchMoved) {\r\n                // detect if this is a longTap event or not\r\n                if (hasEvent(this, 'longtap') && event.timeStamp - $this.touchStartTime > $this.options.longTapTimeInterval) {\r\n                    if (event.cancelable) {\r\n                        event.preventDefault();\r\n                    }\r\n                    triggerEvent(event, this, 'longtap');\r\n\r\n                } else if (hasEvent(this, 'hold') && touchholdEnd) {\r\n                    if (event.cancelable) {\r\n                        event.preventDefault();\r\n                    }\r\n                    return;\r\n                } else {\r\n                    // emit tap event\r\n                    triggerEvent(event, this, 'tap');\r\n                }\r\n\r\n\t\t\t// performance: only process swipe events if `swipe.*` event is registered on this element\r\n            } else if ($this.hasSwipe && !$this.swipeOutBounded) {\r\n                var swipeOutBounded = $this.options.swipeTolerance,\r\n                    direction,\r\n                    distanceY = Math.abs($this.startY - $this.currentY),\r\n                    distanceX = Math.abs($this.startX - $this.currentX);\r\n\r\n                if (distanceY > swipeOutBounded || distanceX > swipeOutBounded) {\r\n                    if (distanceY > swipeOutBounded) {\r\n                        direction = $this.startY > $this.currentY ? 'top' : 'bottom';\r\n                    } else {\r\n                        direction = $this.startX > $this.currentX ? 'left' : 'right';\r\n                    }\r\n\r\n                    // Only emit the specified event when it has modifiers\r\n                    if (hasEvent(this, 'swipe.' + direction)) {\r\n                        triggerEvent(event, this, 'swipe.' + direction, direction);\r\n                    } else {\r\n                        // Emit a common event when it has no any modifier\r\n                        triggerEvent(event, this, 'swipe', direction);\r\n                    }\r\n                }\r\n            }\r\n        }\r\n\r\n        function mouseEnterEvent() {\r\n            addTouchClass(this);\r\n        }\r\n\r\n        function mouseLeaveEvent() {\r\n            removeTouchClass(this);\r\n        }\r\n\r\n        function hasEvent($el, eventType) {\r\n            var callbacks = $el.$$touchObj.callbacks[eventType];\r\n\t\t\treturn (callbacks != null && callbacks.length > 0);\r\n\t\t}\r\n\t\t\r\n        function triggerEvent(e, $el, eventType, param) {\r\n            var $this = $el.$$touchObj;\r\n\r\n            // get the subscribers for this event\r\n            var callbacks = $this.callbacks[eventType];\r\n\t\t\t\r\n\t\t\t// exit if no subscribers to this particular event\r\n            if (callbacks == null || callbacks.length === 0) {\r\n                return null;\r\n            }\r\n\r\n\t\t\t// per callback\r\n            for (var i = 0; i < callbacks.length; i++) {\r\n                var binding = callbacks[i];\r\n\r\n                if (binding.modifiers.stop) {\r\n                    e.stopPropagation();\r\n                }\r\n\r\n                if (binding.modifiers.prevent) {\r\n                    e.preventDefault();\r\n                }\r\n\r\n                // handle `self` modifier`\r\n                if (binding.modifiers.self && e.target !== e.currentTarget) {\r\n                    continue;\r\n                }\r\n\r\n                if (typeof binding.value === 'function') {\r\n                    if (param) {\r\n                        binding.value(param, e);\r\n                    } else {\r\n                        binding.value(e);\r\n                    }\r\n                }\r\n            }\r\n        }\r\n\r\n        function addTouchClass($el) {\r\n            var className = $el.$$touchObj.options.touchClass;\r\n            className && $el.classList.add(className);\r\n        }\r\n\r\n        function removeTouchClass($el) {\r\n            var className = $el.$$touchObj.options.touchClass;\r\n            className && $el.classList.remove(className);\r\n        }\r\n\r\n        function cancelTouchHoldTimer($this) {\r\n            if ($this.touchHoldTimer) {\r\n                clearTimeout($this.touchHoldTimer);\r\n                $this.touchHoldTimer = null;\r\n            }\r\n        }\r\n\r\n        function buildTouchObj($el, extraOptions) {\r\n            var touchObj = $el.$$touchObj || {\r\n                // an object contains all callbacks registered,\r\n                // key is event name, value is an array\r\n                callbacks: {},\r\n                // prevent bind twice, set to true when event bound\r\n                hasBindTouchEvents: false,\r\n                // default options, would be override by v-touch-options\r\n                options: globalOptions\r\n            };\r\n            if (extraOptions) {\r\n                touchObj.options = Object.assign({}, touchObj.options, extraOptions);\r\n            }\r\n            $el.$$touchObj = touchObj;\r\n            return $el.$$touchObj;\r\n        }\r\n\r\n        app.directive('touch', {\r\n            beforeMount: function ($el, binding) {\r\n                // build a touch configuration object\r\n                var $this = buildTouchObj($el);\r\n                // declare passive option for the event listener. Defaults to { passive: true } if supported\r\n                var passiveOpt = isPassiveSupported ? { passive: true } : false;\r\n                // register callback\r\n                var eventType = binding.arg || 'tap';\r\n                switch (eventType) {\r\n                    case 'swipe':\r\n                        var _m = binding.modifiers;\r\n                        if (_m.left || _m.right || _m.top || _m.bottom) {\r\n                            for (var i in binding.modifiers) {\r\n                                if (['left', 'right', 'top', 'bottom'].indexOf(i) >= 0) {\r\n                                    var _e = 'swipe.' + i;\r\n                                    $this.callbacks[_e] = $this.callbacks[_e] || [];\r\n                                    $this.callbacks[_e].push(binding);\r\n                                }\r\n                            }\r\n                        } else {\r\n                            $this.callbacks.swipe = $this.callbacks.swipe || [];\r\n                            $this.callbacks.swipe.push(binding);\r\n                        }\r\n                        break;\r\n\r\n                    case 'press':\r\n                    case 'drag':\r\n                        if (binding.modifiers.disablePassive) {\r\n                            // change the passive option for the `drag` event if disablePassive modifier exists\r\n                            passiveOpt = false;\r\n                        }\r\n                    default:\r\n                        $this.callbacks[eventType] = $this.callbacks[eventType] || [];\r\n                        $this.callbacks[eventType].push(binding);\r\n                }\r\n\r\n                // prevent bind twice\r\n                if ($this.hasBindTouchEvents) {\r\n                    return;\r\n                }\r\n\r\n                $el.addEventListener('touchstart', touchStartEvent, passiveOpt);\r\n                $el.addEventListener('touchmove', touchMoveEvent, passiveOpt);\r\n                $el.addEventListener('touchcancel', touchCancelEvent);\r\n                $el.addEventListener('touchend', touchEndEvent);\r\n\r\n                if (!$this.options.disableClick) {\r\n                    $el.addEventListener('mousedown', touchStartEvent);\r\n                    $el.addEventListener('mousemove', touchMoveEvent);\r\n                    $el.addEventListener('mouseup', touchEndEvent);\r\n                    $el.addEventListener('mouseenter', mouseEnterEvent);\r\n                    $el.addEventListener('mouseleave', mouseLeaveEvent);\r\n                }\r\n\r\n                // set bind mark to true\r\n                $this.hasBindTouchEvents = true;\r\n            },\r\n\r\n            unmounted: function ($el) {\r\n                $el.removeEventListener('touchstart', touchStartEvent);\r\n                $el.removeEventListener('touchmove', touchMoveEvent);\r\n                $el.removeEventListener('touchcancel', touchCancelEvent);\r\n                $el.removeEventListener('touchend', touchEndEvent);\r\n\r\n                if ($el.$$touchObj && !$el.$$touchObj.options.disableClick) {\r\n                    $el.removeEventListener('mousedown', touchStartEvent);\r\n                    $el.removeEventListener('mousemove', touchMoveEvent);\r\n                    $el.removeEventListener('mouseup', touchEndEvent);\r\n                    $el.removeEventListener('mouseenter', mouseEnterEvent);\r\n                    $el.removeEventListener('mouseleave', mouseLeaveEvent);\r\n                }\r\n\r\n                // remove vars\r\n                delete $el.$$touchObj;\r\n            }\r\n        });\r\n\r\n        app.directive('touch-class', {\r\n            beforeMount: function ($el, binding) {\r\n                buildTouchObj($el, {\r\n                    touchClass: binding.value\r\n                });\r\n            }\r\n        });\r\n\r\n        app.directive('touch-options', {\r\n            beforeMount: function($el, binding) {\r\n                buildTouchObj($el, binding.value);\r\n            }\r\n        });\r\n    }\r\n};\r\n\r\n/*\r\n * Exports\r\n */\r\nexport default vueTouchEvents","export default class Deferred<T> {\n  public promise: Promise<T>;\n\n  public reject!: (value: T | PromiseLike<T>) => void;\n  public resolve!: (value: T | PromiseLike<T>) => void;\n\n  constructor() {\n    this.promise = new Promise((resolve, reject) => {\n      this.reject = reject;\n      this.resolve = resolve;\n    });\n  }\n}\n","import { h, reactive, readonly, ref } from 'vue';\n\nimport { DialogProps } from '../../components/Dialog/Dialog.vue';\nimport Deferred from '../../utils/Deferred';\n\nexport interface Result {\n  isConfirmed?: boolean;\n  isCanceled?: boolean;\n}\n\nexport interface ActiveDialog extends DialogProps {\n  deferred?: Deferred<Result>;\n  onConfirm?: () => void;\n  onCancel?: () => void;\n  slots?: Record<string, typeof h>;\n}\n\nconst active = ref<ActiveDialog>();\n\nexport default function useDialog() {\n  function open(dialog: Omit<ActiveDialog, 'deferred'>) {\n    if (active.value) {\n      throw new Error('A Dialog is already being displayed');\n    }\n\n    active.value = {\n      ...dialog,\n      deferred: new Deferred(),\n    };\n\n    return active.value.deferred?.promise;\n  }\n\n  function close() {\n    active.value = undefined;\n  }\n\n  return reactive({\n    /**\n     * The currently open dialog information.\n     */\n    active: readonly(active),\n\n    /**\n     * Opens the dialog.\n     */\n    open,\n\n    /**\n     * Closes the dialog.\n     */\n    close,\n  });\n}\n","<script setup lang=\"ts\">\n  import omit from 'lodash-es/omit';\n  import { computed } from 'vue';\n\n  import useDialog from '../../composables/useDialog/useDialog';\n  import CustomRender from '../CustomRender/CustomRender.vue';\n  import Dialog from '../Dialog/Dialog.vue';\n\n  const dialog = useDialog();\n\n  const attributes = computed(() => {\n    if (!dialog.active) return null;\n\n    return omit(dialog.active, ['deferred', 'onConfirm', 'onCancel', 'slots']);\n  });\n\n  function onCancel() {\n    if (dialog.active?.onCancel) {\n      dialog.active.onCancel();\n    }\n\n    dialog.active?.deferred?.resolve({\n      isCanceled: true,\n    });\n\n    dialog.close();\n  }\n\n  async function onConfirm() {\n    if (dialog.active?.onConfirm) {\n      await dialog.active.onConfirm();\n    }\n\n    dialog.active?.deferred?.resolve({\n      isConfirmed: true,\n    });\n\n    dialog.close();\n  }\n</script>\n\n<template>\n  <Dialog :open=\"!!attributes\" v-bind=\"attributes\" @confirm=\"onConfirm\" @cancel=\"onCancel\">\n    <template v-for=\"(value, name) in dialog.active?.slots\" :key=\"name\" #[name]>\n      <CustomRender :render=\"value\" />\n    </template>\n  </Dialog>\n</template>\n","import { App, createVNode, h, Plugin, render } from 'vue';\n\nimport Dialogs from '../components/Dialogs/Dialogs.vue';\n\nexport interface DialogsPluginOptions {\n  mountNodeClass?: string;\n  mountNodeId?: string;\n}\n\nexport default <Plugin>{\n  install(app: App, options?: DialogsPluginOptions) {\n    const mountNodeId = options?.mountNodeId || 'stash-dialogs-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(Dialogs));\n    document.body.appendChild(mountNode);\n    vNode.appContext = app._context;\n\n    render(vNode, mountNode);\n  },\n};\n","/**\n * The names of the color groups.\n */\nexport type StashPrimaryColorGroup =\n  | 'blue'\n  | 'green'\n  | 'ice'\n  | 'orange'\n  | 'purple'\n  | 'red'\n  | 'royal'\n  | 'seafoam'\n  | 'teal'\n  | 'yellow';\n\n/**\n * Complete list of Stash brand colors & their shades.\n */\nexport enum StashColors {\n  Purple900 = 'purple-900',\n  Purple800 = 'purple-800',\n  Purple700 = 'purple-700',\n  Purple600 = 'purple-600',\n  Purple500 = 'purple-500',\n  Purple400 = 'purple-400',\n  Purple300 = 'purple-300',\n  Purple200 = 'purple-200',\n  Purple100 = 'purple-100',\n\n  Royal900 = 'royal-900',\n  Royal800 = 'royal-800',\n  Royal700 = 'royal-700',\n  Royal600 = 'royal-600',\n  Royal500 = 'royal-500',\n  Royal400 = 'royal-400',\n  Royal300 = 'royal-300',\n  Royal200 = 'royal-200',\n  Royal100 = 'royal-100',\n\n  Blue900 = 'blue-900',\n  Blue800 = 'blue-800',\n  Blue700 = 'blue-700',\n  Blue600 = 'blue-600',\n  Blue500 = 'blue-500',\n  Blue400 = 'blue-400',\n  Blue300 = 'blue-300',\n  Blue200 = 'blue-200',\n  Blue100 = 'blue-100',\n\n  Teal900 = 'teal-900',\n  Teal800 = 'teal-800',\n  Teal700 = 'teal-700',\n  Teal600 = 'teal-600',\n  Teal500 = 'teal-500',\n  Teal400 = 'teal-400',\n  Teal300 = 'teal-300',\n  Teal200 = 'teal-200',\n  Teal100 = 'teal-100',\n\n  Green900 = 'green-900',\n  Green800 = 'green-800',\n  Green700 = 'green-700',\n  Green600 = 'green-600',\n  Green500 = 'green-500',\n  Green400 = 'green-400',\n  Green300 = 'green-300',\n  Green200 = 'green-200',\n  Green100 = 'green-100',\n\n  Seafoam900 = 'seafoam-900',\n  Seafoam800 = 'seafoam-800',\n  Seafoam700 = 'seafoam-700',\n  Seafoam600 = 'seafoam-600',\n  Seafoam500 = 'seafoam-500',\n  Seafoam400 = 'seafoam-400',\n  Seafoam300 = 'seafoam-300',\n  Seafoam200 = 'seafoam-200',\n  Seafoam100 = 'seafoam-100',\n\n  Yellow900 = 'yellow-900',\n  Yellow800 = 'yellow-800',\n  Yellow700 = 'yellow-700',\n  Yellow600 = 'yellow-600',\n  Yellow500 = 'yellow-500',\n  Yellow400 = 'yellow-400',\n  Yellow300 = 'yellow-300',\n  Yellow200 = 'yellow-200',\n  Yellow100 = 'yellow-100',\n\n  Orange900 = 'orange-900',\n  Orange800 = 'orange-800',\n  Orange700 = 'orange-700',\n  Orange600 = 'orange-600',\n  Orange500 = 'orange-500',\n  Orange400 = 'orange-400',\n  Orange300 = 'orange-300',\n  Orange200 = 'orange-200',\n  Orange100 = 'orange-100',\n\n  Red900 = 'red-900',\n  Red800 = 'red-800',\n  Red700 = 'red-700',\n  Red600 = 'red-600',\n  Red500 = 'red-500',\n  Red400 = 'red-400',\n  Red300 = 'red-300',\n  Red200 = 'red-200',\n  Red100 = 'red-100',\n\n  Ice900 = 'ice-900',\n  Ice800 = 'ice-800',\n  Ice700 = 'ice-700',\n  Ice600 = 'ice-600',\n  Ice500 = 'ice-500',\n  Ice400 = 'ice-400',\n  Ice300 = 'ice-300',\n  Ice200 = 'ice-200',\n  Ice100 = 'ice-100',\n\n  White = 'white',\n  Black = 'black',\n}\n\nexport type StashColor = `${StashColors}`;\n\n/**\n * A limited list of stash brand colors, only including their 100, 500, and 700 shades.\n */\nexport enum StashCommonColors {\n  Purple700 = StashColors.Purple700,\n  Purple500 = StashColors.Purple500,\n  Purple100 = StashColors.Purple100,\n\n  Royal700 = StashColors.Royal700,\n  Royal500 = StashColors.Royal500,\n  Royal100 = StashColors.Royal100,\n\n  Blue700 = StashColors.Blue700,\n  Blue500 = StashColors.Blue500,\n  Blue100 = StashColors.Blue100,\n\n  Teal700 = StashColors.Teal700,\n  Teal500 = StashColors.Teal500,\n  Teal100 = StashColors.Teal100,\n\n  Green700 = StashColors.Green700,\n  Green500 = StashColors.Green500,\n  Green100 = StashColors.Green100,\n\n  Seafoam700 = StashColors.Seafoam700,\n  Seafoam500 = StashColors.Seafoam500,\n  Seafoam100 = StashColors.Seafoam100,\n\n  Yellow700 = StashColors.Yellow700,\n  Yellow500 = StashColors.Yellow500,\n  Yellow100 = StashColors.Yellow100,\n\n  Orange700 = StashColors.Orange700,\n  Orange500 = StashColors.Orange500,\n  Orange100 = StashColors.Orange100,\n\n  Red700 = StashColors.Red700,\n  Red500 = StashColors.Red500,\n  Red100 = StashColors.Red100,\n\n  Ice700 = StashColors.Ice700,\n  Ice500 = StashColors.Ice500,\n  Ice200 = StashColors.Ice200, // This is the one outlier, but it's used purposefully in a few places\n  Ice100 = StashColors.Ice100,\n\n  White = 'white',\n  Black = 'black',\n}\n\nexport type StashCommonColor = `${StashCommonColors}`;\n\n/**\n * A limited list of stash brand colors, only including their primary (500) shade.\n */\nexport enum StashPrimaryColors {\n  Blue500 = 'blue-500',\n  Green500 = 'green-500',\n  Ice500 = 'ice-500',\n  Orange500 = 'orange-500',\n  Purple500 = 'purple-500',\n  Red500 = 'red-500',\n  Royal500 = 'royal-500',\n  Seafoam500 = 'seafoam-500',\n  Teal500 = 'teal-500',\n  Yellow500 = 'yellow-500',\n}\n\nexport type StashPrimaryColor = `${StashPrimaryColors}`;\n","import { Plugin } from 'vue';\nimport Vue3TouchEvents from 'vue3-touch-events';\n\nimport { I18nPlugin, StashOptionImages, StashProvideState } from '../types/misc';\nimport locale from './locale';\n// this is valid syntax per the TS docs, but prettier throws an error expecting a comma after `type`\n// eslint-disable-next-line prettier/prettier\nimport DialogsPlugin, { type DialogsPluginOptions } from './plugins/DialogsPlugin';\nimport MenusPlugin, { type MenusPluginOptions } from './plugins/MenusPlugin';\nimport ModalsPlugin, { type ModalsPluginOptions } from './plugins/ModalsPlugin';\nimport ToastsPlugin, { type ToastsPluginOptions } from './plugins/ToastsPlugin';\nimport { overridePersistentStorage, persistentStorage } from './storage';\n\nexport interface StashPluginOptions  {\n  i18n?: I18nPlugin;\n  storage?: {\n    set: <T = unknown>(name: string, data: T, options?: { [key: string]: unknown }) => void;\n    get: <T = unknown>(name: string, options?: { [key: string]: unknown }) => T;\n  };\n  staticPath?: string;\n  images?: StashOptionImages;\n  googleMapsApiKey?: string;\n  menus?: false | MenusPluginOptions;\n  modals?: false | ModalsPluginOptions;\n  toasts?: false | ToastsPluginOptions;\n  dialogs?: false | DialogsPluginOptions;\n}\n\nexport default <Plugin>{\n  install(\n    app,\n    {\n      i18n = undefined,\n      storage = undefined,\n      staticPath = '/static',\n      images = {\n        provider: 'cloudinary',\n        staticDomains: [],\n      },\n      googleMapsApiKey = undefined,\n      menus,\n      modals,\n      toasts,\n      dialogs,\n    }: StashPluginOptions  = {},\n  ) {\n    app.use(Vue3TouchEvents);\n\n    // locale\n    if (i18n) {\n      locale.use(i18n.locale);\n      locale.i18n(i18n && i18n.t);\n    }\n\n    // persistent storage (localStorage)\n    if (storage) {\n      overridePersistentStorage(storage);\n    }\n\n    // expose stash options to the rest of your application\n    app.provide<StashProvideState>('stashOptions', {\n      i18n,\n      images,\n      storage,\n      staticPath,\n      googleMapsApiKey,\n    });\n\n    if (menus !== false) {\n      app.use(MenusPlugin, menus);\n    }\n\n    if (modals !== false) {\n      app.use(ModalsPlugin, modals);\n    }\n\n    if (toasts !== false) {\n      app.use(ToastsPlugin, toasts);\n    }\n\n    if (dialogs !== false) {\n      app.use(DialogsPlugin, dialogs);\n    }\n  },\n};\n\nexport { persistentStorage };\n\n// Re-export things that are useful for consumers\nexport * from '../types';\nexport * from './storage';\n\n// Todo: Investigate tree-shaking issues to see if we can expose these. Theoritically\n// should be no issue, however test framework startup time, specifically w/ Jest,\n// seems to be the major blocker here.\n// export * from './components';\n// export * from './composables';\n// export * from './constants';\n// export * from './directives';\n// export * from './locale';\n// export * from './plugins';\n// export { default as ToastsPlugin } from './plugins/ToastsPlugin';\n"],"names":["touchX","event","touchY","isPassiveSupported","supportsPassive","opts","vueTouchEvents","app","constructorOptions","globalOptions","touchStartEvent","$this","isTouchEvent","isMouseEvent","$el","addTouchClass","hasEvent","triggerEvent","touchMoveEvent","curX","curY","movedAgain","swipeOutBounded","tapTolerance","cancelTouchHoldTimer","now","throttle","touchCancelEvent","removeTouchClass","touchEndEvent","touchholdEnd","direction","distanceY","distanceX","mouseEnterEvent","mouseLeaveEvent","eventType","callbacks","e","param","i","binding","className","buildTouchObj","extraOptions","touchObj","passiveOpt","_m","_e","Deferred","__publicField","resolve","reject","active","ref","useDialog","open","dialog","_a","close","reactive","readonly","attributes","computed","omit","onCancel","_c","_b","onConfirm","DialogsPlugin","options","mountNodeId","mountNode","vNode","createVNode","h","Dialogs","render","StashColors","StashCommonColors","StashPrimaryColors","index","i18n","storage","staticPath","images","googleMapsApiKey","menus","modals","toasts","dialogs","Vue3TouchEvents","locale","overridePersistentStorage","MenusPlugin","ModalsPlugin","ToastsPlugin"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"index.js","sources":["../node_modules/vue3-touch-events/index.js","../src/utils/Deferred.ts","../src/composables/useDialog/useDialog.ts","../src/components/Dialogs/Dialogs.vue","../src/plugins/DialogsPlugin.ts","../types/colors.ts","../src/index.ts"],"sourcesContent":["/**\r\n * @project   vue3-touch-events\r\n * @author    Robin Rodricks, Xavier Julien, Jerry Bendy\r\n * @since     30/4/2021\r\n * @url       https://github.com/robinrodricks/vue3-touch-events\r\n */\r\n\r\nfunction touchX(event) {\r\n    if(event.type.indexOf('mouse') !== -1){\r\n        return event.clientX;\r\n    }\r\n    return event.touches[0].clientX;\r\n}\r\n\r\nfunction touchY(event) {\r\n    if(event.type.indexOf('mouse') !== -1){\r\n        return event.clientY;\r\n    }\r\n    return event.touches[0].clientY;\r\n}\r\n\r\nvar isPassiveSupported = (function() {\r\n    var supportsPassive = false;\r\n    try {\r\n        var opts = Object.defineProperty({}, 'passive', {\r\n            get: function() {\r\n                supportsPassive = true;\r\n            }\r\n        });\r\n        window.addEventListener('test', null, opts);\r\n    } catch (e) {}\r\n    return supportsPassive;\r\n})();\r\n\r\nvar vueTouchEvents = {\r\n    install: function (app, constructorOptions) {\r\n\t\t\r\n        var globalOptions = Object.assign({}, {\r\n            disableClick: false,\r\n            tapTolerance: 10,  // px\r\n            swipeTolerance: 30,  // px\r\n            touchHoldTolerance: 400,  // ms\r\n            longTapTimeInterval: 400,  // ms\r\n            touchClass: '',\r\n\t\t\tdragFrequency: 100, // ms\r\n\t\t\trollOverFrequency: 100, // ms\r\n        }, constructorOptions);\r\n\r\n        function touchStartEvent(event) {\r\n            var $this = this.$$touchObj,\r\n                isTouchEvent = event.type.indexOf('touch') >= 0,\r\n                isMouseEvent = event.type.indexOf('mouse') >= 0,\r\n                $el = this;\r\n\r\n            if (isTouchEvent) {\r\n                $this.lastTouchStartTime = event.timeStamp;\r\n            }\r\n\r\n            if (isMouseEvent && $this.lastTouchStartTime && event.timeStamp - $this.lastTouchStartTime < 350) {\r\n                return;\r\n            }\r\n\r\n            if ($this.touchStarted) {\r\n                return;\r\n            }\r\n\r\n            addTouchClass(this);\r\n\r\n            $this.touchStarted = true; // always true while the element is being PRESSED\r\n\r\n            $this.touchMoved = false; // true only when the element is PRESSED and DRAGGED a bit\r\n            $this.swipeOutBounded = false;\r\n\r\n            $this.startX = touchX(event);\r\n            $this.startY = touchY(event);\r\n\r\n            $this.currentX = 0; // always updated with the last mouse X/Y while over the element\r\n            $this.currentY = 0;\r\n\r\n            $this.touchStartTime = event.timeStamp;\r\n\t\t\t\r\n\t\t\t// performance: only process swipe events if `swipe.*` event is registered on this element\r\n\t\t\t$this.hasSwipe = hasEvent(this, 'swipe')\r\n\t\t\t\t|| hasEvent(this, 'swipe.left') || hasEvent(this, 'swipe.right')\r\n\t\t\t\t|| hasEvent(this, 'swipe.top') || hasEvent(this, 'swipe.bottom');\r\n\r\n\t\t\t// performance: only start hold timer if the `hold` event is registered on this element\r\n\t\t\tif (hasEvent(this, 'hold')){\r\n\t\t\t\t\r\n\t\t\t\t// Trigger touchhold event after `touchHoldTolerance` MS\r\n\t\t\t\t$this.touchHoldTimer = setTimeout(function() {\r\n\t\t\t\t\t$this.touchHoldTimer = null;\r\n\t\t\t\t\ttriggerEvent(event, $el, 'hold');\r\n\t\t\t\t}, $this.options.touchHoldTolerance);\r\n\t\t\t}\r\n\t\t\t\r\n            triggerEvent(event, this, 'press');\r\n        }\r\n\r\n        function touchMoveEvent(event) {\r\n            var $this = this.$$touchObj;\r\n\t\t\t\r\n\t\t\tvar curX = touchX(event);\r\n\t\t\tvar curY = touchY(event);\r\n\r\n\t\t\tvar movedAgain = ($this.currentX != curX) || ($this.currentY != curY);\r\n\t\t\t\r\n            $this.currentX = curX;\r\n            $this.currentY = curY;\r\n\r\n            if (!$this.touchMoved) {\r\n                var tapTolerance = $this.options.tapTolerance;\r\n\r\n                $this.touchMoved = Math.abs($this.startX - $this.currentX) > tapTolerance ||\r\n\t\t\t\t\t\t\t\t   Math.abs($this.startY - $this.currentY) > tapTolerance;\r\n\r\n\t\t\t\t// trigger `drag.once` only once after mouse FIRST moved while dragging the element\r\n\t\t\t\t// (`touchMoved` is the flag that indicates we no longer need to trigger this)\r\n                if($this.touchMoved){\r\n                    cancelTouchHoldTimer($this);\r\n                    triggerEvent(event, this, 'drag.once');\r\n                }\r\n\r\n\t\t\t// performance: only process swipe events if `swipe.*` event is registered on this element\r\n            } else if ($this.hasSwipe && !$this.swipeOutBounded) {\r\n\t\t\t\tvar swipeOutBounded = $this.options.swipeTolerance;\r\n\r\n\t\t\t\t$this.swipeOutBounded = Math.abs($this.startX - $this.currentX) > swipeOutBounded &&\r\n\t\t\t\t\tMath.abs($this.startY - $this.currentY) > swipeOutBounded;\r\n            }\r\n\r\n\t\t\t// only trigger `rollover` event if cursor actually moved over this element\r\n            if(hasEvent(this, 'rollover') && movedAgain){\r\n\t\t\t\t\r\n\t\t\t\t// throttle the `rollover` event based on `rollOverFrequency`\r\n\t\t\t\tvar now = event.timeStamp;\r\n\t\t\t\tvar throttle = $this.options.rollOverFrequency;\r\n\t\t\t\tif ($this.touchRollTime == null || now > ($this.touchRollTime + throttle)){\r\n\t\t\t\t\t$this.touchRollTime = now;\r\n\t\t\t\t\t\r\n\t\t\t\t\ttriggerEvent(event, this, 'rollover');\r\n\t\t\t\t}\r\n            }\r\n\r\n\t\t\t// only trigger `drag` event if cursor actually moved and if we are still dragging this element\r\n            if(hasEvent(this, 'drag') && $this.touchStarted && $this.touchMoved && movedAgain){\r\n\t\t\t\t\r\n\t\t\t\t// throttle the `drag` event based on `dragFrequency`\r\n\t\t\t\tvar now = event.timeStamp;\r\n\t\t\t\tvar throttle = $this.options.dragFrequency;\r\n\t\t\t\tif ($this.touchDragTime == null || now > ($this.touchDragTime + throttle)){\r\n\t\t\t\t\t$this.touchDragTime = now;\r\n\t\t\t\t\t\r\n\t\t\t\t\ttriggerEvent(event, this, 'drag');\r\n\t\t\t\t}\r\n            }\r\n        }\r\n\r\n        function touchCancelEvent() {\r\n            var $this = this.$$touchObj;\r\n\r\n            cancelTouchHoldTimer($this);\r\n            removeTouchClass(this);\r\n\r\n            $this.touchStarted = $this.touchMoved = false;\r\n            $this.startX = $this.startY = 0;\r\n        }\r\n\r\n        function touchEndEvent(event) {\r\n            var $this = this.$$touchObj,\r\n                isTouchEvent = event.type.indexOf('touch') >= 0,\r\n                isMouseEvent = event.type.indexOf('mouse') >= 0;\r\n\r\n            if (isTouchEvent) {\r\n                $this.lastTouchEndTime = event.timeStamp;\r\n            }\r\n\r\n            var touchholdEnd = isTouchEvent && !$this.touchHoldTimer;\r\n            cancelTouchHoldTimer($this);\r\n\r\n            $this.touchStarted = false;\r\n\r\n            removeTouchClass(this);\r\n\r\n            if (isMouseEvent && $this.lastTouchEndTime && event.timeStamp - $this.lastTouchEndTime < 350) {\r\n                return;\r\n            }\r\n\r\n            // trigger `end` event when touch stopped\r\n            triggerEvent(event, this, 'release');\r\n\r\n            if (!$this.touchMoved) {\r\n                // detect if this is a longTap event or not\r\n                if (hasEvent(this, 'longtap') && event.timeStamp - $this.touchStartTime > $this.options.longTapTimeInterval) {\r\n                    if (event.cancelable) {\r\n                        event.preventDefault();\r\n                    }\r\n                    triggerEvent(event, this, 'longtap');\r\n\r\n                } else if (hasEvent(this, 'hold') && touchholdEnd) {\r\n                    if (event.cancelable) {\r\n                        event.preventDefault();\r\n                    }\r\n                    return;\r\n                } else {\r\n                    // emit tap event\r\n                    triggerEvent(event, this, 'tap');\r\n                }\r\n\r\n\t\t\t// performance: only process swipe events if `swipe.*` event is registered on this element\r\n            } else if ($this.hasSwipe && !$this.swipeOutBounded) {\r\n                var swipeOutBounded = $this.options.swipeTolerance,\r\n                    direction,\r\n                    distanceY = Math.abs($this.startY - $this.currentY),\r\n                    distanceX = Math.abs($this.startX - $this.currentX);\r\n\r\n                if (distanceY > swipeOutBounded || distanceX > swipeOutBounded) {\r\n                    if (distanceY > swipeOutBounded) {\r\n                        direction = $this.startY > $this.currentY ? 'top' : 'bottom';\r\n                    } else {\r\n                        direction = $this.startX > $this.currentX ? 'left' : 'right';\r\n                    }\r\n\r\n                    // Only emit the specified event when it has modifiers\r\n                    if (hasEvent(this, 'swipe.' + direction)) {\r\n                        triggerEvent(event, this, 'swipe.' + direction, direction);\r\n                    } else {\r\n                        // Emit a common event when it has no any modifier\r\n                        triggerEvent(event, this, 'swipe', direction);\r\n                    }\r\n                }\r\n            }\r\n        }\r\n\r\n        function mouseEnterEvent() {\r\n            addTouchClass(this);\r\n        }\r\n\r\n        function mouseLeaveEvent() {\r\n            removeTouchClass(this);\r\n        }\r\n\r\n        function hasEvent($el, eventType) {\r\n            var callbacks = $el.$$touchObj.callbacks[eventType];\r\n\t\t\treturn (callbacks != null && callbacks.length > 0);\r\n\t\t}\r\n\t\t\r\n        function triggerEvent(e, $el, eventType, param) {\r\n            var $this = $el.$$touchObj;\r\n\r\n            // get the subscribers for this event\r\n            var callbacks = $this.callbacks[eventType];\r\n\t\t\t\r\n\t\t\t// exit if no subscribers to this particular event\r\n            if (callbacks == null || callbacks.length === 0) {\r\n                return null;\r\n            }\r\n\r\n\t\t\t// per callback\r\n            for (var i = 0; i < callbacks.length; i++) {\r\n                var binding = callbacks[i];\r\n\r\n                if (binding.modifiers.stop) {\r\n                    e.stopPropagation();\r\n                }\r\n\r\n                if (binding.modifiers.prevent) {\r\n                    e.preventDefault();\r\n                }\r\n\r\n                // handle `self` modifier`\r\n                if (binding.modifiers.self && e.target !== e.currentTarget) {\r\n                    continue;\r\n                }\r\n\r\n                if (typeof binding.value === 'function') {\r\n                    if (param) {\r\n                        binding.value(param, e);\r\n                    } else {\r\n                        binding.value(e);\r\n                    }\r\n                }\r\n            }\r\n        }\r\n\r\n        function addTouchClass($el) {\r\n            var className = $el.$$touchObj.options.touchClass;\r\n            className && $el.classList.add(className);\r\n        }\r\n\r\n        function removeTouchClass($el) {\r\n            var className = $el.$$touchObj.options.touchClass;\r\n            className && $el.classList.remove(className);\r\n        }\r\n\r\n        function cancelTouchHoldTimer($this) {\r\n            if ($this.touchHoldTimer) {\r\n                clearTimeout($this.touchHoldTimer);\r\n                $this.touchHoldTimer = null;\r\n            }\r\n        }\r\n\r\n        function buildTouchObj($el, extraOptions) {\r\n            var touchObj = $el.$$touchObj || {\r\n                // an object contains all callbacks registered,\r\n                // key is event name, value is an array\r\n                callbacks: {},\r\n                // prevent bind twice, set to true when event bound\r\n                hasBindTouchEvents: false,\r\n                // default options, would be override by v-touch-options\r\n                options: globalOptions\r\n            };\r\n            if (extraOptions) {\r\n                touchObj.options = Object.assign({}, touchObj.options, extraOptions);\r\n            }\r\n            $el.$$touchObj = touchObj;\r\n            return $el.$$touchObj;\r\n        }\r\n\r\n        app.directive('touch', {\r\n            beforeMount: function ($el, binding) {\r\n                // build a touch configuration object\r\n                var $this = buildTouchObj($el);\r\n                // declare passive option for the event listener. Defaults to { passive: true } if supported\r\n                var passiveOpt = isPassiveSupported ? { passive: true } : false;\r\n                // register callback\r\n                var eventType = binding.arg || 'tap';\r\n                switch (eventType) {\r\n                    case 'swipe':\r\n                        var _m = binding.modifiers;\r\n                        if (_m.left || _m.right || _m.top || _m.bottom) {\r\n                            for (var i in binding.modifiers) {\r\n                                if (['left', 'right', 'top', 'bottom'].indexOf(i) >= 0) {\r\n                                    var _e = 'swipe.' + i;\r\n                                    $this.callbacks[_e] = $this.callbacks[_e] || [];\r\n                                    $this.callbacks[_e].push(binding);\r\n                                }\r\n                            }\r\n                        } else {\r\n                            $this.callbacks.swipe = $this.callbacks.swipe || [];\r\n                            $this.callbacks.swipe.push(binding);\r\n                        }\r\n                        break;\r\n\r\n                    case 'press':\r\n                    case 'drag':\r\n                        if (binding.modifiers.disablePassive) {\r\n                            // change the passive option for the `drag` event if disablePassive modifier exists\r\n                            passiveOpt = false;\r\n                        }\r\n                    default:\r\n                        $this.callbacks[eventType] = $this.callbacks[eventType] || [];\r\n                        $this.callbacks[eventType].push(binding);\r\n                }\r\n\r\n                // prevent bind twice\r\n                if ($this.hasBindTouchEvents) {\r\n                    return;\r\n                }\r\n\r\n                $el.addEventListener('touchstart', touchStartEvent, passiveOpt);\r\n                $el.addEventListener('touchmove', touchMoveEvent, passiveOpt);\r\n                $el.addEventListener('touchcancel', touchCancelEvent);\r\n                $el.addEventListener('touchend', touchEndEvent);\r\n\r\n                if (!$this.options.disableClick) {\r\n                    $el.addEventListener('mousedown', touchStartEvent);\r\n                    $el.addEventListener('mousemove', touchMoveEvent);\r\n                    $el.addEventListener('mouseup', touchEndEvent);\r\n                    $el.addEventListener('mouseenter', mouseEnterEvent);\r\n                    $el.addEventListener('mouseleave', mouseLeaveEvent);\r\n                }\r\n\r\n                // set bind mark to true\r\n                $this.hasBindTouchEvents = true;\r\n            },\r\n\r\n            unmounted: function ($el) {\r\n                $el.removeEventListener('touchstart', touchStartEvent);\r\n                $el.removeEventListener('touchmove', touchMoveEvent);\r\n                $el.removeEventListener('touchcancel', touchCancelEvent);\r\n                $el.removeEventListener('touchend', touchEndEvent);\r\n\r\n                if ($el.$$touchObj && !$el.$$touchObj.options.disableClick) {\r\n                    $el.removeEventListener('mousedown', touchStartEvent);\r\n                    $el.removeEventListener('mousemove', touchMoveEvent);\r\n                    $el.removeEventListener('mouseup', touchEndEvent);\r\n                    $el.removeEventListener('mouseenter', mouseEnterEvent);\r\n                    $el.removeEventListener('mouseleave', mouseLeaveEvent);\r\n                }\r\n\r\n                // remove vars\r\n                delete $el.$$touchObj;\r\n            }\r\n        });\r\n\r\n        app.directive('touch-class', {\r\n            beforeMount: function ($el, binding) {\r\n                buildTouchObj($el, {\r\n                    touchClass: binding.value\r\n                });\r\n            }\r\n        });\r\n\r\n        app.directive('touch-options', {\r\n            beforeMount: function($el, binding) {\r\n                buildTouchObj($el, binding.value);\r\n            }\r\n        });\r\n    }\r\n};\r\n\r\n/*\r\n * Exports\r\n */\r\nexport default vueTouchEvents","export default class Deferred<T> {\n  public promise: Promise<T>;\n\n  public reject!: (value: T | PromiseLike<T>) => void;\n  public resolve!: (value: T | PromiseLike<T>) => void;\n\n  constructor() {\n    this.promise = new Promise((resolve, reject) => {\n      this.reject = reject;\n      this.resolve = resolve;\n    });\n  }\n}\n","import { h, reactive, readonly, ref } from 'vue';\n\nimport { DialogProps } from '../../components/Dialog/Dialog.vue';\nimport Deferred from '../../utils/Deferred';\n\nexport interface Result {\n  isConfirmed?: boolean;\n  isCanceled?: boolean;\n}\n\nexport interface ActiveDialog extends DialogProps {\n  deferred?: Deferred<Result>;\n  onConfirm?: () => void;\n  onCancel?: () => void;\n  slots?: Record<string, typeof h>;\n}\n\nconst active = ref<ActiveDialog>();\n\nexport default function useDialog() {\n  function open(dialog: Omit<ActiveDialog, 'deferred'>) {\n    if (active.value) {\n      throw new Error('A Dialog is already being displayed');\n    }\n\n    active.value = {\n      ...dialog,\n      deferred: new Deferred(),\n    };\n\n    return active.value.deferred?.promise;\n  }\n\n  function close() {\n    active.value = undefined;\n  }\n\n  return reactive({\n    /**\n     * The currently open dialog information.\n     */\n    active: readonly(active),\n\n    /**\n     * Opens the dialog.\n     */\n    open,\n\n    /**\n     * Closes the dialog.\n     */\n    close,\n  });\n}\n","<script setup lang=\"ts\">\n  import omit from 'lodash-es/omit';\n  import { computed } from 'vue';\n\n  import useDialog from '../../composables/useDialog/useDialog';\n  import CustomRender from '../CustomRender/CustomRender.vue';\n  import Dialog from '../Dialog/Dialog.vue';\n\n  const dialog = useDialog();\n\n  const attributes = computed(() => {\n    if (!dialog.active) return null;\n\n    return omit(dialog.active, ['deferred', 'onConfirm', 'onCancel', 'slots']);\n  });\n\n  function onCancel() {\n    if (dialog.active?.onCancel) {\n      dialog.active.onCancel();\n    }\n\n    dialog.active?.deferred?.resolve({\n      isCanceled: true,\n    });\n\n    dialog.close();\n  }\n\n  async function onConfirm() {\n    if (dialog.active?.onConfirm) {\n      await dialog.active.onConfirm();\n    }\n\n    dialog.active?.deferred?.resolve({\n      isConfirmed: true,\n    });\n\n    dialog.close();\n  }\n</script>\n\n<template>\n  <Dialog :open=\"!!attributes\" v-bind=\"attributes\" @confirm=\"onConfirm\" @cancel=\"onCancel\">\n    <template v-for=\"(value, name) in dialog.active?.slots\" :key=\"name\" #[name]>\n      <CustomRender :render=\"value\" />\n    </template>\n  </Dialog>\n</template>\n","import { App, createVNode, h, Plugin, render } from 'vue';\n\nimport Dialogs from '../components/Dialogs/Dialogs.vue';\n\nexport interface DialogsPluginOptions {\n  mountNodeClass?: string;\n  mountNodeId?: string;\n}\n\nexport default <Plugin>{\n  install(app: App, options?: DialogsPluginOptions) {\n    const mountNodeId = options?.mountNodeId || 'stash-dialogs-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(Dialogs));\n    document.body.appendChild(mountNode);\n    vNode.appContext = app._context;\n\n    render(vNode, mountNode);\n  },\n};\n","/**\n * The names of the color groups.\n */\nexport type StashPrimaryColorGroup =\n  | 'blue'\n  | 'green'\n  | 'ice'\n  | 'orange'\n  | 'purple'\n  | 'red'\n  | 'royal'\n  | 'seafoam'\n  | 'teal'\n  | 'yellow';\n\n/**\n * Complete list of Stash brand colors & their shades.\n */\nexport enum StashColors {\n  Purple900 = 'purple-900',\n  Purple800 = 'purple-800',\n  Purple700 = 'purple-700',\n  Purple600 = 'purple-600',\n  Purple500 = 'purple-500',\n  Purple400 = 'purple-400',\n  Purple300 = 'purple-300',\n  Purple200 = 'purple-200',\n  Purple100 = 'purple-100',\n\n  Royal900 = 'royal-900',\n  Royal800 = 'royal-800',\n  Royal700 = 'royal-700',\n  Royal600 = 'royal-600',\n  Royal500 = 'royal-500',\n  Royal400 = 'royal-400',\n  Royal300 = 'royal-300',\n  Royal200 = 'royal-200',\n  Royal100 = 'royal-100',\n\n  Blue900 = 'blue-900',\n  Blue800 = 'blue-800',\n  Blue700 = 'blue-700',\n  Blue600 = 'blue-600',\n  Blue500 = 'blue-500',\n  Blue400 = 'blue-400',\n  Blue300 = 'blue-300',\n  Blue200 = 'blue-200',\n  Blue100 = 'blue-100',\n\n  Teal900 = 'teal-900',\n  Teal800 = 'teal-800',\n  Teal700 = 'teal-700',\n  Teal600 = 'teal-600',\n  Teal500 = 'teal-500',\n  Teal400 = 'teal-400',\n  Teal300 = 'teal-300',\n  Teal200 = 'teal-200',\n  Teal100 = 'teal-100',\n\n  Green900 = 'green-900',\n  Green800 = 'green-800',\n  Green700 = 'green-700',\n  Green600 = 'green-600',\n  Green500 = 'green-500',\n  Green400 = 'green-400',\n  Green300 = 'green-300',\n  Green200 = 'green-200',\n  Green100 = 'green-100',\n\n  Seafoam900 = 'seafoam-900',\n  Seafoam800 = 'seafoam-800',\n  Seafoam700 = 'seafoam-700',\n  Seafoam600 = 'seafoam-600',\n  Seafoam500 = 'seafoam-500',\n  Seafoam400 = 'seafoam-400',\n  Seafoam300 = 'seafoam-300',\n  Seafoam200 = 'seafoam-200',\n  Seafoam100 = 'seafoam-100',\n\n  Yellow900 = 'yellow-900',\n  Yellow800 = 'yellow-800',\n  Yellow700 = 'yellow-700',\n  Yellow600 = 'yellow-600',\n  Yellow500 = 'yellow-500',\n  Yellow400 = 'yellow-400',\n  Yellow300 = 'yellow-300',\n  Yellow200 = 'yellow-200',\n  Yellow100 = 'yellow-100',\n\n  Orange900 = 'orange-900',\n  Orange800 = 'orange-800',\n  Orange700 = 'orange-700',\n  Orange600 = 'orange-600',\n  Orange500 = 'orange-500',\n  Orange400 = 'orange-400',\n  Orange300 = 'orange-300',\n  Orange200 = 'orange-200',\n  Orange100 = 'orange-100',\n\n  Red900 = 'red-900',\n  Red800 = 'red-800',\n  Red700 = 'red-700',\n  Red600 = 'red-600',\n  Red500 = 'red-500',\n  Red400 = 'red-400',\n  Red300 = 'red-300',\n  Red200 = 'red-200',\n  Red100 = 'red-100',\n\n  Ice900 = 'ice-900',\n  Ice800 = 'ice-800',\n  Ice700 = 'ice-700',\n  Ice600 = 'ice-600',\n  Ice500 = 'ice-500',\n  Ice400 = 'ice-400',\n  Ice300 = 'ice-300',\n  Ice200 = 'ice-200',\n  Ice100 = 'ice-100',\n\n  White = 'white',\n  Black = 'black',\n}\n\nexport type StashColor = `${StashColors}`;\n\n/**\n * A limited list of stash brand colors, only including their 100, 500, and 700 shades.\n */\nexport enum StashCommonColors {\n  Purple700 = StashColors.Purple700,\n  Purple500 = StashColors.Purple500,\n  Purple100 = StashColors.Purple100,\n\n  Royal700 = StashColors.Royal700,\n  Royal500 = StashColors.Royal500,\n  Royal100 = StashColors.Royal100,\n\n  Blue700 = StashColors.Blue700,\n  Blue500 = StashColors.Blue500,\n  Blue100 = StashColors.Blue100,\n\n  Teal700 = StashColors.Teal700,\n  Teal500 = StashColors.Teal500,\n  Teal100 = StashColors.Teal100,\n\n  Green700 = StashColors.Green700,\n  Green500 = StashColors.Green500,\n  Green100 = StashColors.Green100,\n\n  Seafoam700 = StashColors.Seafoam700,\n  Seafoam500 = StashColors.Seafoam500,\n  Seafoam100 = StashColors.Seafoam100,\n\n  Yellow700 = StashColors.Yellow700,\n  Yellow500 = StashColors.Yellow500,\n  Yellow100 = StashColors.Yellow100,\n\n  Orange700 = StashColors.Orange700,\n  Orange500 = StashColors.Orange500,\n  Orange100 = StashColors.Orange100,\n\n  Red700 = StashColors.Red700,\n  Red500 = StashColors.Red500,\n  Red100 = StashColors.Red100,\n\n  Ice700 = StashColors.Ice700,\n  Ice500 = StashColors.Ice500,\n  Ice200 = StashColors.Ice200, // This is the one outlier, but it's used purposefully in a few places\n  Ice100 = StashColors.Ice100,\n\n  White = 'white',\n  Black = 'black',\n}\n\nexport type StashCommonColor = `${StashCommonColors}`;\n\n/**\n * A limited list of stash brand colors, only including their primary (500) shade.\n */\nexport enum StashPrimaryColors {\n  Blue500 = 'blue-500',\n  Green500 = 'green-500',\n  Ice500 = 'ice-500',\n  Orange500 = 'orange-500',\n  Purple500 = 'purple-500',\n  Red500 = 'red-500',\n  Royal500 = 'royal-500',\n  Seafoam500 = 'seafoam-500',\n  Teal500 = 'teal-500',\n  Yellow500 = 'yellow-500',\n}\n\nexport type StashPrimaryColor = `${StashPrimaryColors}`;\n","import { Plugin } from 'vue';\nimport Vue3TouchEvents from 'vue3-touch-events';\n\nimport { I18nPlugin, StashOptionImages, StashProvideState } from '../types/misc';\nimport locale from './locale';\n// this is valid syntax per the TS docs, but prettier throws an error expecting a comma after `type`\n// eslint-disable-next-line prettier/prettier\nimport DialogsPlugin, { type DialogsPluginOptions } from './plugins/DialogsPlugin';\nimport MenusPlugin, { type MenusPluginOptions } from './plugins/MenusPlugin';\nimport ModalsPlugin, { type ModalsPluginOptions } from './plugins/ModalsPlugin';\nimport ToastsPlugin, { type ToastsPluginOptions } from './plugins/ToastsPlugin';\nimport { overridePersistentStorage, persistentStorage } from './storage';\n\nexport interface StashPluginOptions  {\n  i18n?: I18nPlugin;\n  storage?: {\n    set: <T = unknown>(name: string, data: T, options?: { [key: string]: unknown }) => void;\n    get: <T = unknown>(name: string, options?: { [key: string]: unknown }) => T;\n  };\n  staticPath?: string;\n  images?: StashOptionImages;\n  googleMapsApiKey?: string;\n  menus?: false | MenusPluginOptions;\n  modals?: false | ModalsPluginOptions;\n  toasts?: false | ToastsPluginOptions;\n  dialogs?: false | DialogsPluginOptions;\n}\n\nexport default <Plugin>{\n  install(\n    app,\n    {\n      i18n = undefined,\n      storage = undefined,\n      staticPath = '/static',\n      images = {\n        provider: 'static',\n        staticDomains: [],\n      },\n      googleMapsApiKey = undefined,\n      menus,\n      modals,\n      toasts,\n      dialogs,\n    }: StashPluginOptions  = {},\n  ) {\n    app.use(Vue3TouchEvents);\n\n    // locale\n    if (i18n) {\n      locale.use(i18n.locale);\n      locale.i18n(i18n && i18n.t);\n    }\n\n    // persistent storage (localStorage)\n    if (storage) {\n      overridePersistentStorage(storage);\n    }\n\n    // expose stash options to the rest of your application\n    app.provide<StashProvideState>('stashOptions', {\n      i18n,\n      images,\n      storage,\n      staticPath,\n      googleMapsApiKey,\n    });\n\n    if (menus !== false) {\n      app.use(MenusPlugin, menus);\n    }\n\n    if (modals !== false) {\n      app.use(ModalsPlugin, modals);\n    }\n\n    if (toasts !== false) {\n      app.use(ToastsPlugin, toasts);\n    }\n\n    if (dialogs !== false) {\n      app.use(DialogsPlugin, dialogs);\n    }\n  },\n};\n\nexport { persistentStorage };\n\n// Re-export things that are useful for consumers\nexport * from '../types';\nexport * from './storage';\n\n// Todo: Investigate tree-shaking issues to see if we can expose these. Theoritically\n// should be no issue, however test framework startup time, specifically w/ Jest,\n// seems to be the major blocker here.\n// export * from './components';\n// export * from './composables';\n// export * from './constants';\n// export * from './directives';\n// export * from './locale';\n// export * from './plugins';\n// export { default as ToastsPlugin } from './plugins/ToastsPlugin';\n"],"names":["touchX","event","touchY","isPassiveSupported","supportsPassive","opts","vueTouchEvents","app","constructorOptions","globalOptions","touchStartEvent","$this","isTouchEvent","isMouseEvent","$el","addTouchClass","hasEvent","triggerEvent","touchMoveEvent","curX","curY","movedAgain","swipeOutBounded","tapTolerance","cancelTouchHoldTimer","now","throttle","touchCancelEvent","removeTouchClass","touchEndEvent","touchholdEnd","direction","distanceY","distanceX","mouseEnterEvent","mouseLeaveEvent","eventType","callbacks","e","param","i","binding","className","buildTouchObj","extraOptions","touchObj","passiveOpt","_m","_e","Deferred","__publicField","resolve","reject","active","ref","useDialog","open","dialog","_a","close","reactive","readonly","attributes","computed","omit","onCancel","_c","_b","onConfirm","DialogsPlugin","options","mountNodeId","mountNode","vNode","createVNode","h","Dialogs","render","StashColors","StashCommonColors","StashPrimaryColors","index","i18n","storage","staticPath","images","googleMapsApiKey","menus","modals","toasts","dialogs","Vue3TouchEvents","locale","overridePersistentStorage","MenusPlugin","ModalsPlugin","ToastsPlugin"],"mappings":"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","x_google_ignoreList":[0]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@leaflink/stash",
-  "version": "44.6.1",
+  "version": "44.7.0",
   "description": "LeafLink's design system.",
   "homepage": "https://stash.leaflink.com",
   "main": "./dist/index.ts",
@@ -92,7 +92,8 @@
     "docs:spritesheet": "svg-sprite --symbol --symbol-dest=docs/public/ --symbol-sprite=spritesheet.svg --svg-namespace-ids=false assets/icons/*.svg",
     "docs": "npm run docs:spritesheet && npm run docs:illustrations && npm run docs:logos && vitepress dev docs",
     "docs:build": "npm run docs:spritesheet && npm run docs:illustrations && npm run docs:logos && vitepress build docs",
-    "docs:preview": "vitepress preview docs"
+    "docs:preview": "vitepress preview docs",
+    "prepare": "husky install"
   },
   "dependencies": {
     "@floating-ui/vue": "^1.0.2",
@@ -138,9 +139,12 @@
     "@vue/test-utils": "^2.4.1",
     "autoprefixer": "^9.7.4",
     "babel-core": "^7.0.0-bridge.0",
+    "doctoc": "^2.2.1",
     "eslint": "^8.41.0",
     "eslint-config-leaflink": "^3.3.0",
+    "husky": "^9.0.11",
     "jsdom": "^22.1.0",
+    "lint-staged": "^15.2.2",
     "postcss": "^8.4.35",
     "postcss-html": "^1.5.0",
     "postcss-prefix-selector": "^1.16.0",
@@ -177,5 +181,11 @@
     "typescript": {
       "optional": true
     }
+  },
+  "lint-staged": {
+    "{README,CONTRIBUTING,ARCHITECTURE}.md": [
+      "prettier --write --config ./node_modules/eslint-config-leaflink/prettier.js",
+      "doctoc --title '## Table of Contents'"
+    ]
   }
 }