@onereach/ui-components 27.0.2-beta.6095.0 → 27.0.2-beta.6097.0

package/dist/esm/index.mjs

@@ -1,15 +1,15 @@
-import { O as o } from "./OrAutocomplete-BMyFCKjB.mjs";
+import { O as o } from "./OrAutocomplete-BN3Xpwjd.mjs";
 import { a as t, A as s, O } from "./OrAvatar-kdj2ReS0.mjs";
-import { B as p, O as m } from "./OrBottomSheet-DQ83BBtJ.mjs";
+import { B as p, O as m } from "./OrBottomSheet-CALU9i4F.mjs";
 import { O as x } from "./OrButtonGroup-CzWH9eea.mjs";
 import { O as V } from "./OrButton-ZxDr22t7.mjs";
 import { a as T, b as d, B as c } from "./OrButton.vue_vue_type_script_lang-CkMyXNEI.mjs";
-import { C, O as b, d as u, g as S, l as I } from "./OrCardCollection-DuyDtPAS.mjs";
+import { C, O as b, d as u, g as S, l as I } from "./OrCardCollection-CjekjM1k.mjs";
 import { C as g, O as G } from "./OrCard-7awJu_df.mjs";
-import { O as R } from "./OrCheckboxGroup-Db0mdVfM.mjs";
-import { O as F } from "./OrCheckboxTree-Com4vL18.mjs";
-import { O as B } from "./OrCheckbox-B_121oYu.mjs";
-import { C as M, O as v } from "./OrCode-CVTfoJyM.mjs";
+import { O as R } from "./OrCheckboxGroup-DsfhAyGT.mjs";
+import { O as F } from "./OrCheckboxTree-BMYhaqZA.mjs";
+import { O as B } from "./OrCheckbox-BOjpvXxF.mjs";
+import { C as M, O as v } from "./OrCode-ztGltLid.mjs";
 import { lintGutter as w, linter as A } from "@codemirror/lint";
 import { javascript as y } from "@codemirror/lang-javascript";
 import { json as _, jsonParseLinter as j } from "@codemirror/lang-json";
@@ -17,82 +17,82 @@ import { html as W } from "@codemirror/lang-html";
 import { EditorView as Q } from "@codemirror/view";
 import { EditorState as K } from "@codemirror/state";
 import { O as Y } from "./OrCombinedInput-BNkXzDBe.mjs";
-import { C as $, O as rr } from "./OrConfirm-CeUSyKEp.mjs";
-import { O as or } from "./OrContextMenu-DcT0nnkQ.mjs";
-import { a as tr, b as sr, D as Or, c as ir, d as pr, q as mr, o as nr, g as xr, e as fr, f as Vr, r as lr, j as Tr, h as dr, i as cr, m as Dr, k as Cr, l as br, n as ur, p as Sr, O as Ir } from "./OrDataGrid-BJiaRanm.mjs";
-import { O as gr } from "./OrDateFormat-DAWQiFzM.mjs";
-import { O as kr } from "./OrDatePicker-Ifk1LBLg.mjs";
-import { O as Er } from "./OrDateRangePicker-Bof0o04S.mjs";
-import { O as hr } from "./OrDateTimeFormat-DM_xsd5r.mjs";
-import { O as Lr } from "./OrDateTimePicker-D9QS_dRK.mjs";
-import { O as vr, a as zr, b as wr, c as Ar, d as Nr, e as yr, f as Hr, g as _r, h as jr, i as Ur, j as Wr, k as qr, l as Qr, m as Jr, s as Kr } from "./OrDateTimePicker.vue_vue_type_script_lang-8aFx3wpJ.mjs";
+import { C as $, O as rr } from "./OrConfirm-BPhIA7mR.mjs";
+import { O as or } from "./OrContextMenu-DPkHnqgT.mjs";
+import { a as tr, b as sr, D as Or, c as ir, d as pr, q as mr, o as nr, g as xr, e as fr, f as Vr, r as lr, j as Tr, h as dr, i as cr, m as Dr, k as Cr, l as br, n as ur, p as Sr, O as Ir } from "./OrDataGrid-B328rIKA.mjs";
+import { O as gr } from "./OrDateFormat-BjiFSSuj.mjs";
+import { O as kr } from "./OrDatePicker-1F67cACL.mjs";
+import { O as Er } from "./OrDateRangePicker-DNVZygmL.mjs";
+import { O as hr } from "./OrDateTimeFormat-DlpIdVns.mjs";
+import { O as Lr } from "./OrDateTimePicker-C4MLM7_6.mjs";
+import { O as vr, a as zr, b as wr, c as Ar, d as Nr, e as yr, f as Hr, g as _r, h as jr, i as Ur, j as Wr, k as qr, l as Qr, m as Jr, s as Kr } from "./OrDateTimePicker.vue_vue_type_script_lang-BPdT_UVf.mjs";
 import { g as Yr } from "./getNextMonthDate-CzdFz1JW.mjs";
 import { D as $r, O as ra } from "./OrDrawer-CxFRr8z9.mjs";
 import { D as oa, O as ea, a as ta } from "./OrDropArea-CtaQeTMw.mjs";
-import { E as Oa, O as ia } from "./OrEditorTabs-Bh2K-4Ri.mjs";
+import { E as Oa, O as ia } from "./OrEditorTabs-BELjrrI7.mjs";
 import { E as ma, O as na } from "./OrEmptyState-C6viT2WQ.mjs";
 import { O as fa } from "./OrErrorTag-B35sZEF9.mjs";
 import { O as la } from "./OrError-B5ihH6-3.mjs";
 import { b as da, a as ca, E as Da, O as Ca } from "./OrExpansionPanel-CrGf7B-b.mjs";
 import { F as ua, O as Sa } from "./OrFab-B2oDFwgM.mjs";
-import { O as Pa } from "./OrFilterPopover-BBEzdSDi.mjs";
-import { O as Ga } from "./OrFilterTrigger-SjWE1kLx.mjs";
-import { O as Ra } from "./OrFilter-Bcw2JmIE.mjs";
+import { O as Pa } from "./OrFilterPopover-DpZsF63k.mjs";
+import { O as Ga } from "./OrFilterTrigger-CZ-7CIOH.mjs";
+import { O as Ra } from "./OrFilter-OdRbXJoe.mjs";
 import { F as Fa, a as ha, O as Ba } from "./OrFormGroup-CUNdt7UL.mjs";
 import { O as Ma } from "./OrHint-NvbZyURY.mjs";
-import { I as za, O as wa } from "./OrIconButton-D1pxfMA_.mjs";
+import { I as za, O as wa } from "./OrIconButton-BuRmTHpT.mjs";
 import { a as Na, I as ya, O as Ha } from "./OrIcon-k8cyvh-D.mjs";
 import { I as ja, a as Ua, O as Wa } from "./OrIndicator-CdMrJtoj.mjs";
 import { I as Qa, O as Ja } from "./OrInlineInputBox-M_zTO43m.mjs";
-import { I as Xa, O as Ya } from "./OrInlineInput-BPt6D5QF.mjs";
-import { O as $a } from "./OrInlineTextarea-CadTst3o.mjs";
+import { I as Xa, O as Ya } from "./OrInlineInput-Bfq5_wSj.mjs";
+import { O as $a } from "./OrInlineTextarea-sBAI13VJ.mjs";
 import { O as ao } from "./OrInputBox-6ciokFdU.mjs";
 import { I as eo, b as to, a as so } from "./OrInputBox.vue_vue_type_script_lang-q2L7rmth.mjs";
-import { a as io, I as po, O as mo } from "./OrInput-CzRxZM3i.mjs";
+import { a as io, I as po, O as mo } from "./OrInput-KTr5t05G.mjs";
 import { L as xo, O as fo } from "./OrLabel-K7_HgvcK.mjs";
 import { L as lo, O as To } from "./OrLink-Vl_H8MMg.mjs";
-import { a as Do, O as Co } from "./OrList-Dsr37TgO.mjs";
+import { a as Do, O as Co } from "./OrList-B1m0OvOM.mjs";
 import { a as uo, b as So, L as Io, O as Po } from "./OrLoader-2SaTMxmZ.mjs";
-import { O as Go } from "./OrMenuItem-KgHok8gW.mjs";
-import { O as Ro } from "./OrMenu-Cc6IzYWK.mjs";
-import { M as Fo, O as ho } from "./OrModal-D1gCHnN1.mjs";
-import { N as Lo, O as Mo, V as vo } from "./OrNotification-DObxgRie.mjs";
+import { O as Go } from "./OrMenuItem-CFz6OW23.mjs";
+import { O as Ro } from "./OrMenu-DdcBdA4v.mjs";
+import { M as Fo, O as ho } from "./OrModal-btf3bd3k.mjs";
+import { N as Lo, O as Mo, V as vo } from "./OrNotification-BfguyG3y.mjs";
 import { O as wo } from "./OrOverlay-BzbAwvpo.mjs";
-import { O as No } from "./OrPagination-DRBRRL2g.mjs";
-import { O as Ho, a as _o, P as jo, g as Uo, b as Wo, i as qo, s as Qo } from "./OrPopover-DDoG-KKY.mjs";
+import { O as No } from "./OrPagination-ePWsnwsu.mjs";
+import { O as Ho, a as _o, P as jo, g as Uo, b as Wo, i as qo, s as Qo } from "./OrPopover-DsFw4mp2.mjs";
 import { O as Ko, P as Xo, a as Yo } from "./OrProgress-Cup4X--u.mjs";
-import { O as $o } from "./OrRadioGroup-PJcCPCFn.mjs";
-import { O as ae } from "./OrRadio-BZN3fBLW.mjs";
-import { O as ee } from "./OrRangeSlider-PAzeqzie.mjs";
+import { O as $o } from "./OrRadioGroup-BAcRSss9.mjs";
+import { O as ae } from "./OrRadio-DmqGtOvf.mjs";
+import { O as ee } from "./OrRangeSlider-CCy-Y7EH.mjs";
 import { O as se, R as Oe } from "./OrRating-CAwz23JA.mjs";
-import { O as pe, R as me, a as ne } from "./OrResizeablePanel-DxPqTbtV.mjs";
-import { F as fe, O as Ve, R as le, a as Te } from "./OrRichTextEditor-hSmFPW-b.mjs";
-import { O as ce, R as De } from "./OrRichTooltip-CDQEAeML.mjs";
-import { O as be } from "./OrSearch-Csld1hBq.mjs";
+import { O as pe, R as me, a as ne } from "./OrResizeablePanel-BBoIfFxF.mjs";
+import { F as fe, O as Ve, R as le, a as Te } from "./OrRichTextEditor-DBHpnkJU.mjs";
+import { O as ce, R as De } from "./OrRichTooltip-tlx0W9ck.mjs";
+import { O as be } from "./OrSearch-CrYPoIJM.mjs";
 import { O as Se, S as Ie } from "./OrSegmentedControl-DfPHDw7E.mjs";
-import { O as ge } from "./OrSelect-DBhNKmRX.mjs";
-import { O as ke, S as Re } from "./props-BoHyDesf.mjs";
+import { O as ge } from "./OrSelect-DkMsZ1Pl.mjs";
+import { O as ke, S as Re } from "./props-Cm5FStaL.mjs";
 import { b as Fe, O as he, a as Be } from "./OrSkeletonArea-fMhHFyo1.mjs";
 import { O as Me } from "./OrSkeletonArea.vue_vue_type_script_lang-jgRhbZ0X.mjs";
-import { O as ze } from "./OrSlider-DHIaTguY.mjs";
-import { S as Ae, a as Ne } from "./OrSlider.vue_vue_type_script_lang--k0M0Q7N.mjs";
-import { O as He } from "./OrSorting-ihkkh12O.mjs";
+import { O as ze } from "./OrSlider-zUTsz1DB.mjs";
+import { S as Ae, a as Ne } from "./OrSlider.vue_vue_type_script_lang-ggTiRZpX.mjs";
+import { O as He } from "./OrSorting-BGeIMkZ5.mjs";
 import { O as je, a as Ue, S as We } from "./OrStatus-CdidYltP.mjs";
-import { O as Qe } from "./OrSubMenuItem-BBg7SvWQ.mjs";
-import { O as Ke } from "./OrSwitch-BtoXDsZx.mjs";
+import { O as Qe } from "./OrSubMenuItem-BIOJeBwe.mjs";
+import { O as Ke } from "./OrSwitch-IqjDSZBa.mjs";
 import { O as Ye } from "./OrTab-BdtxL_PY.mjs";
-import { O as $e, a as rt, T as at } from "./OrTabs-eXFvC3c6.mjs";
-import { O as et } from "./OrTagInput-DIMSvMNK.mjs";
-import { O as st, a as Ot, T as it } from "./OrTag-DWp6cMUp.mjs";
-import { O as mt, T as nt } from "./OrTags-DKwmNfkN.mjs";
+import { O as $e, a as rt, T as at } from "./OrTabs-DUihTKOm.mjs";
+import { O as et } from "./OrTagInput-B2cjYeWN.mjs";
+import { O as st, a as Ot, T as it } from "./OrTag-D-GAZ0Hm.mjs";
+import { O as mt, T as nt } from "./OrTags-CMPGvbL2.mjs";
 import { O as ft } from "./OrTeleport.vue3-C9kW_8PS.mjs";
 import { O as lt } from "./OrText-3zAJU5xf.mjs";
 import { O as dt } from "./OrTextarea-sLey7v2k.mjs";
-import { O as Dt } from "./OrTimeFormat-Bs_Jfd9U.mjs";
-import { O as bt } from "./OrTimePicker-C_pYA5Yn.mjs";
-import { O as St } from "./OrTimeRangePicker-b2Ec1RQg.mjs";
-import { a as Pt, O as gt, p as Gt, t as kt, b as Rt, u as Et } from "./types-5RPO11-2.mjs";
-import { O as ht } from "./OrTooltip-cverJ1se.mjs";
+import { O as Dt } from "./OrTimeFormat-DWJ-VXll.mjs";
+import { O as bt } from "./OrTimePicker-fI5D3Eo9.mjs";
+import { O as St } from "./OrTimeRangePicker-Bnhl5CLg.mjs";
+import { a as Pt, O as gt, p as Gt, t as kt, b as Rt, u as Et } from "./types-DrXNmeDl.mjs";
+import { O as ht } from "./OrTooltip-CAvo-mxv.mjs";
 import { O as Lt, T as Mt } from "./OrTree-D6Rn9TKW.mjs";
 export * from "@onereach/ui-components-common";
 export {

package/dist/esm/{props-BoHyDesf.mjs → props-Cm5FStaL.mjs}

@@ -1,5 +1,5 @@
 import { usePopoverState as v } from "@onereach/ui-components-common/hooks";
-import { R as o, O as w } from "./OrResizeablePanel-DxPqTbtV.mjs";
+import { R as o, O as w } from "./OrResizeablePanel-BBoIfFxF.mjs";
 import { defineComponent as $, ref as z, computed as a, toRef as k, resolveComponent as C, openBlock as d, createBlock as O, createSlots as N, withCtx as i, createElementVNode as u, normalizeClass as r, createElementBlock as b, renderSlot as s, createCommentVNode as g } from "vue";
 import { _ as P } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
 const R = [
@@ -219,4 +219,4 @@ export {
   G as O,
   U as S
 };
-//# sourceMappingURL=props-BoHyDesf.mjs.map
+//# sourceMappingURL=props-Cm5FStaL.mjs.map

package/dist/esm/{props-BoHyDesf.mjs.map → props-Cm5FStaL.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"props-BoHyDesf.mjs","sources":["../../../components/or-sidebar-v3/src/styles.ts","../../../components/or-sidebar-v3/src/OrSidebar.vue","../../../components/or-sidebar-v3/src/props.ts"],"sourcesContent":["import { ResizeablePanelPadding } from '@onereach/ui-components.or-resizeable-panel-v3';\n\nexport const Sidebar: string[] = [\n  // Layout\n  'layout-column grow',\n\n  // Overflow\n  'overflow-hidden',\n];\n\nexport const SidebarHeader: string[] = [\n  // Layout\n  'shrink-0',\n\n  // Overflow\n  'overflow-hidden',\n\n  // Typography\n  'typography-headline-2 truncate',\n];\n\nexport const SidebarHeaderPaddings: Record<ResizeablePanelPadding, string[]> = {\n  [ResizeablePanelPadding.L]: [\n    // Box\n    'px-lg',\n    'py-lg',\n  ],\n\n  [ResizeablePanelPadding.M]: [\n    // Box\n    'px-md',\n    'py-md',\n  ],\n\n  [ResizeablePanelPadding.S]: [\n    // Box\n    'px-sm',\n    'py-sm',\n  ],\n\n  [ResizeablePanelPadding.None]: [],\n};\n\nexport const SidebarContent: string[] = [\n  // Layout\n  'grow',\n\n  // Overflow\n  'overflow-auto',\n];\n\nexport const SidebarContentPaddings: Record<ResizeablePanelPadding, string[]> = {\n  [ResizeablePanelPadding.L]: [\n    // Box\n    'px-lg',\n    'py-lg',\n  ],\n\n  [ResizeablePanelPadding.M]: [\n    // Box\n    'px-md',\n    'py-md',\n  ],\n\n  [ResizeablePanelPadding.S]: [\n    // Box\n    'px-sm',\n    'py-sm',\n  ],\n\n  [ResizeablePanelPadding.None]: [],\n};\n\nexport const SidebarFooter: string[] = [\n  // Layout\n  'shrink-0',\n\n  // Overflow\n  'overflow-hidden',\n\n  // Theme\n  'theme-border-outline-variant border-t-1',\n  'dark:theme-border-outline-variant-dark',\n];\n\nexport const SidebarFooterPaddings: Record<ResizeablePanelPadding, string[]> = {\n  [ResizeablePanelPadding.L]: [\n    // Box\n    'px-lg',\n    'py-lg',\n  ],\n\n  [ResizeablePanelPadding.M]: [\n    // Box\n    'px-md',\n    'py-md',\n  ],\n\n  [ResizeablePanelPadding.S]: [\n    // Box\n    'px-sm',\n    'py-sm',\n  ],\n\n  [ResizeablePanelPadding.None]: [],\n};\n","<template>\n  <OrResizeablePanel\n    :is-open=\"state === 'open'\"\n    :width=\"width\"\n    :min-width=\"minWidth\"\n    :max-width=\"maxWidth\"\n    :padding=\"'none'\"\n    :placement=\"placement\"\n    :resizeable=\"resizeable\"\n    :collapsible=\"collapsible\"\n    @update:state=\"$event === 'open' ? open() : close()\"\n    @resize=\"$emit('resize', $event)\"\n  >\n    <div\n      :ref=\"'root'\"\n      :class=\"rootStyles\"\n    >\n      <template v-if=\"$slots.header\">\n        <header :class=\"headerStyles\">\n          <slot name=\"header\" />\n        </header>\n      </template>\n\n      <div :class=\"contentStyles\">\n        <slot />\n      </div>\n\n      <template v-if=\"$slots.footer\">\n        <footer :class=\"footerStyles\">\n          <slot name=\"footer\" />\n        </footer>\n      </template>\n    </div>\n\n    <template\n      v-if=\"$slots.collapsedContent\"\n      v-slot:collapsedContent\n    >\n      <slot name=\"collapsedContent\" />\n    </template>\n\n    <template\n      v-if=\"!!$slots.toolbar\"\n      v-slot:toolbar\n    >\n      <slot name=\"toolbar\" />\n    </template>\n  </OrResizeablePanel>\n</template>\n\n<script lang=\"ts\">\nimport { usePopoverState } from '@onereach/ui-components-common/hooks';\nimport { OrResizeablePanelV3 as OrResizeablePanel, ResizeablePanelPadding } from '@onereach/ui-components.or-resizeable-panel-v3';\nimport { PropType, computed, defineComponent, ref, toRef } from 'vue';\n\nimport { SidebarPlacement } from './props';\nimport { Sidebar, SidebarContent, SidebarContentPaddings, SidebarFooter, SidebarFooterPaddings, SidebarHeader, SidebarHeaderPaddings } from './styles';\n\nexport default defineComponent({\n  name: 'OrSidebar',\n\n  components: {\n    OrResizeablePanel,\n  },\n\n  props: {\n    isOpen: {\n      type: Boolean,\n      default: true,\n    },\n\n    width: {\n      type: Number,\n      default: 320,\n    },\n\n    minWidth: {\n      type: Number,\n      default: undefined,\n    },\n\n    maxWidth: {\n      type: Number,\n      default: undefined,\n    },\n\n    padding: {\n      type: String as PropType<`${ResizeablePanelPadding}`>,\n      default: () => ResizeablePanelPadding.M,\n    },\n\n    placement: {\n      type: String as PropType<`${SidebarPlacement}`>,\n      default: undefined,\n    },\n\n    resizeable: {\n      type: Boolean,\n      default: undefined,\n    },\n\n    collapsible: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  emits: [\n    'update:state',\n\n    'open',\n    'close',\n\n    'resize',\n  ],\n\n  expose: [\n    'root',\n\n    'state',\n\n    'open',\n    'close',\n    'toggle',\n  ],\n\n  setup(props, context) {\n    // Refs\n    const root = ref<HTMLElement>();\n\n    // Styles\n    const rootStyles = computed(() => [\n      'or-sidebar-v3',\n      ...Sidebar,\n    ]);\n\n    const headerStyles = computed(() => [\n      ...SidebarHeader,\n      ...SidebarHeaderPaddings[props.padding],\n    ]);\n\n    const contentStyles = computed(() => [\n      ...SidebarContent,\n      ...SidebarContentPaddings[props.padding],\n    ]);\n\n    const footerStyles = computed(() => [\n      ...SidebarFooter,\n      ...SidebarFooterPaddings[props.padding],\n    ]);\n\n    // State\n    const { state, open, close, toggle } = usePopoverState(toRef(props, 'isOpen'), context.emit);\n\n    return {\n      root,\n\n      rootStyles,\n      headerStyles,\n      contentStyles,\n      footerStyles,\n\n      state,\n      open,\n      close,\n      toggle,\n    };\n  },\n});\n</script>\n","export enum SidebarPlacement {\n  Left = 'left',\n  Right = 'right',\n}\n"],"names":["Sidebar","SidebarHeader","SidebarHeaderPaddings","ResizeablePanelPadding","SidebarContent","SidebarContentPaddings","SidebarFooter","SidebarFooterPaddings","_sfc_main","defineComponent","OrResizeablePanel","props","context","root","ref","rootStyles","computed","headerStyles","contentStyles","footerStyles","state","open","close","toggle","usePopoverState","toRef","_component_OrResizeablePanel","_resolveComponent","_openBlock","_createBlock","_ctx","_cache","$event","_createSlots","_withCtx","_createElementVNode","_normalizeClass","_createElementBlock","_createCommentVNode","_renderSlot","SidebarPlacement"],"mappings":";;;;AAEO,MAAMA,IAAoB;AAAA;AAAA,EAE/B;AAAA;AAAA,EAGA;AACF,GAEaC,IAA0B;AAAA;AAAA,EAErC;AAAA;AAAA,EAGA;AAAA;AAAA,EAGA;AACF,GAEaC,IAAkE;AAAA,EAC7E,CAACC,EAAuB,CAAC,GAAG;AAAA;AAAA,IAE1B;AAAA,IACA;AAAA,EACF;AAAA,EAEA,CAACA,EAAuB,CAAC,GAAG;AAAA;AAAA,IAE1B;AAAA,IACA;AAAA,EACF;AAAA,EAEA,CAACA,EAAuB,CAAC,GAAG;AAAA;AAAA,IAE1B;AAAA,IACA;AAAA,EACF;AAAA,EAEA,CAACA,EAAuB,IAAI,GAAG,CAAC;AAClC,GAEaC,IAA2B;AAAA;AAAA,EAEtC;AAAA;AAAA,EAGA;AACF,GAEaC,IAAmE;AAAA,EAC9E,CAACF,EAAuB,CAAC,GAAG;AAAA;AAAA,IAE1B;AAAA,IACA;AAAA,EACF;AAAA,EAEA,CAACA,EAAuB,CAAC,GAAG;AAAA;AAAA,IAE1B;AAAA,IACA;AAAA,EACF;AAAA,EAEA,CAACA,EAAuB,CAAC,GAAG;AAAA;AAAA,IAE1B;AAAA,IACA;AAAA,EACF;AAAA,EAEA,CAACA,EAAuB,IAAI,GAAG,CAAC;AAClC,GAEaG,IAA0B;AAAA;AAAA,EAErC;AAAA;AAAA,EAGA;AAAA;AAAA,EAGA;AAAA,EACA;AACF,GAEaC,IAAkE;AAAA,EAC7E,CAACJ,EAAuB,CAAC,GAAG;AAAA;AAAA,IAE1B;AAAA,IACA;AAAA,EACF;AAAA,EAEA,CAACA,EAAuB,CAAC,GAAG;AAAA;AAAA,IAE1B;AAAA,IACA;AAAA,EACF;AAAA,EAEA,CAACA,EAAuB,CAAC,GAAG;AAAA;AAAA,IAE1B;AAAA,IACA;AAAA,EACF;AAAA,EAEA,CAACA,EAAuB,IAAI,GAAG,CAAC;AAClC,GC/CAK,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EAEN,YAAY;AAAA,IACV,mBAAAC;AAAA,EACF;AAAA,EAEA,OAAO;AAAA,IACL,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS,MAAMP,EAAuB;AAAA,IACxC;AAAA,IAEA,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,aAAa;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EAEA,OAAO;AAAA,IACL;AAAA,IAEA;AAAA,IACA;AAAA,IAEA;AAAA,EACF;AAAA,EAEA,QAAQ;AAAA,IACN;AAAA,IAEA;AAAA,IAEA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAAA,EAEA,MAAMQ,GAAOC,GAAS;AAEpB,UAAMC,IAAOC,KAGPC,IAAaC,EAAS,MAAM;AAAA,MAChC;AAAA,MACA,GAAGhB;AAAA,IAAA,CACJ,GAEKiB,IAAeD,EAAS,MAAM;AAAA,MAClC,GAAGf;AAAA,MACH,GAAGC,EAAsBS,EAAM,OAAO;AAAA,IAAA,CACvC,GAEKO,IAAgBF,EAAS,MAAM;AAAA,MACnC,GAAGZ;AAAA,MACH,GAAGC,EAAuBM,EAAM,OAAO;AAAA,IAAA,CACxC,GAEKQ,IAAeH,EAAS,MAAM;AAAA,MAClC,GAAGV;AAAA,MACH,GAAGC,EAAsBI,EAAM,OAAO;AAAA,IAAA,CACvC,GAGK,EAAE,OAAAS,GAAO,MAAAC,GAAM,OAAAC,GAAO,QAAAC,EAAO,IAAIC,EAAgBC,EAAMd,GAAO,QAAQ,GAAGC,EAAQ,IAAI;AAEpF,WAAA;AAAA,MACL,MAAAC;AAAA,MAEA,YAAAE;AAAA,MACA,cAAAE;AAAA,MACA,eAAAC;AAAA,MACA,cAAAC;AAAA,MAEA,OAAAC;AAAA,MACA,MAAAC;AAAA,MACA,OAAAC;AAAA,MACA,QAAAC;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;;AAzHqB,QAAAG,IAAAC,EAAA,mBAAA;SA5CZC,EAAO,GAAAC,EAAAH,GAAA;AAAA,IACZ,WAASI,EAAE,UAAQ;AAAA,IACnB,OAASA,EAAA;AAAA,IACT,aAASA,EAAM;AAAA,IACf,aAAWA,EAAA;AAAA,IACX,SAAA;AAAA,IACA,WAAWA,EAAE;AAAA,IACb,YAAYA,EAAA;AAAA,IACZ,aAAMA,EAAA;AAAA,IAAA,kBAAAC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAAA,MAAA,SAAAF,EAAA,KAAA,IAAAA,EAAA,MAAA;AAAA,iBAEP,MAmBMC,EAAA,CAAA,IAAA,CAAAC,MAAAF,EAAA,MAAA,UAAAE,CAAA;AAAA,EAnBN,GAAAC,EAAA;AAAA,IAAA,SACQC,EAAM,MAAA;AAAA,MAAAC,EACN,OAAE;AAAA,QAAA,KAAA;AAAA,eAEQC,EAAaN,EAAA,UAAA;AAAA,MAAA,GAAA;AAAA,QACbA,EAAA,OAAA,UAAAF,EAAA,GAAAS,EAAE,UAAY;AAAA,UAAA,KAAA;AAAA,UAC1B,OAAsBD,EAAAN,EAAA,YAAA;AAAA,QAAA,GAAA;AAAA;QAI1B,GAAA,CAAA,KAAMQ,EAAK,IAAE,EAAA;AAAA,QAAAH,EAAA,OAAA;AAAA,UACX,OAAQC,EAAAN,EAAA,aAAA;AAAA,QAAA,GAAA;AAAA,UAGMS,EAAOT,EAAM,QAAA,SAAA;AAAA,QAAA,GAAA,CAAA;AAAA,QACbA,EAAA,OAAA,UAAAF,EAAA,GAAAS,EAAE,UAAY;AAAA,UAAA,KAAA;AAAA,UAC1B,OAAsBD,EAAAN,EAAA,YAAA;AAAA,QAAA,GAAA;AAAA;;;;IAMpB,GAAA;AAAA,EAAA,GAAA;AAAA,IACCA,EAAA,OAAA,mBAAA;AAAA,MAEP,MAAA;AAAA,MAAA,IAAAI,EAAA,MAAA;AAAA;;;IAIQ,IAAA;AAAA,IACDJ,EAAA,OAAA,UAAA;AAAA,MAEP,MAAA;AAAA,MAAA,IAAAI,EAAA,MAAA;AAAA;;;;;;;AC7CM,IAAAM,sBAAAA,OACVA,EAAA,OAAO,QACPA,EAAA,QAAQ,SAFEA,IAAAA,KAAA,CAAA,CAAA;"}
+{"version":3,"file":"props-Cm5FStaL.mjs","sources":["../../../components/or-sidebar-v3/src/styles.ts","../../../components/or-sidebar-v3/src/OrSidebar.vue","../../../components/or-sidebar-v3/src/props.ts"],"sourcesContent":["import { ResizeablePanelPadding } from '@onereach/ui-components.or-resizeable-panel-v3';\n\nexport const Sidebar: string[] = [\n  // Layout\n  'layout-column grow',\n\n  // Overflow\n  'overflow-hidden',\n];\n\nexport const SidebarHeader: string[] = [\n  // Layout\n  'shrink-0',\n\n  // Overflow\n  'overflow-hidden',\n\n  // Typography\n  'typography-headline-2 truncate',\n];\n\nexport const SidebarHeaderPaddings: Record<ResizeablePanelPadding, string[]> = {\n  [ResizeablePanelPadding.L]: [\n    // Box\n    'px-lg',\n    'py-lg',\n  ],\n\n  [ResizeablePanelPadding.M]: [\n    // Box\n    'px-md',\n    'py-md',\n  ],\n\n  [ResizeablePanelPadding.S]: [\n    // Box\n    'px-sm',\n    'py-sm',\n  ],\n\n  [ResizeablePanelPadding.None]: [],\n};\n\nexport const SidebarContent: string[] = [\n  // Layout\n  'grow',\n\n  // Overflow\n  'overflow-auto',\n];\n\nexport const SidebarContentPaddings: Record<ResizeablePanelPadding, string[]> = {\n  [ResizeablePanelPadding.L]: [\n    // Box\n    'px-lg',\n    'py-lg',\n  ],\n\n  [ResizeablePanelPadding.M]: [\n    // Box\n    'px-md',\n    'py-md',\n  ],\n\n  [ResizeablePanelPadding.S]: [\n    // Box\n    'px-sm',\n    'py-sm',\n  ],\n\n  [ResizeablePanelPadding.None]: [],\n};\n\nexport const SidebarFooter: string[] = [\n  // Layout\n  'shrink-0',\n\n  // Overflow\n  'overflow-hidden',\n\n  // Theme\n  'theme-border-outline-variant border-t-1',\n  'dark:theme-border-outline-variant-dark',\n];\n\nexport const SidebarFooterPaddings: Record<ResizeablePanelPadding, string[]> = {\n  [ResizeablePanelPadding.L]: [\n    // Box\n    'px-lg',\n    'py-lg',\n  ],\n\n  [ResizeablePanelPadding.M]: [\n    // Box\n    'px-md',\n    'py-md',\n  ],\n\n  [ResizeablePanelPadding.S]: [\n    // Box\n    'px-sm',\n    'py-sm',\n  ],\n\n  [ResizeablePanelPadding.None]: [],\n};\n","<template>\n  <OrResizeablePanel\n    :is-open=\"state === 'open'\"\n    :width=\"width\"\n    :min-width=\"minWidth\"\n    :max-width=\"maxWidth\"\n    :padding=\"'none'\"\n    :placement=\"placement\"\n    :resizeable=\"resizeable\"\n    :collapsible=\"collapsible\"\n    @update:state=\"$event === 'open' ? open() : close()\"\n    @resize=\"$emit('resize', $event)\"\n  >\n    <div\n      :ref=\"'root'\"\n      :class=\"rootStyles\"\n    >\n      <template v-if=\"$slots.header\">\n        <header :class=\"headerStyles\">\n          <slot name=\"header\" />\n        </header>\n      </template>\n\n      <div :class=\"contentStyles\">\n        <slot />\n      </div>\n\n      <template v-if=\"$slots.footer\">\n        <footer :class=\"footerStyles\">\n          <slot name=\"footer\" />\n        </footer>\n      </template>\n    </div>\n\n    <template\n      v-if=\"$slots.collapsedContent\"\n      v-slot:collapsedContent\n    >\n      <slot name=\"collapsedContent\" />\n    </template>\n\n    <template\n      v-if=\"!!$slots.toolbar\"\n      v-slot:toolbar\n    >\n      <slot name=\"toolbar\" />\n    </template>\n  </OrResizeablePanel>\n</template>\n\n<script lang=\"ts\">\nimport { usePopoverState } from '@onereach/ui-components-common/hooks';\nimport { OrResizeablePanelV3 as OrResizeablePanel, ResizeablePanelPadding } from '@onereach/ui-components.or-resizeable-panel-v3';\nimport { PropType, computed, defineComponent, ref, toRef } from 'vue';\n\nimport { SidebarPlacement } from './props';\nimport { Sidebar, SidebarContent, SidebarContentPaddings, SidebarFooter, SidebarFooterPaddings, SidebarHeader, SidebarHeaderPaddings } from './styles';\n\nexport default defineComponent({\n  name: 'OrSidebar',\n\n  components: {\n    OrResizeablePanel,\n  },\n\n  props: {\n    isOpen: {\n      type: Boolean,\n      default: true,\n    },\n\n    width: {\n      type: Number,\n      default: 320,\n    },\n\n    minWidth: {\n      type: Number,\n      default: undefined,\n    },\n\n    maxWidth: {\n      type: Number,\n      default: undefined,\n    },\n\n    padding: {\n      type: String as PropType<`${ResizeablePanelPadding}`>,\n      default: () => ResizeablePanelPadding.M,\n    },\n\n    placement: {\n      type: String as PropType<`${SidebarPlacement}`>,\n      default: undefined,\n    },\n\n    resizeable: {\n      type: Boolean,\n      default: undefined,\n    },\n\n    collapsible: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  emits: [\n    'update:state',\n\n    'open',\n    'close',\n\n    'resize',\n  ],\n\n  expose: [\n    'root',\n\n    'state',\n\n    'open',\n    'close',\n    'toggle',\n  ],\n\n  setup(props, context) {\n    // Refs\n    const root = ref<HTMLElement>();\n\n    // Styles\n    const rootStyles = computed(() => [\n      'or-sidebar-v3',\n      ...Sidebar,\n    ]);\n\n    const headerStyles = computed(() => [\n      ...SidebarHeader,\n      ...SidebarHeaderPaddings[props.padding],\n    ]);\n\n    const contentStyles = computed(() => [\n      ...SidebarContent,\n      ...SidebarContentPaddings[props.padding],\n    ]);\n\n    const footerStyles = computed(() => [\n      ...SidebarFooter,\n      ...SidebarFooterPaddings[props.padding],\n    ]);\n\n    // State\n    const { state, open, close, toggle } = usePopoverState(toRef(props, 'isOpen'), context.emit);\n\n    return {\n      root,\n\n      rootStyles,\n      headerStyles,\n      contentStyles,\n      footerStyles,\n\n      state,\n      open,\n      close,\n      toggle,\n    };\n  },\n});\n</script>\n","export enum SidebarPlacement {\n  Left = 'left',\n  Right = 'right',\n}\n"],"names":["Sidebar","SidebarHeader","SidebarHeaderPaddings","ResizeablePanelPadding","SidebarContent","SidebarContentPaddings","SidebarFooter","SidebarFooterPaddings","_sfc_main","defineComponent","OrResizeablePanel","props","context","root","ref","rootStyles","computed","headerStyles","contentStyles","footerStyles","state","open","close","toggle","usePopoverState","toRef","_component_OrResizeablePanel","_resolveComponent","_openBlock","_createBlock","_ctx","_cache","$event","_createSlots","_withCtx","_createElementVNode","_normalizeClass","_createElementBlock","_createCommentVNode","_renderSlot","SidebarPlacement"],"mappings":"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"}

package/dist/esm/{types-5RPO11-2.mjs → types-DrXNmeDl.mjs}

@@ -4,7 +4,7 @@ import { O as G } from "./OrTeleport.vue3-C9kW_8PS.mjs";
 import { createSharedComposable as Q, useEventBus as $, useToggle as X, noop as J } from "@vueuse/core";
 import { defineComponent as N, ref as w, computed as f, resolveComponent as _, openBlock as h, createElementBlock as b, normalizeClass as C, renderSlot as K, createVNode as D, createCommentVNode as I, createElementVNode as U, toDisplayString as W, createBlock as B, withModifiers as Z, onBeforeMount as x, onBeforeUnmount as ee, nextTick as te, withCtx as M, TransitionGroup as oe, Fragment as se, renderList as re, mergeProps as ne } from "vue";
 import { error as ae, success as ie } from "@onereach/ui-components-common/assets";
-import { O as le } from "./OrIconButton-D1pxfMA_.mjs";
+import { O as le } from "./OrIconButton-BuRmTHpT.mjs";
 import { O as ue } from "./OrLoader-2SaTMxmZ.mjs";
 import { _ as P } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
 var L = /* @__PURE__ */ ((e) => (e.Right = "right", e.Left = "left", e.Center = "center", e))(L || {}), A = /* @__PURE__ */ ((e) => (e.Top = "top", e.Bottom = "bottom", e))(A || {}), E = /* @__PURE__ */ ((e) => (e.Slide = "slide", e.Fade = "fade", e))(E || {}), y = /* @__PURE__ */ ((e) => (e.Success = "success", e.Error = "error", e.Loading = "loading", e))(y || {});
@@ -477,4 +477,4 @@ export {
   De as t,
   Ne as u
 };
-//# sourceMappingURL=types-5RPO11-2.mjs.map
+//# sourceMappingURL=types-DrXNmeDl.mjs.map

package/dist/esm/{types-5RPO11-2.mjs.map → types-DrXNmeDl.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"types-5RPO11-2.mjs","sources":["../../../components/or-toast-v3/src/props.ts","../../../components/or-toast-v3/src/styles.ts","../../../components/or-toast-v3/src/OrToast.vue","../../../components/or-toast-v3/src/composable/useQueue.ts","../../../components/or-toast-v3/src/composable/useToastEventBus.ts","../../../components/or-toast-v3/src/or-toast-container-v3/OrToastContainer.vue","../../../components/or-toast-v3/src/Timer.ts","../../../components/or-toast-v3/src/composable/useToast.ts"],"sourcesContent":["export enum PositionsX {\n  Right = 'right',\n  Left = 'left',\n  Center = 'center',\n}\n\nexport enum PositionsY {\n  Top = 'top',\n  Bottom = 'bottom',\n}\n\nexport enum TransitionType {\n  Slide = 'slide',\n  Fade = 'fade',\n}\n\nexport enum ToastType {\n  Success = 'success',\n  Error = 'error',\n  Loading = 'loading',\n}\n","import { PositionsX, PositionsY, ToastType } from './props';\n\nexport const Toast: string[] = [\n  // Layout\n  'layout-row',\n\n  // Box\n  'w-[theme(tokens.mobile-toast-width)] md:w-[theme(tokens.desktop-toast-width)]',\n\n  // Shape\n  'rounded-md',\n\n  // Spacing\n  'px-md',\n  'py-md',\n\n  'gap-md',\n\n  // Typography\n  'typography-caption-regular',\n\n  // Elevation\n  'shadow-card',\n  'dark:shadow-card-dark',\n\n  // Theme\n  'theme-background-surface-inverse',\n  'dark:theme-background-surface-inverse-dark',\n\n  'theme-foreground-on-surface-inverse',\n  'dark:theme-foreground-on-surface-inverse-dark',\n\n  // Theme (children)\n  '[&_:any-link]:text-inverse-primary',\n  'dark:[&_:any-link]:text-inverse-primary-dark',\n];\n\nexport const ToastContainer: string[] = [\n  // Position\n  'absolute',\n\n  // Layout\n  'layout-column',\n\n  // Spacing\n  'gap-sm',\n\n  // Overflow\n  'overflow-hidden',\n];\n\nexport const ToastContainerPositions: Record<`${PositionsX}-${PositionsY}`, string[]> = {\n  'left-top': [\n    // Position\n    'left-md md:left-lg',\n    'top-md md:top-lg',\n  ],\n\n  'center-top': [\n    // Position\n    'top-md md:top-lg',\n  ],\n\n  'right-top': [\n    // Position\n    'right-md md:right-lg',\n    'top-md md:top-lg',\n  ],\n\n  'left-bottom': [\n    // Position\n    'left-md md:left-lg',\n    'bottom-md md:bottom-lg',\n  ],\n\n  'center-bottom': [\n    // Position\n    'bottom-md md:bottom-lg',\n  ],\n\n  'right-bottom': [\n    // Position\n    'right-md md:right-lg',\n    'bottom-md md:bottom-lg',\n  ],\n};\n\nexport const messageStyleVariant: Record<ToastType, string[]> = {\n  'success': [\n    // Typography\n    'typography-caption-regular',\n  ],\n\n  'error': [\n    // Typography\n    'typography-caption-regular',\n  ],\n\n  'loading': [\n    // Typography\n    'typography-caption-regular',\n  ],\n};\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n  >\n    <slot name=\"content\">\n      <!-- before message -->\n      <div\n        v-if=\"toastType === 'loading'\"\n        :class=\"loaderStyle\"\n      >\n        <OrLoader\n          :variant=\"'circular'\"\n          :color=\"'inherit'\"\n          :size=\"'s'\"\n        />\n      </div>\n\n      <img\n        v-else-if=\"emojiSrc\"\n        :class=\"toastIconStyle\"\n        :src=\"emojiSrc\"\n        alt=\"Emoji\"\n      >\n\n      <!-- message -->\n      <div\n        v-if=\"messageText\"\n        :class=\"messageStyle\"\n        v-html=\"messageText\"\n      />\n    </slot>\n\n    <div :class=\"['layout-row', 'self-start', 'gap-md']\">\n      <template v-if=\"link\">\n        <a\n          class=\"or-toast__link\"\n          :href=\"link.href\"\n          :target=\"hrefTarget\"\n          @click=\"onLinkClick\"\n        >\n          {{ link.title }}\n        </a>\n      </template>\n\n      <template v-if=\"dismissible\">\n        <OrIconButton\n          :icon=\"'close'\"\n          :size=\"'m'\"\n          @click.stop=\"onClose()\"\n        />\n      </template>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { error as errorPng, success as successPng } from '@onereach/ui-components-common/assets';\nimport { OrIconButtonV3 as OrIconButton } from '@onereach/ui-components.or-icon-button-v3';\nimport { OrLoaderV3 as OrLoader } from '@onereach/ui-components.or-loader-v3';\nimport { computed, defineComponent, PropType, ref } from 'vue';\n\nimport { ToastType } from './props';\nimport { messageStyleVariant, Toast } from './styles';\nimport { ToastLink } from './types';\n\nexport default defineComponent({\n  name: 'OrToast',\n\n  components: {\n    OrIconButton,\n    OrLoader,\n  },\n\n  props: {\n    toastType: {\n      type: String as PropType<`${ToastType}`>,\n      default: () => ToastType.Success,\n    },\n\n    link: {\n      type: Object as PropType<ToastLink>,\n      default: undefined,\n    },\n\n    messageText: {\n      type: String,\n      default: undefined,\n    },\n\n    dismissible: {\n      type: Boolean,\n      default: true,\n    },\n  },\n\n  emits: [\n    'close',\n  ],\n\n  expose: [\n    'root',\n  ],\n\n  setup(props, context) {\n    // Refs\n    const root = ref<HTMLElement>();\n\n    // Styles\n    const rootStyles = computed(() => [\n      ...Toast,\n    ]);\n\n    const toastIconStyle = computed(() => [\n      'self-center',\n      'object-cover',\n      // Box\n      'w-[20px]',\n      'h-[20px]',\n    ]);\n\n    const messageStyle = computed(() => [\n      ...messageStyleVariant[props.toastType],\n      'grow',\n    ]);\n\n    const loaderStyle = computed(() => [\n      //Layout\n      'self-center',\n      // Theme\n      'text-inverse-primary',\n      'dark:text-inverse-primary-dark',\n    ]);\n\n    // State\n    const emojiSrc = computed(() => {\n      switch (props.toastType) {\n        case ToastType.Success:\n          return successPng;\n        case ToastType.Error:\n          return errorPng;\n        default:\n          return null;\n      }\n    });\n\n    const hrefTarget = computed(() => {\n      return props.link?.target ?? '_self';\n    });\n\n    // Methods\n    function onClose(): void {\n      context.emit('close');\n    }\n\n    function onLinkClick(event: MouseEvent): void {\n      if (props.link?.callback) {\n        event.preventDefault();\n        props.link.callback?.();\n      }\n    }\n\n    return {\n      root,\n      toastIconStyle,\n      rootStyles,\n      loaderStyle,\n      messageStyle,\n      emojiSrc,\n      hrefTarget,\n      onClose,\n      onLinkClick,\n    };\n  },\n});\n</script>\n\n<style lang=\"scss\" scoped>\n.or-toast__link {\n  word-break: break-word;\n  white-space: nowrap;\n  cursor: pointer;\n}\n</style>\n","import { Ref, ref } from 'vue';\n\nexport default function useQueue<T>(initialValue?: Array<T>) {\n  //generic needed! see https://github.com/vuejs/core/issues/2136\n  const queue = ref<Array<T>>(initialValue || []) as Ref<Ref<T>[]>;\n\n  const addItem = (item: T): void => {\n    const refItem = ref<T>(item) as Ref<T>;\n    queue.value.push(refItem);\n  };\n\n  const removeItem = (condition: (i: T, index: number, queue: Ref<T>[]) => boolean): void => {\n    const index = queue.value.findIndex((i, idx, q) => {\n      return condition?.(i.value, idx, q);\n    });\n    if (index !== -1) queue.value.splice(index, 1);\n  };\n\n  const getItem = (condition: (i: T, index: number, queue: Ref<T>[]) => boolean): Ref<T> => {\n    return queue.value.filter((i, idx, q) => {\n      return condition?.(i.value, idx, q);\n    })[0];\n  };\n\n  const clearAll = (): void => {\n    queue.value = [];\n  };\n\n  return {\n    queue,\n    addItem,\n    removeItem,\n    clearAll,\n    getItem,\n  };\n\n}\n","import { EventBusListener, useEventBus, UseEventBusReturn, createSharedComposable } from '@vueuse/core';\n\nimport { ToastConfiguration } from '../types';\n\nexport type ToastEventsBusEvents = 'toastNotify'|'toastClose'|'toastCloseAll' | 'toastUpdate';\n\nconst useToastEventBus = () => {\n  const busPull: Record<ToastEventsBusEvents, UseEventBusReturn<ToastConfiguration, any>> = {\n    toastNotify: useEventBus('toastNotify'),\n    toastClose: useEventBus('toastClose'),\n    toastCloseAll: useEventBus('toastCloseAll'),\n    toastUpdate: useEventBus('toastUpdate'),\n  };\n  return {\n    on: (namedQueue: ToastEventsBusEvents, listener: EventBusListener<ToastConfiguration>) => {\n      busPull[namedQueue].on(listener);\n    },\n    off: (namedQueue: ToastEventsBusEvents, listener: EventBusListener<ToastConfiguration>) => {\n      busPull[namedQueue].off(listener);\n    },\n    emit: (namedQueue: ToastEventsBusEvents, data?: ToastConfiguration) => {\n      busPull[namedQueue].emit(data);\n    },\n  };\n};\nexport default createSharedComposable(useToastEventBus);\n\n","<template>\n  <OrTeleport :disabled=\"isActive\">\n    <div\n      :ref=\"'root'\"\n      :class=\"classes\"\n    >\n      <TransitionGroup\n        :name=\"transitionName\"\n        tag=\"div\"\n        class=\"contents\"\n        @after-leave=\"onToastHidden\"\n      >\n        <OrToast\n          v-for=\"toastConfiguration in queue\"\n          v-bind=\"toastConfiguration.toastProps\"\n          :key=\"toastConfiguration.hash\"\n          @click=\"onClick(toastConfiguration.toastBehaviour)\"\n          @mouseenter=\"onToastEnter(toastConfiguration)\"\n          @mouseleave=\"onToastLeave(toastConfiguration)\"\n          @close=\"toastRemove(toastConfiguration)\"\n        />\n      </TransitionGroup>\n    </div>\n  </OrTeleport>\n</template>\n\n<script lang=\"ts\">\nimport { useElevation } from '@onereach/ui-components-common/hooks';\nimport { OrTeleportV3 as OrTeleport } from '@onereach/ui-components.or-teleport-v3';\nimport { useToggle } from '@vueuse/core';\nimport { computed, defineComponent, nextTick, onBeforeMount, onBeforeUnmount, PropType, ref } from 'vue';\n\nimport useQueue from '../composable/useQueue';\nimport useToastEventBus from '../composable/useToastEventBus';\nimport OrToast from '../OrToast.vue';\nimport { PositionsX, PositionsY, TransitionType } from '../props';\nimport { ToastContainer, ToastContainerPositions } from '../styles';\nimport { Position, ToastBehaviour, ToastConfiguration } from '../types';\n\nexport default defineComponent({\n  name: 'OrToastContainer',\n\n  components: {\n    OrTeleport,\n    OrToast,\n  },\n\n  props: {\n    includeHeaderHeight: {\n      type: Boolean,\n      default: true,\n    },\n\n    position: {\n      type: Object as PropType<Position>,\n      default: {\n        positionX: PositionsX.Right,\n        positionY: PositionsY.Bottom,\n      } as Position,\n    },\n\n    transition: {\n      type: String as PropType<`${TransitionType}`>,\n      default: () => TransitionType.Slide,\n    },\n  },\n\n  setup(props) {\n    // Refs\n    const root = ref<HTMLElement>();\n\n    const { on, off } = useToastEventBus();\n    const { queue: queueRef, addItem, removeItem, clearAll, getItem } = useQueue<ToastConfiguration>();\n    const [isActive, toggle] = useToggle(false);\n    const classes = computed(() => [\n      'or-toast-container-v3',\n      ...ToastContainer,\n      ...ToastContainerPositions[`${props.position.positionX}-${props.position.positionY}`],\n      {\n        'position--top--with-header': props.position?.positionY === PositionsY.Top && props.includeHeaderHeight,\n      },\n    ]);\n    const transitionName = computed<string>(() => `or-toast--position-${props.position?.positionX} or-toast--transition-${props.transition}`);\n\n    // State\n    const queue = computed<ToastConfiguration[]>(() => {\n      return queueRef.value.map(({ value }) => value);\n    });\n\n    // Methods\n    function createToast(toastConfiguration: ToastConfiguration): void {\n      const caller = () => {\n        addItem(toastConfiguration);\n        toastConfiguration.timer?.start(toastRemove.bind(null, toastConfiguration),\n          toastConfiguration.toastBehaviour.duration,\n        );\n      };\n\n      if (!isActive.value) {\n        // before create toast we need change isActive props, to render or-teleport,\n        // in other case first item will not be animated\n        toggle(true);\n        nextTick(caller);\n      } else {\n        caller();\n      }\n    }\n\n    function toastUpdate(toast: ToastConfiguration): void {\n      const toastItem = getItem((item) => {\n        return item.hash === toast.hash;\n      });\n\n      if (toastItem)\n        toastItem.value = toast;\n    }\n\n    function toastRemove(toast: ToastConfiguration): void {\n      removeItem((item) => {\n        if (item.hash === toast.hash) {\n          item.toastBehaviour?.onToastClose?.();\n          item.timer?.stop();\n          return true;\n        }\n        return false;\n      });\n    }\n\n    function onToastEnter(toast: ToastConfiguration): void {\n      if (toast.toastBehaviour.pauseOnHover)\n        toast.timer?.pause();\n    }\n\n    function onToastLeave(toast: ToastConfiguration): void {\n      if (toast.toastBehaviour.pauseOnHover)\n        toast.timer?.resume();\n    }\n\n    function onClick(toastBehaviour: ToastBehaviour): void {\n      toastBehaviour.onToastClick?.();\n    }\n\n    function onToastHidden(): void {\n      toggle(queue.value.length > 0);\n    }\n\n    // Effects\n    onBeforeMount(() => {\n      on('toastNotify', createToast);\n      on('toastClose', toastRemove);\n      on('toastUpdate', toastUpdate);\n      on('toastCloseAll', clearAll);\n    });\n\n    onBeforeUnmount(() => {\n      off('toastNotify', createToast);\n      off('toastClose', toastRemove);\n      off('toastUpdate', toastUpdate);\n      off('toastCloseAll', clearAll);\n    });\n\n    useElevation(root, isActive);\n\n    return {\n      on,\n      off,\n      classes,\n      transitionName,\n      isActive,\n      toggle,\n      addItem,\n      removeItem,\n      clearAll,\n      getItem,\n      queue,\n      root,\n      createToast,\n      toastUpdate,\n      toastRemove,\n      onToastEnter,\n      onToastLeave,\n      onClick,\n      onToastHidden,\n    };\n  },\n});\n</script>\n\n<style lang=\"scss\" scoped>\n$header-height: 48px;\n$spacing: 32px;\n\n.or-toast--transition-slide-enter-active,\n.or-toast--transition-slide-leave-active {\n  transition: transform 0.4s ease;\n}\n\n.or-toast--transition-slide-enter-from.or-toast--position-right,\n.or-toast--transition-slide-leave-to.or-toast--position-right {\n  transform: translateX(999px);\n}\n\n.or-toast--transition-slide-enter-from.or-toast--position-left,\n.or-toast--transition-slide-leave-to.or-toast--position-left {\n  transform: translateX(-999px);\n}\n\n.or-toast--transition-fade-enter-active,\n.or-toast--transition-fade-leave-active {\n  transition: opacity 0.4s ease;\n}\n\n.or-toast--transition-fade-enter-from,\n.or-toast--transition-fade-leave-to {\n  opacity: 0;\n}\n</style>\n","import { noop } from '@vueuse/core';\n\nexport default class Timer {\n  private startedAt: number| null = null;\n  private timer: ReturnType<typeof setTimeout> | null = null;\n  private callback: () => void = noop;\n  private delay = 0;\n  // eslint-disable-next-line @typescript-eslint/no-empty-function\n  constructor() {}\n\n  start(callback: () => void, delay?: number) {\n    if (delay && delay > 0) {\n      this.callback = callback;\n      this.delay = delay;\n      this.startedAt = Date.now();\n      this.timer = setTimeout(this.callback, this.delay);\n    }\n  }\n\n  pause() {\n    if (this.timer && this.startedAt) {\n      this.stop();\n      this.delay -= Date.now() - this.startedAt;\n    }\n  }\n\n  resume() {\n    this.stop();\n    if (this.delay > 0) {\n      this.startedAt = Date.now();\n      this.timer = setTimeout(this.callback, this.delay);\n    }\n  }\n\n  stop() {\n    if (this.timer)\n      clearTimeout(this.timer);\n  }\n}\n","import { ToastType } from '../props';\nimport Timer from '../Timer';\nimport { ToastBehaviour, ToastConfiguration, ToastProps, UseToastNotifyReturnsV3 } from '../types';\n\nimport useToastEventBus from './useToastEventBus';\n\n\nexport default function useToast(globalToastProps: ToastProps = {}) {\n  const { emit } = useToastEventBus();\n\n  function notify(props: ToastProps, behaviour: ToastBehaviour = {}): UseToastNotifyReturnsV3 {\n    const { duration = 5000, pauseOnHover = true, onToastClose, onToastClick } = behaviour;\n    const propsData = {\n      ...props,\n      ...globalToastProps,\n    };\n\n    const config: ToastConfiguration = {\n      toastProps: propsData,\n      //generate ToastHash\n      hash: Math.random().toString(36).slice(2),\n      ...(Number.isInteger(duration) && { timer: new Timer() }),\n      toastBehaviour: {\n        duration,\n        pauseOnHover,\n        onToastClose,\n        onToastClick,\n      },\n    };\n\n    emit('toastNotify', config);\n\n    return ({\n      close: () => emit('toastClose', config),\n      update: (data: ToastProps) => emit('toastUpdate', {\n        ...config,\n        toastProps: {\n          ...config.toastProps,\n          ...data,\n        },\n      }),\n    });\n  }\n\n  function clearAll(): void {\n    emit('toastCloseAll');\n  }\n\n  function success(props: ToastProps, behaviour: ToastBehaviour = {}): UseToastNotifyReturnsV3 {\n    return notify({\n      ...props,\n      toastType: ToastType.Success,\n    }, behaviour);\n  }\n\n  function error(props: ToastProps, behaviour: ToastBehaviour = {}): UseToastNotifyReturnsV3 {\n    return notify({\n      ...props,\n      toastType: ToastType.Error,\n    }, behaviour);\n  }\n\n\n  function loading(props: ToastProps, behaviour: ToastBehaviour = {}): UseToastNotifyReturnsV3 {\n    return notify({\n      dismissible: false,\n      ...props,\n      toastType: ToastType.Loading,\n    }, {\n      ...behaviour,\n      duration: 0, // <- toast with type \"loading\" will not cloe automatically\n    });\n  }\n\n  return {\n    notify,\n    clearAll,\n    success,\n    error,\n    loading,\n  };\n}\n"],"names":["PositionsX","PositionsY","TransitionType","ToastType","Toast","ToastContainer","ToastContainerPositions","messageStyleVariant","_sfc_main$1","defineComponent","OrIconButton","OrLoader","props","context","root","ref","rootStyles","computed","toastIconStyle","messageStyle","loaderStyle","emojiSrc","successPng","errorPng","hrefTarget","_a","onClose","onLinkClick","event","_c","_b","_hoisted_2","_resolveComponent","_openBlock","_createElementBlock","_normalizeClass","_ctx","_component_OrLoader","_hoisted_1","_createCommentVNode","_createElementVNode","_hoisted_3","_toDisplayString","_createBlock","_component_OrIconButton","useQueue","initialValue","queue","item","refItem","condition","index","i","idx","q","useToastEventBus","busPull","useEventBus","namedQueue","listener","data","useToastEventBus$1","createSharedComposable","_sfc_main","OrTeleport","OrToast","on","off","queueRef","addItem","removeItem","clearAll","getItem","isActive","toggle","useToggle","classes","transitionName","value","createToast","toastConfiguration","caller","toastRemove","nextTick","toastUpdate","toast","toastItem","onToastEnter","onToastLeave","onClick","toastBehaviour","onToastHidden","onBeforeMount","onBeforeUnmount","useElevation","_component_OrTeleport","_withCtx","_createVNode","_TransitionGroup","_Fragment","_renderList","_component_OrToast","_mergeProps","$event","Timer","noop","callback","delay","useToast","globalToastProps","emit","notify","behaviour","duration","pauseOnHover","onToastClose","onToastClick","config","success","error","loading"],"mappings":"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"}
+{"version":3,"file":"types-DrXNmeDl.mjs","sources":["../../../components/or-toast-v3/src/props.ts","../../../components/or-toast-v3/src/styles.ts","../../../components/or-toast-v3/src/OrToast.vue","../../../components/or-toast-v3/src/composable/useQueue.ts","../../../components/or-toast-v3/src/composable/useToastEventBus.ts","../../../components/or-toast-v3/src/or-toast-container-v3/OrToastContainer.vue","../../../components/or-toast-v3/src/Timer.ts","../../../components/or-toast-v3/src/composable/useToast.ts"],"sourcesContent":["export enum PositionsX {\n  Right = 'right',\n  Left = 'left',\n  Center = 'center',\n}\n\nexport enum PositionsY {\n  Top = 'top',\n  Bottom = 'bottom',\n}\n\nexport enum TransitionType {\n  Slide = 'slide',\n  Fade = 'fade',\n}\n\nexport enum ToastType {\n  Success = 'success',\n  Error = 'error',\n  Loading = 'loading',\n}\n","import { PositionsX, PositionsY, ToastType } from './props';\n\nexport const Toast: string[] = [\n  // Layout\n  'layout-row',\n\n  // Box\n  'w-[theme(tokens.mobile-toast-width)] md:w-[theme(tokens.desktop-toast-width)]',\n\n  // Shape\n  'rounded-md',\n\n  // Spacing\n  'px-md',\n  'py-md',\n\n  'gap-md',\n\n  // Typography\n  'typography-caption-regular',\n\n  // Elevation\n  'shadow-card',\n  'dark:shadow-card-dark',\n\n  // Theme\n  'theme-background-surface-inverse',\n  'dark:theme-background-surface-inverse-dark',\n\n  'theme-foreground-on-surface-inverse',\n  'dark:theme-foreground-on-surface-inverse-dark',\n\n  // Theme (children)\n  '[&_:any-link]:text-inverse-primary',\n  'dark:[&_:any-link]:text-inverse-primary-dark',\n];\n\nexport const ToastContainer: string[] = [\n  // Position\n  'absolute',\n\n  // Layout\n  'layout-column',\n\n  // Spacing\n  'gap-sm',\n\n  // Overflow\n  'overflow-hidden',\n];\n\nexport const ToastContainerPositions: Record<`${PositionsX}-${PositionsY}`, string[]> = {\n  'left-top': [\n    // Position\n    'left-md md:left-lg',\n    'top-md md:top-lg',\n  ],\n\n  'center-top': [\n    // Position\n    'top-md md:top-lg',\n  ],\n\n  'right-top': [\n    // Position\n    'right-md md:right-lg',\n    'top-md md:top-lg',\n  ],\n\n  'left-bottom': [\n    // Position\n    'left-md md:left-lg',\n    'bottom-md md:bottom-lg',\n  ],\n\n  'center-bottom': [\n    // Position\n    'bottom-md md:bottom-lg',\n  ],\n\n  'right-bottom': [\n    // Position\n    'right-md md:right-lg',\n    'bottom-md md:bottom-lg',\n  ],\n};\n\nexport const messageStyleVariant: Record<ToastType, string[]> = {\n  'success': [\n    // Typography\n    'typography-caption-regular',\n  ],\n\n  'error': [\n    // Typography\n    'typography-caption-regular',\n  ],\n\n  'loading': [\n    // Typography\n    'typography-caption-regular',\n  ],\n};\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n  >\n    <slot name=\"content\">\n      <!-- before message -->\n      <div\n        v-if=\"toastType === 'loading'\"\n        :class=\"loaderStyle\"\n      >\n        <OrLoader\n          :variant=\"'circular'\"\n          :color=\"'inherit'\"\n          :size=\"'s'\"\n        />\n      </div>\n\n      <img\n        v-else-if=\"emojiSrc\"\n        :class=\"toastIconStyle\"\n        :src=\"emojiSrc\"\n        alt=\"Emoji\"\n      >\n\n      <!-- message -->\n      <div\n        v-if=\"messageText\"\n        :class=\"messageStyle\"\n        v-html=\"messageText\"\n      />\n    </slot>\n\n    <div :class=\"['layout-row', 'self-start', 'gap-md']\">\n      <template v-if=\"link\">\n        <a\n          class=\"or-toast__link\"\n          :href=\"link.href\"\n          :target=\"hrefTarget\"\n          @click=\"onLinkClick\"\n        >\n          {{ link.title }}\n        </a>\n      </template>\n\n      <template v-if=\"dismissible\">\n        <OrIconButton\n          :icon=\"'close'\"\n          :size=\"'m'\"\n          @click.stop=\"onClose()\"\n        />\n      </template>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { error as errorPng, success as successPng } from '@onereach/ui-components-common/assets';\nimport { OrIconButtonV3 as OrIconButton } from '@onereach/ui-components.or-icon-button-v3';\nimport { OrLoaderV3 as OrLoader } from '@onereach/ui-components.or-loader-v3';\nimport { computed, defineComponent, PropType, ref } from 'vue';\n\nimport { ToastType } from './props';\nimport { messageStyleVariant, Toast } from './styles';\nimport { ToastLink } from './types';\n\nexport default defineComponent({\n  name: 'OrToast',\n\n  components: {\n    OrIconButton,\n    OrLoader,\n  },\n\n  props: {\n    toastType: {\n      type: String as PropType<`${ToastType}`>,\n      default: () => ToastType.Success,\n    },\n\n    link: {\n      type: Object as PropType<ToastLink>,\n      default: undefined,\n    },\n\n    messageText: {\n      type: String,\n      default: undefined,\n    },\n\n    dismissible: {\n      type: Boolean,\n      default: true,\n    },\n  },\n\n  emits: [\n    'close',\n  ],\n\n  expose: [\n    'root',\n  ],\n\n  setup(props, context) {\n    // Refs\n    const root = ref<HTMLElement>();\n\n    // Styles\n    const rootStyles = computed(() => [\n      ...Toast,\n    ]);\n\n    const toastIconStyle = computed(() => [\n      'self-center',\n      'object-cover',\n      // Box\n      'w-[20px]',\n      'h-[20px]',\n    ]);\n\n    const messageStyle = computed(() => [\n      ...messageStyleVariant[props.toastType],\n      'grow',\n    ]);\n\n    const loaderStyle = computed(() => [\n      //Layout\n      'self-center',\n      // Theme\n      'text-inverse-primary',\n      'dark:text-inverse-primary-dark',\n    ]);\n\n    // State\n    const emojiSrc = computed(() => {\n      switch (props.toastType) {\n        case ToastType.Success:\n          return successPng;\n        case ToastType.Error:\n          return errorPng;\n        default:\n          return null;\n      }\n    });\n\n    const hrefTarget = computed(() => {\n      return props.link?.target ?? '_self';\n    });\n\n    // Methods\n    function onClose(): void {\n      context.emit('close');\n    }\n\n    function onLinkClick(event: MouseEvent): void {\n      if (props.link?.callback) {\n        event.preventDefault();\n        props.link.callback?.();\n      }\n    }\n\n    return {\n      root,\n      toastIconStyle,\n      rootStyles,\n      loaderStyle,\n      messageStyle,\n      emojiSrc,\n      hrefTarget,\n      onClose,\n      onLinkClick,\n    };\n  },\n});\n</script>\n\n<style lang=\"scss\" scoped>\n.or-toast__link {\n  word-break: break-word;\n  white-space: nowrap;\n  cursor: pointer;\n}\n</style>\n","import { Ref, ref } from 'vue';\n\nexport default function useQueue<T>(initialValue?: Array<T>) {\n  //generic needed! see https://github.com/vuejs/core/issues/2136\n  const queue = ref<Array<T>>(initialValue || []) as Ref<Ref<T>[]>;\n\n  const addItem = (item: T): void => {\n    const refItem = ref<T>(item) as Ref<T>;\n    queue.value.push(refItem);\n  };\n\n  const removeItem = (condition: (i: T, index: number, queue: Ref<T>[]) => boolean): void => {\n    const index = queue.value.findIndex((i, idx, q) => {\n      return condition?.(i.value, idx, q);\n    });\n    if (index !== -1) queue.value.splice(index, 1);\n  };\n\n  const getItem = (condition: (i: T, index: number, queue: Ref<T>[]) => boolean): Ref<T> => {\n    return queue.value.filter((i, idx, q) => {\n      return condition?.(i.value, idx, q);\n    })[0];\n  };\n\n  const clearAll = (): void => {\n    queue.value = [];\n  };\n\n  return {\n    queue,\n    addItem,\n    removeItem,\n    clearAll,\n    getItem,\n  };\n\n}\n","import { EventBusListener, useEventBus, UseEventBusReturn, createSharedComposable } from '@vueuse/core';\n\nimport { ToastConfiguration } from '../types';\n\nexport type ToastEventsBusEvents = 'toastNotify'|'toastClose'|'toastCloseAll' | 'toastUpdate';\n\nconst useToastEventBus = () => {\n  const busPull: Record<ToastEventsBusEvents, UseEventBusReturn<ToastConfiguration, any>> = {\n    toastNotify: useEventBus('toastNotify'),\n    toastClose: useEventBus('toastClose'),\n    toastCloseAll: useEventBus('toastCloseAll'),\n    toastUpdate: useEventBus('toastUpdate'),\n  };\n  return {\n    on: (namedQueue: ToastEventsBusEvents, listener: EventBusListener<ToastConfiguration>) => {\n      busPull[namedQueue].on(listener);\n    },\n    off: (namedQueue: ToastEventsBusEvents, listener: EventBusListener<ToastConfiguration>) => {\n      busPull[namedQueue].off(listener);\n    },\n    emit: (namedQueue: ToastEventsBusEvents, data?: ToastConfiguration) => {\n      busPull[namedQueue].emit(data);\n    },\n  };\n};\nexport default createSharedComposable(useToastEventBus);\n\n","<template>\n  <OrTeleport :disabled=\"isActive\">\n    <div\n      :ref=\"'root'\"\n      :class=\"classes\"\n    >\n      <TransitionGroup\n        :name=\"transitionName\"\n        tag=\"div\"\n        class=\"contents\"\n        @after-leave=\"onToastHidden\"\n      >\n        <OrToast\n          v-for=\"toastConfiguration in queue\"\n          v-bind=\"toastConfiguration.toastProps\"\n          :key=\"toastConfiguration.hash\"\n          @click=\"onClick(toastConfiguration.toastBehaviour)\"\n          @mouseenter=\"onToastEnter(toastConfiguration)\"\n          @mouseleave=\"onToastLeave(toastConfiguration)\"\n          @close=\"toastRemove(toastConfiguration)\"\n        />\n      </TransitionGroup>\n    </div>\n  </OrTeleport>\n</template>\n\n<script lang=\"ts\">\nimport { useElevation } from '@onereach/ui-components-common/hooks';\nimport { OrTeleportV3 as OrTeleport } from '@onereach/ui-components.or-teleport-v3';\nimport { useToggle } from '@vueuse/core';\nimport { computed, defineComponent, nextTick, onBeforeMount, onBeforeUnmount, PropType, ref } from 'vue';\n\nimport useQueue from '../composable/useQueue';\nimport useToastEventBus from '../composable/useToastEventBus';\nimport OrToast from '../OrToast.vue';\nimport { PositionsX, PositionsY, TransitionType } from '../props';\nimport { ToastContainer, ToastContainerPositions } from '../styles';\nimport { Position, ToastBehaviour, ToastConfiguration } from '../types';\n\nexport default defineComponent({\n  name: 'OrToastContainer',\n\n  components: {\n    OrTeleport,\n    OrToast,\n  },\n\n  props: {\n    includeHeaderHeight: {\n      type: Boolean,\n      default: true,\n    },\n\n    position: {\n      type: Object as PropType<Position>,\n      default: {\n        positionX: PositionsX.Right,\n        positionY: PositionsY.Bottom,\n      } as Position,\n    },\n\n    transition: {\n      type: String as PropType<`${TransitionType}`>,\n      default: () => TransitionType.Slide,\n    },\n  },\n\n  setup(props) {\n    // Refs\n    const root = ref<HTMLElement>();\n\n    const { on, off } = useToastEventBus();\n    const { queue: queueRef, addItem, removeItem, clearAll, getItem } = useQueue<ToastConfiguration>();\n    const [isActive, toggle] = useToggle(false);\n    const classes = computed(() => [\n      'or-toast-container-v3',\n      ...ToastContainer,\n      ...ToastContainerPositions[`${props.position.positionX}-${props.position.positionY}`],\n      {\n        'position--top--with-header': props.position?.positionY === PositionsY.Top && props.includeHeaderHeight,\n      },\n    ]);\n    const transitionName = computed<string>(() => `or-toast--position-${props.position?.positionX} or-toast--transition-${props.transition}`);\n\n    // State\n    const queue = computed<ToastConfiguration[]>(() => {\n      return queueRef.value.map(({ value }) => value);\n    });\n\n    // Methods\n    function createToast(toastConfiguration: ToastConfiguration): void {\n      const caller = () => {\n        addItem(toastConfiguration);\n        toastConfiguration.timer?.start(toastRemove.bind(null, toastConfiguration),\n          toastConfiguration.toastBehaviour.duration,\n        );\n      };\n\n      if (!isActive.value) {\n        // before create toast we need change isActive props, to render or-teleport,\n        // in other case first item will not be animated\n        toggle(true);\n        nextTick(caller);\n      } else {\n        caller();\n      }\n    }\n\n    function toastUpdate(toast: ToastConfiguration): void {\n      const toastItem = getItem((item) => {\n        return item.hash === toast.hash;\n      });\n\n      if (toastItem)\n        toastItem.value = toast;\n    }\n\n    function toastRemove(toast: ToastConfiguration): void {\n      removeItem((item) => {\n        if (item.hash === toast.hash) {\n          item.toastBehaviour?.onToastClose?.();\n          item.timer?.stop();\n          return true;\n        }\n        return false;\n      });\n    }\n\n    function onToastEnter(toast: ToastConfiguration): void {\n      if (toast.toastBehaviour.pauseOnHover)\n        toast.timer?.pause();\n    }\n\n    function onToastLeave(toast: ToastConfiguration): void {\n      if (toast.toastBehaviour.pauseOnHover)\n        toast.timer?.resume();\n    }\n\n    function onClick(toastBehaviour: ToastBehaviour): void {\n      toastBehaviour.onToastClick?.();\n    }\n\n    function onToastHidden(): void {\n      toggle(queue.value.length > 0);\n    }\n\n    // Effects\n    onBeforeMount(() => {\n      on('toastNotify', createToast);\n      on('toastClose', toastRemove);\n      on('toastUpdate', toastUpdate);\n      on('toastCloseAll', clearAll);\n    });\n\n    onBeforeUnmount(() => {\n      off('toastNotify', createToast);\n      off('toastClose', toastRemove);\n      off('toastUpdate', toastUpdate);\n      off('toastCloseAll', clearAll);\n    });\n\n    useElevation(root, isActive);\n\n    return {\n      on,\n      off,\n      classes,\n      transitionName,\n      isActive,\n      toggle,\n      addItem,\n      removeItem,\n      clearAll,\n      getItem,\n      queue,\n      root,\n      createToast,\n      toastUpdate,\n      toastRemove,\n      onToastEnter,\n      onToastLeave,\n      onClick,\n      onToastHidden,\n    };\n  },\n});\n</script>\n\n<style lang=\"scss\" scoped>\n$header-height: 48px;\n$spacing: 32px;\n\n.or-toast--transition-slide-enter-active,\n.or-toast--transition-slide-leave-active {\n  transition: transform 0.4s ease;\n}\n\n.or-toast--transition-slide-enter-from.or-toast--position-right,\n.or-toast--transition-slide-leave-to.or-toast--position-right {\n  transform: translateX(999px);\n}\n\n.or-toast--transition-slide-enter-from.or-toast--position-left,\n.or-toast--transition-slide-leave-to.or-toast--position-left {\n  transform: translateX(-999px);\n}\n\n.or-toast--transition-fade-enter-active,\n.or-toast--transition-fade-leave-active {\n  transition: opacity 0.4s ease;\n}\n\n.or-toast--transition-fade-enter-from,\n.or-toast--transition-fade-leave-to {\n  opacity: 0;\n}\n</style>\n","import { noop } from '@vueuse/core';\n\nexport default class Timer {\n  private startedAt: number| null = null;\n  private timer: ReturnType<typeof setTimeout> | null = null;\n  private callback: () => void = noop;\n  private delay = 0;\n  // eslint-disable-next-line @typescript-eslint/no-empty-function\n  constructor() {}\n\n  start(callback: () => void, delay?: number) {\n    if (delay && delay > 0) {\n      this.callback = callback;\n      this.delay = delay;\n      this.startedAt = Date.now();\n      this.timer = setTimeout(this.callback, this.delay);\n    }\n  }\n\n  pause() {\n    if (this.timer && this.startedAt) {\n      this.stop();\n      this.delay -= Date.now() - this.startedAt;\n    }\n  }\n\n  resume() {\n    this.stop();\n    if (this.delay > 0) {\n      this.startedAt = Date.now();\n      this.timer = setTimeout(this.callback, this.delay);\n    }\n  }\n\n  stop() {\n    if (this.timer)\n      clearTimeout(this.timer);\n  }\n}\n","import { ToastType } from '../props';\nimport Timer from '../Timer';\nimport { ToastBehaviour, ToastConfiguration, ToastProps, UseToastNotifyReturnsV3 } from '../types';\n\nimport useToastEventBus from './useToastEventBus';\n\n\nexport default function useToast(globalToastProps: ToastProps = {}) {\n  const { emit } = useToastEventBus();\n\n  function notify(props: ToastProps, behaviour: ToastBehaviour = {}): UseToastNotifyReturnsV3 {\n    const { duration = 5000, pauseOnHover = true, onToastClose, onToastClick } = behaviour;\n    const propsData = {\n      ...props,\n      ...globalToastProps,\n    };\n\n    const config: ToastConfiguration = {\n      toastProps: propsData,\n      //generate ToastHash\n      hash: Math.random().toString(36).slice(2),\n      ...(Number.isInteger(duration) && { timer: new Timer() }),\n      toastBehaviour: {\n        duration,\n        pauseOnHover,\n        onToastClose,\n        onToastClick,\n      },\n    };\n\n    emit('toastNotify', config);\n\n    return ({\n      close: () => emit('toastClose', config),\n      update: (data: ToastProps) => emit('toastUpdate', {\n        ...config,\n        toastProps: {\n          ...config.toastProps,\n          ...data,\n        },\n      }),\n    });\n  }\n\n  function clearAll(): void {\n    emit('toastCloseAll');\n  }\n\n  function success(props: ToastProps, behaviour: ToastBehaviour = {}): UseToastNotifyReturnsV3 {\n    return notify({\n      ...props,\n      toastType: ToastType.Success,\n    }, behaviour);\n  }\n\n  function error(props: ToastProps, behaviour: ToastBehaviour = {}): UseToastNotifyReturnsV3 {\n    return notify({\n      ...props,\n      toastType: ToastType.Error,\n    }, behaviour);\n  }\n\n\n  function loading(props: ToastProps, behaviour: ToastBehaviour = {}): UseToastNotifyReturnsV3 {\n    return notify({\n      dismissible: false,\n      ...props,\n      toastType: ToastType.Loading,\n    }, {\n      ...behaviour,\n      duration: 0, // <- toast with type \"loading\" will not cloe automatically\n    });\n  }\n\n  return {\n    notify,\n    clearAll,\n    success,\n    error,\n    loading,\n  };\n}\n"],"names":["PositionsX","PositionsY","TransitionType","ToastType","Toast","ToastContainer","ToastContainerPositions","messageStyleVariant","_sfc_main$1","defineComponent","OrIconButton","OrLoader","props","context","root","ref","rootStyles","computed","toastIconStyle","messageStyle","loaderStyle","emojiSrc","successPng","errorPng","hrefTarget","_a","onClose","onLinkClick","event","_c","_b","_hoisted_2","_resolveComponent","_openBlock","_createElementBlock","_normalizeClass","_ctx","_component_OrLoader","_hoisted_1","_createCommentVNode","_createElementVNode","_hoisted_3","_toDisplayString","_createBlock","_component_OrIconButton","useQueue","initialValue","queue","item","refItem","condition","index","i","idx","q","useToastEventBus","busPull","useEventBus","namedQueue","listener","data","useToastEventBus$1","createSharedComposable","_sfc_main","OrTeleport","OrToast","on","off","queueRef","addItem","removeItem","clearAll","getItem","isActive","toggle","useToggle","classes","transitionName","value","createToast","toastConfiguration","caller","toastRemove","nextTick","toastUpdate","toast","toastItem","onToastEnter","onToastLeave","onClick","toastBehaviour","onToastHidden","onBeforeMount","onBeforeUnmount","useElevation","_component_OrTeleport","_withCtx","_createVNode","_TransitionGroup","_Fragment","_renderList","_component_OrToast","_mergeProps","$event","Timer","noop","callback","delay","useToast","globalToastProps","emit","notify","behaviour","duration","pauseOnHover","onToastClose","onToastClick","config","success","error","loading"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onereach/ui-components",
-  "version": "27.0.2-beta.6095.0",
+  "version": "27.0.2-beta.6097.0",
   "description": "Vue components library for v3",
   "license": "Apache-2.0",
   "sideEffects": false,
@@ -47,8 +47,8 @@
     "@floating-ui/dom": "1.7.6",
     "@lezer/common": "1.5.2",
     "@lezer/highlight": "*",
-    "@onereach/styles": "^27.0.2-beta.6095.0",
-    "@onereach/ui-components-common": "^27.0.2-beta.6095.0",
+    "@onereach/styles": "^27.0.2-beta.6097.0",
+    "@onereach/ui-components-common": "^27.0.2-beta.6097.0",
     "@splidejs/splide": "4.0.6",
     "@tiptap/core": "2.27.1",
     "@tiptap/extension-blockquote": "2.27.1",

package/dist/esm/OrBottomSheet-DQ83BBtJ.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"OrBottomSheet-DQ83BBtJ.mjs","sources":["../../../components/or-bottom-sheet-v3/src/props.ts","../../../components/or-bottom-sheet-v3/src/hooks/useBottomSheetSwipeState.ts","../../../components/or-bottom-sheet-v3/src/styles.ts","../../../components/or-bottom-sheet-v3/src/OrBottomSheet.vue"],"sourcesContent":["export enum BottomSheetVariant {\n  Basic = 'basic',\n  Advanced = 'advanced',\n}\n","import { useTheme } from '@onereach/ui-components-common/hooks';\nimport { usePointerSwipe } from '@vueuse/core';\nimport { ref, computed, Ref, unref, ComputedRef } from 'vue';\n\nimport { BottomSheetVariant } from '../props';\n\nfunction useBottomSheetSwipeState(\n  root: Ref<HTMLElement | undefined>,\n  content: Ref<HTMLElement | undefined>,\n  fullscreen: Ref<boolean>,\n  variant: Ref<`${BottomSheetVariant}`>,\n  close: () => void\n): { rootInlineStyles: ComputedRef<Partial<CSSStyleDeclaration>>; } {\n  const inlineSwipingStyles = ref<Partial<CSSStyleDeclaration>>({});\n  const skipSwipe = ref<boolean>(false);\n  const theme = useTheme();\n\n  const isEventSkipped = (event: Event): boolean => {\n    return variant.value === BottomSheetVariant.Basic || event.composedPath().includes(content.value!) && fullscreen.value;\n  };\n\n  const { isSwiping } = usePointerSwipe(root, {\n    threshold: 12,\n    onSwipe(event: PointerEvent): void {\n      skipSwipe.value = isEventSkipped(event);\n      if (variant.value === BottomSheetVariant.Advanced) {\n        const rootElement = unref(root)!;\n        inlineSwipingStyles.value = {\n          transitionProperty: 'none',\n          minHeight: `${rootElement.clientHeight - event.offsetY}px`,\n          maxHeight: `${rootElement.clientHeight - event.offsetY}px`,\n        };\n      }\n    },\n\n    onSwipeEnd(event: PointerEvent, direction: string): void {\n      if (isEventSkipped(event)) {\n        return;\n      }\n\n      if (variant.value === BottomSheetVariant.Advanced) {\n        switch (direction) {\n          case 'up':\n          case 'UP':\n            fullscreen.value = true;\n\n            break;\n\n          case 'down':\n          case 'DOWN':\n            if (fullscreen.value) {\n              fullscreen.value = false;\n            } else {\n              close();\n            }\n\n            break;\n        }\n      }\n    },\n  });\n\n  const rootInlineStyles = computed(() => {\n    if (variant.value === BottomSheetVariant.Basic) {\n      return {\n        transitionProperty: 'min-height, max-height',\n        minHeight: '0',\n        maxHeight: `calc(100% - ${theme.spacing.xl})`,\n      };\n    }\n    return isSwiping.value && !skipSwipe.value\n      ? inlineSwipingStyles.value\n      : fullscreen.value\n        ? {\n          transitionProperty: 'min-height, max-height',\n          minHeight: `calc(100% - ${theme.spacing.xl})`,\n          maxHeight: `calc(100% - ${theme.spacing.xl})`,\n        }\n        : {\n          transitionProperty: 'min-height, max-height',\n          minHeight: '0',\n          maxHeight: '50%',\n        };\n  }) as ComputedRef<Partial<CSSStyleDeclaration>>;\n\n  return {\n    rootInlineStyles,\n  };\n}\n\nexport default useBottomSheetSwipeState;\n","import { BottomSheetVariant } from './props';\n\nexport const BottomSheet: string[] = [\n  // Position\n  'fixed',\n\n  'left-0',\n  'right-0',\n  'bottom-0',\n\n  // Layout\n  'layout-column',\n\n  // Shape\n  'rounded-t-lg',\n\n  // Elevation\n  'shadow-contextual',\n  'dark:shadow-contextual-dark',\n\n  // Typography\n  'typography-body-2-regular',\n\n  // Theme\n  'theme-background-default',\n  'dark:theme-background-default-dark',\n\n  'theme-foreground-default',\n  'dark:theme-foreground-default-dark',\n];\n\nexport const BottomSheetVariants: Record<BottomSheetVariant, string[]> = {\n  [BottomSheetVariant.Basic]: [],\n\n  [BottomSheetVariant.Advanced]: [\n    // Box\n    'max-h-[50%]',\n\n    // Transition\n    'transition-[min-height]',\n    'transition-[max-height]',\n  ],\n};\n\nexport const BottomSheetHandle: string[] = [\n  // Layout\n  'layout-row justify-center',\n\n  // Interactivity\n  'interactivity-drag',\n\n  // Box\n  'after:w-2xl',\n  'after:h-xs',\n\n  // Spacing\n  'px-sm',\n  'py-sm',\n\n  // Shape\n  'after:rounded-full',\n\n  // Theme\n  'after:bg-outline',\n  'after:dark:bg-outline',\n];\n\nexport const BottomSheetHeader: string[] = [\n  // Layout (empty)\n  'empty:hidden',\n\n  // Spacing\n  'px-lg',\n  'py-md',\n\n  // Typography\n  'typography-headline-3',\n];\n\nexport const BottomSheetContent: string[] = [\n  // Layout\n  'layout-column',\n  'grow',\n];\n","<template>\n  <OrOverlay\n    v-if=\"state === 'open'\"\n    :fullscreen=\"fullscreen\"\n  >\n    <div\n      v-bind=\"$attrs\"\n      :ref=\"'root'\"\n      :class=\"rootStyles\"\n      :style=\"rootInlineStyles\"\n    >\n      <template v-if=\"variant === 'advanced'\">\n        <div :class=\"handleStyles\" />\n      </template>\n\n      <div :class=\"headerStyles\">\n        <slot name=\"header\" />\n      </div>\n\n      <div\n        :ref=\"'content'\"\n        :class=\"contentStyles\"\n      >\n        <slot />\n      </div>\n    </div>\n  </OrOverlay>\n</template>\n\n<script lang=\"ts\">\nimport { usePopoverState } from '@onereach/ui-components-common/hooks';\nimport { OrOverlayV3 as OrOverlay } from '@onereach/ui-components.or-overlay-v3';\nimport { onClickOutside } from '@vueuse/core';\nimport { PropType, computed, defineComponent, ref, toRefs, watch } from 'vue';\n\nimport useBottomSheetSwipeState from './hooks/useBottomSheetSwipeState';\nimport { BottomSheetVariant } from './props';\nimport { BottomSheet, BottomSheetContent, BottomSheetHandle, BottomSheetHeader, BottomSheetVariants } from './styles';\n\nexport default defineComponent({\n  name: 'OrBottomSheet',\n\n  components: {\n    OrOverlay,\n  },\n\n  inheritAttrs: false,\n\n  props: {\n    isOpen: {\n      type: Boolean,\n      default: false,\n    },\n\n    variant: {\n      type: String as PropType<`${BottomSheetVariant}`>,\n      default: () => BottomSheetVariant.Advanced,\n    },\n\n    isFullscreen: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  emits: [\n    'update:state',\n\n    'open',\n    'close',\n  ],\n\n  expose: [\n    'root',\n\n    'state',\n\n    'fullscreen',\n\n    'open',\n    'close',\n    'toggle',\n  ],\n\n  setup(props, context) {\n    // Refs\n    const root = ref<HTMLElement>();\n    const content = ref<HTMLElement>();\n\n    // Props\n    const { variant, isOpen } = toRefs(props);\n\n    // State\n    const { state, open, close, toggle } = usePopoverState(isOpen, context.emit);\n    const fullscreen = ref<boolean>(props.isFullscreen);\n\n    // Styles\n    const rootStyles = computed(() => [\n      'or-bottom-sheet-v3',\n      ...BottomSheet,\n      ...BottomSheetVariants[props.variant],\n    ]);\n\n    const handleStyles = computed(() => [\n      ...BottomSheetHandle,\n    ]);\n\n    const headerStyles = computed(() => [\n      ...BottomSheetHeader,\n    ]);\n\n    const contentStyles = computed(() => [\n      ...BottomSheetContent,\n      fullscreen.value || variant.value === 'basic' ? 'overflow-y-auto' : 'overflow-hidden',\n    ]);\n\n\n    // Effects\n    // #region Swipe\n    const { rootInlineStyles } = useBottomSheetSwipeState(root, content, fullscreen, variant, close);\n    // #endregion\n\n    watch(state, (value) => {\n      if (value === 'closed') {\n        fullscreen.value = props.isFullscreen;\n      }\n    });\n\n\n    // #region Click Outside\n    onClickOutside(root, (event) => {\n      const path = event.composedPath() as Element[];\n      if (!path.some(({ classList }) => classList?.contains('or-popover-v3') || classList?.contains('or-bottom-sheet-v3'))) {\n        close();\n      }\n    });\n    // #endregion\n\n    return {\n      root,\n      content,\n      rootStyles,\n      rootInlineStyles,\n      handleStyles,\n      headerStyles,\n      contentStyles,\n      state,\n      fullscreen,\n      open,\n      close,\n      toggle,\n    };\n  },\n});\n</script>\n"],"names":["BottomSheetVariant","useBottomSheetSwipeState","root","content","fullscreen","variant","close","inlineSwipingStyles","ref","skipSwipe","theme","useTheme","isEventSkipped","event","isSwiping","usePointerSwipe","rootElement","unref","direction","computed","BottomSheet","BottomSheetVariants","BottomSheetHandle","BottomSheetHeader","BottomSheetContent","_sfc_main","defineComponent","OrOverlay","props","context","isOpen","toRefs","state","open","toggle","usePopoverState","rootStyles","handleStyles","headerStyles","contentStyles","rootInlineStyles","watch","value","onClickOutside","classList","_component_OrOverlay","_resolveComponent","_ctx","_openBlock","_createBlock","_withCtx","_createElementVNode","_mergeProps","_createElementBlock","_createCommentVNode","_normalizeClass","_renderSlot"],"mappings":"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"}