@onereach/ui-components 22.2.0-beta.5496.0 → 22.2.0

package/dist/esm/{OrCode-DzvIFmRm.mjs → OrCode-WlDGnBsW.mjs}

@@ -5,7 +5,7 @@ import { indentWithTab as yo } from "@codemirror/commands";
 import { Compartment as F, EditorState as A } from "@codemirror/state";
 import { keymap as bo, EditorView as $ } from "@codemirror/view";
 import { O as ho } from "./OrIconButton-BlHCLpeW.mjs";
-import { O as go } from "./OrModal-CQhwUYFk.mjs";
+import { O as go } from "./OrModal-A9OL6kGW.mjs";
 import { O as vo } from "./OrError-B5ihH6-3.mjs";
 import { O as Co } from "./OrHint-NvbZyURY.mjs";
 import { O as So } from "./OrInputBox-6ciokFdU.mjs";
@@ -501,4 +501,4 @@ export {
   c as C,
   Po as O
 };
-//# sourceMappingURL=OrCode-DzvIFmRm.mjs.map
+//# sourceMappingURL=OrCode-WlDGnBsW.mjs.map

package/dist/esm/{OrCode-DzvIFmRm.mjs.map → OrCode-WlDGnBsW.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"OrCode-DzvIFmRm.mjs","sources":["../../../components/or-code-v3/src/styles.ts","../../../components/or-code-v3/src/partials/OrCodeControl.vue","../../../components/or-code-v3/src/props.ts","../../../components/or-code-v3/src/OrCode.vue"],"sourcesContent":["export const Code: string[] = [\n  // Layout\n  'layout-column',\n\n  // Spacing\n  'gap-xs',\n];\n\nexport const CodeControlRoot: string[] = [\n  // Layout\n  'layout-column',\n\n  // Sizing\n  'h-full',\n\n  // Spacing\n  'gap-xs',\n];\n\nexport const CodeControl: string[] = [\n  // Layout\n  'grid',\n\n  // Box\n  'w-full',\n  'h-full',\n\n  // Spacing\n  '!mx-0',\n  '!my-0',\n\n  // Theme\n  'theme-background-default',\n  'dark:theme-background-default-dark',\n\n  // todo: https://onereach.atlassian.net/browse/UI-580\n  'dark:invert dark:hue-rotate-180',\n];\n\nexport const CodeModal: string[] = [\n  // Sizing\n  '!h-full',\n];\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n  >\n    <OrLabel\n      :control-id=\"controlId\"\n      :variant=\"'input'\"\n      :required=\"required\"\n      :disabled=\"disabled\"\n    >\n      <slot name=\"label\">\n        {{ label }}\n      </slot>\n\n      <template v-slot:addon>\n        <slot name=\"addon\" />\n      </template>\n    </OrLabel>\n\n    <OrInputBox\n      :class=\"['grow']\"\n      :size=\"'m'\"\n      :invalid=\"!!error || !!$slots.error\"\n      :readonly=\"readonly\"\n      :disabled=\"disabled\"\n    >\n      <div\n        :ref=\"'control'\"\n        :class=\"controlStyles\"\n      />\n    </OrInputBox>\n\n    <template v-if=\"$slots.hint || hint\">\n      <OrHint\n        v-show=\"!error\"\n        :disabled=\"disabled\"\n      >\n        <slot name=\"hint\">\n          {{ hint }}\n        </slot>\n      </OrHint>\n    </template>\n\n    <OrError\n      v-show=\"typeof error === 'string' && error.length > 0 || $slots.error\"\n      :disabled=\"disabled\"\n    >\n      <slot name=\"error\">\n        {{ error }}\n      </slot>\n    </OrError>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, ref } from 'vue';\nimport { OrErrorV3 as OrError } from '@onereach/ui-components.or-error-v3';\nimport { OrHintV3 as OrHint } from '@onereach/ui-components.or-hint-v3';\nimport { OrInputBoxV3 as OrInputBox } from '@onereach/ui-components.or-input-box-v3';\nimport { OrLabelV3 as OrLabel } from '@onereach/ui-components.or-label-v3';\nimport { CodeControl, CodeControlRoot } from '../styles';\n\nexport default defineComponent({\n  name: 'OrCodeControl',\n\n  components: {\n    OrError,\n    OrHint,\n    OrInputBox,\n    OrLabel,\n  },\n\n  props: {\n    error: {\n      type: [String, Boolean],\n      default: undefined,\n    },\n\n    required: {\n      type: Boolean,\n      default: false,\n    },\n\n    controlId: {\n      type: String,\n      default: undefined,\n    },\n\n    label: {\n      type: String,\n      default: undefined,\n    },\n\n    readonly: {\n      type: Boolean,\n      default: false,\n    },\n\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    hint: {\n      type: String,\n      default: undefined,\n    },\n  },\n\n  expose: [\n    'root',\n    'control',\n\n    'focus',\n    'blur',\n  ],\n\n  setup() {\n    // Refs\n    const root = ref<HTMLElement>();\n    const control = ref<HTMLElement>();\n\n    // Methods\n    function focus(): void {\n      control.value?.focus();\n    }\n\n    function blur(): void {\n      control.value?.blur();\n    }\n    // Styles\n    const rootStyles = computed(() => [\n      'or-code-control-v3',\n      ...CodeControlRoot,\n    ]);\n\n    const controlStyles = computed(() => [\n      ...CodeControl,\n    ]);\n\n    return {\n      root,\n      control,\n      rootStyles,\n      controlStyles,\n      focus,\n      blur,\n    };\n  },\n});\n</script>\n","export enum CodeLanguage {\n  HTML = 'html',\n  CSS = 'css',\n  JS = 'js',\n  TS = 'ts',\n  JSON = 'json',\n  MD = 'md',\n}\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n  >\n    <OrCodeControl\n      :ref=\"'control'\"\n      :control-id=\"controlAttributes.id\"\n      :label=\"label\"\n      :hint=\"hint\"\n      :error=\"error\"\n      :disabled=\"disabled\"\n      :readonly=\"readonly\"\n    >\n      <template v-slot:label>\n        <slot name=\"label\">\n          {{ label }}\n        </slot>\n      </template>\n      <template v-slot:addon>\n        <div :class=\"['layout-row', 'gap-xs']\">\n          <slot name=\"addon\" />\n\n          <OrIconButton\n            v-if=\"enableFullscreen\"\n            :icon=\"'fullscreen'\"\n            @click.stop=\"openFullscreen()\"\n          />\n        </div>\n      </template>\n      <template v-slot:hint>\n        <slot name=\"hint\">\n          {{ hint }}\n        </slot>\n      </template>\n      <template\n        v-if=\"$slots.error\"\n        v-slot:error\n      >\n        <slot name=\"error\" />\n      </template>\n    </OrCodeControl>\n\n    <OrModal\n      :ref=\"'modal'\"\n      :additional-styles=\"modalStyles\"\n      :size=\"'l'\"\n    >\n      <template v-slot:header>\n        <slot name=\"label\">\n          {{ label }}\n        </slot>\n      </template>\n\n      <OrCodeControl\n        :ref=\"'fullscreenControl'\"\n        :control-id=\"controlAttributes.id\"\n        :hint=\"hint\"\n        :error=\"error\"\n        :disabled=\"disabled\"\n        :readonly=\"readonly\"\n      >\n        <template v-slot:addon>\n          <slot name=\"addon\" />\n        </template>\n        <template\n          v-if=\"$slots.error\"\n          v-slot:error\n        >\n          <slot name=\"error\" />\n        </template>\n      </OrCodeControl>\n\n      <template\n        v-if=\"$slots.modalFooter\"\n        v-slot:footer\n      >\n        <slot name=\"modalFooter\" />\n      </template>\n    </OrModal>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { PropType, computed, defineComponent, onMounted, onUnmounted, reactive, ref, toRef, watch } from 'vue';\nimport { useControlAttributes, useIdAttribute, useProxyModelValue, useTheme, useValidationAttributes } from '@onereach/ui-components-common/hooks';\n\n/* Codemirror core */\nimport { basicSetup } from 'codemirror';\n\nimport { indentWithTab } from '@codemirror/commands';\nimport { Compartment, EditorState, Extension } from '@codemirror/state';\nimport { EditorView, keymap } from '@codemirror/view';\n\n/* Components */\nimport { OrIconButtonV3 as OrIconButton } from '@onereach/ui-components.or-icon-button-v3';\nimport { OrModalV3 as OrModal } from '@onereach/ui-components.or-modal-v3';\n\nimport OrCodeControl from './partials/OrCodeControl.vue';\nimport { CodeLanguage } from './props';\nimport { Code, CodeControl, CodeModal } from './styles';\n\nexport default defineComponent({\n  name: 'OrCode',\n\n  components: {\n    OrModal,\n    OrCodeControl,\n    OrIconButton,\n  },\n\n  model: {\n    prop: 'modelValue',\n    event: 'update:modelValue',\n  },\n\n  props: {\n    modelValue: {\n      type: String,\n      default: undefined,\n    },\n\n    language: {\n      type: String as PropType<CodeLanguage>,\n      default: () => CodeLanguage.JS,\n    },\n\n    extensions: {\n      type: Array as PropType<Extension[]>,\n      default: () => [],\n    },\n\n    label: {\n      type: String,\n      default: undefined,\n    },\n\n    hint: {\n      type: String,\n      default: undefined,\n    },\n\n    error: {\n      type: [String, Boolean],\n      default: undefined,\n    },\n\n    required: {\n      type: Boolean,\n      default: false,\n    },\n\n    readonly: {\n      type: Boolean,\n      default: false,\n    },\n\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    // todo: review flag prop, seems better to set 'false' default value\n    enableFullscreen: {\n      type: Boolean,\n      default: true,\n    },\n  },\n\n  emits: [\n    'update:modelValue',\n\n    'input',\n    'keydown',\n    'keyup',\n    'focus',\n    'blur',\n  ],\n\n  expose: [\n    'root',\n\n    'editorView',\n    'control',\n    'fullscreenControl',\n    'modal',\n\n    'focus',\n    'blur',\n    'openFullscreen',\n  ],\n\n  setup(props, context) {\n    // Refs\n    const root = ref<HTMLElement>();\n    const control = ref<InstanceType<typeof OrCodeControl>>();\n    const fullscreenControl = ref<InstanceType<typeof OrCodeControl>>();\n\n    const modal = ref<InstanceType<typeof OrModal>>();\n\n    // Styles\n    const rootStyles = computed(() => [\n      'or-code-v3',\n      ...Code,\n    ]);\n\n    const controlStyles = computed(() => [\n      ...CodeControl,\n    ]);\n\n    const modalStyles = computed(() => [\n      ...CodeModal,\n    ]);\n\n    const addedExtensionCompartment = new Compartment();\n    const languageExtensionCompartment = new Compartment();\n    const readonlyExtensionCompartment = new Compartment();\n    const disabledExtensionCompartment = new Compartment();\n\n    // State\n    const controlAttributes = reactive({\n      id: useIdAttribute(),\n      ...useControlAttributes(),\n      ...useValidationAttributes(),\n    });\n\n    const proxyModelValue = useProxyModelValue(toRef(props, 'modelValue'), context.emit);\n\n    const getLanguageExtension = async (language: CodeLanguage) => {\n      switch (language) {\n        case CodeLanguage.HTML:\n          return (await import('@codemirror/lang-html')).html();\n\n        case CodeLanguage.CSS:\n          return (await import('@codemirror/lang-css')).css();\n\n        case CodeLanguage.JS:\n          return (await import('@codemirror/lang-javascript')).javascript();\n\n        case CodeLanguage.TS:\n          return (await import('@codemirror/lang-javascript')).javascript({ typescript: true });\n\n        case CodeLanguage.JSON:\n          return (await import('@codemirror/lang-json')).json();\n\n        case CodeLanguage.MD:\n          return (await import('@codemirror/lang-markdown')).markdown();\n      }\n    };\n\n    // Methods\n    function focus(): void {\n      (control.value?.focus as unknown as () => void)?.();\n    }\n\n    function blur(): void {\n      (control.value?.blur as unknown as () => void)?.();\n    }\n\n    function openFullscreen(): void {\n      (modal.value?.open as unknown as () => void)?.();\n    }\n\n    // #region Codemirror\n    const theme = useTheme();\n    const defaultExtensions = [\n      basicSetup,\n\n      keymap.of([\n        indentWithTab,\n      ]),\n\n      EditorView.domEventHandlers({\n        input: (event) => {\n          context.emit('input', event);\n        },\n\n        keydown: (event) => {\n          context.emit('keydown', event);\n        },\n\n        keyup: (event) => {\n          context.emit('keyup', event);\n        },\n\n        focus: (event) => {\n          context.emit('focus', event);\n        },\n\n        blur: (event) => {\n          context.emit('blur', event);\n        },\n      }),\n\n      EditorView.theme({\n        '&': {\n          overflow: 'hidden',\n\n          color: theme.textColor['on-background'],\n          backgroundColor: theme.backgroundColor['background'],\n        },\n\n        '&.cm-focused': {\n          outline: 'none',\n        },\n\n        '.cm-scroller': {\n          fontFamily: theme.fontFamily['caption'],\n          fontWeight: theme.fontWeight['caption'],\n          fontSize: theme.fontSize['caption'],\n          lineHeight: theme.lineHeight['caption'],\n        },\n\n        '.cm-gutters': {\n          color: theme.textColor['on-background'],\n          backgroundColor: theme.backgroundColor['primary-opacity-0-12'],\n          borderColor: theme.borderColor['outline'],\n\n          backdropFilter: 'blur(2px)',\n        },\n\n        '.cm-activeLineGutter, .cm-activeLine': {\n          backgroundColor: theme.backgroundColor['primary-opacity-0-08'],\n        },\n      }),\n    ];\n\n    const state = EditorState.create({\n      doc: proxyModelValue.value,\n\n      extensions: [\n        ...defaultExtensions,\n        languageExtensionCompartment.of([]),\n        addedExtensionCompartment.of(props.extensions),\n        readonlyExtensionCompartment.of([EditorState.readOnly.of(props.readonly)]),\n        disabledExtensionCompartment.of([EditorView.editable.of(!props.disabled)]),\n      ],\n    });\n\n    const editorView = new EditorView({\n      state,\n\n      dispatch: (transaction) => {\n        editorView.update([\n          transaction,\n        ]);\n\n        if (transaction.docChanged) {\n          proxyModelValue.value = String(editorView.state.doc);\n        }\n      },\n    });\n\n    watch(proxyModelValue, (value) => {\n      if (editorView.composing) return;\n      if (editorView.state.doc.toString() === value) return;\n\n      const modelValue = value ?? '';\n      const { selection } = editorView.state;\n\n      editorView!.dispatch({\n        changes: {\n          from: 0,\n          to: editorView!.state.doc.length,\n          insert: modelValue,\n        },\n\n        selection: selection.ranges.some((range) => range.to > modelValue.length) ? { anchor: modelValue.length } : selection,\n      });\n    });\n\n    watch([\n      () => props.extensions,\n      () => props.language,\n      () => props.readonly,\n      () => props.disabled,\n    ], async ([extensions, language, readonly, disabled], [, prevLanguage, pevReadonly, pevDisabled]) => {\n      let effects = [];\n\n      if (readonly !== pevReadonly) {\n        effects.push(readonlyExtensionCompartment.reconfigure(EditorState.readOnly.of(readonly)));\n      }\n\n      if (disabled !== pevDisabled) {\n        effects.push(disabledExtensionCompartment.reconfigure(EditorView.editable.of(!disabled)));\n      }\n\n      if (language !== prevLanguage) {\n        const languageExt = await getLanguageExtension(language as CodeLanguage);\n\n        effects.push(languageExtensionCompartment.reconfigure([languageExt]));\n      }\n\n      effects.push(addedExtensionCompartment.reconfigure(extensions));\n\n      editorView!.dispatch({ effects });\n    }, { immediate: true });\n    // #endregion\n\n    // Effects\n    watch(() => modal.value?.state, (value) => {\n      setTimeout(() => {\n        if (value === 'open') {\n          (fullscreenControl.value?.control as unknown as HTMLElement)?.append(editorView.dom);\n        } else {\n          (control.value?.control as unknown as HTMLElement)?.append(editorView.dom);\n        }\n      });\n    });\n\n    // Lifecycle\n    onMounted(() => {\n      (control.value?.control as unknown as HTMLElement)?.append(editorView.dom);\n    });\n\n    onUnmounted(() => {\n      editorView.destroy();\n    });\n\n    return {\n      root,\n      editorView,\n      control,\n      fullscreenControl,\n      modal,\n      rootStyles,\n      controlStyles,\n      modalStyles,\n      controlAttributes,\n      proxyModelValue,\n      focus,\n      blur,\n      openFullscreen,\n    };\n  },\n});\n</script>\n"],"names":["Code","CodeControlRoot","CodeControl","CodeModal","_sfc_main$1","defineComponent","OrError","OrHint","OrInputBox","OrLabel","root","ref","control","focus","_a","blur","rootStyles","computed","controlStyles","_resolveComponent","_openBlock","_createElementBlock","_normalizeClass","_ctx","_component_OrLabel","_renderSlot","_createVNode","_component_OrInputBox","_withCtx","_createElementVNode","_withDirectives","_createBlock","_component_OrHint","_createCommentVNode","_component_OrError","CodeLanguage","_sfc_main","OrModal","OrCodeControl","OrIconButton","props","context","fullscreenControl","modal","modalStyles","addedExtensionCompartment","Compartment","languageExtensionCompartment","readonlyExtensionCompartment","disabledExtensionCompartment","controlAttributes","reactive","useIdAttribute","useControlAttributes","useValidationAttributes","proxyModelValue","useProxyModelValue","toRef","getLanguageExtension","language","_b","openFullscreen","theme","useTheme","defaultExtensions","basicSetup","keymap","indentWithTab","EditorView","event","state","EditorState","editorView","transaction","watch","value","modelValue","selection","range","extensions","readonly","disabled","prevLanguage","pevReadonly","pevDisabled","effects","languageExt","_d","_c","onMounted","onUnmounted","_component_OrCodeControl","_createSlots","_hoisted_1","_component_OrIconButton","_component_OrModal"],"mappings":"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"}
+{"version":3,"file":"OrCode-WlDGnBsW.mjs","sources":["../../../components/or-code-v3/src/styles.ts","../../../components/or-code-v3/src/partials/OrCodeControl.vue","../../../components/or-code-v3/src/props.ts","../../../components/or-code-v3/src/OrCode.vue"],"sourcesContent":["export const Code: string[] = [\n  // Layout\n  'layout-column',\n\n  // Spacing\n  'gap-xs',\n];\n\nexport const CodeControlRoot: string[] = [\n  // Layout\n  'layout-column',\n\n  // Sizing\n  'h-full',\n\n  // Spacing\n  'gap-xs',\n];\n\nexport const CodeControl: string[] = [\n  // Layout\n  'grid',\n\n  // Box\n  'w-full',\n  'h-full',\n\n  // Spacing\n  '!mx-0',\n  '!my-0',\n\n  // Theme\n  'theme-background-default',\n  'dark:theme-background-default-dark',\n\n  // todo: https://onereach.atlassian.net/browse/UI-580\n  'dark:invert dark:hue-rotate-180',\n];\n\nexport const CodeModal: string[] = [\n  // Sizing\n  '!h-full',\n];\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n  >\n    <OrLabel\n      :control-id=\"controlId\"\n      :variant=\"'input'\"\n      :required=\"required\"\n      :disabled=\"disabled\"\n    >\n      <slot name=\"label\">\n        {{ label }}\n      </slot>\n\n      <template v-slot:addon>\n        <slot name=\"addon\" />\n      </template>\n    </OrLabel>\n\n    <OrInputBox\n      :class=\"['grow']\"\n      :size=\"'m'\"\n      :invalid=\"!!error || !!$slots.error\"\n      :readonly=\"readonly\"\n      :disabled=\"disabled\"\n    >\n      <div\n        :ref=\"'control'\"\n        :class=\"controlStyles\"\n      />\n    </OrInputBox>\n\n    <template v-if=\"$slots.hint || hint\">\n      <OrHint\n        v-show=\"!error\"\n        :disabled=\"disabled\"\n      >\n        <slot name=\"hint\">\n          {{ hint }}\n        </slot>\n      </OrHint>\n    </template>\n\n    <OrError\n      v-show=\"typeof error === 'string' && error.length > 0 || $slots.error\"\n      :disabled=\"disabled\"\n    >\n      <slot name=\"error\">\n        {{ error }}\n      </slot>\n    </OrError>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, ref } from 'vue';\nimport { OrErrorV3 as OrError } from '@onereach/ui-components.or-error-v3';\nimport { OrHintV3 as OrHint } from '@onereach/ui-components.or-hint-v3';\nimport { OrInputBoxV3 as OrInputBox } from '@onereach/ui-components.or-input-box-v3';\nimport { OrLabelV3 as OrLabel } from '@onereach/ui-components.or-label-v3';\nimport { CodeControl, CodeControlRoot } from '../styles';\n\nexport default defineComponent({\n  name: 'OrCodeControl',\n\n  components: {\n    OrError,\n    OrHint,\n    OrInputBox,\n    OrLabel,\n  },\n\n  props: {\n    error: {\n      type: [String, Boolean],\n      default: undefined,\n    },\n\n    required: {\n      type: Boolean,\n      default: false,\n    },\n\n    controlId: {\n      type: String,\n      default: undefined,\n    },\n\n    label: {\n      type: String,\n      default: undefined,\n    },\n\n    readonly: {\n      type: Boolean,\n      default: false,\n    },\n\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    hint: {\n      type: String,\n      default: undefined,\n    },\n  },\n\n  expose: [\n    'root',\n    'control',\n\n    'focus',\n    'blur',\n  ],\n\n  setup() {\n    // Refs\n    const root = ref<HTMLElement>();\n    const control = ref<HTMLElement>();\n\n    // Methods\n    function focus(): void {\n      control.value?.focus();\n    }\n\n    function blur(): void {\n      control.value?.blur();\n    }\n    // Styles\n    const rootStyles = computed(() => [\n      'or-code-control-v3',\n      ...CodeControlRoot,\n    ]);\n\n    const controlStyles = computed(() => [\n      ...CodeControl,\n    ]);\n\n    return {\n      root,\n      control,\n      rootStyles,\n      controlStyles,\n      focus,\n      blur,\n    };\n  },\n});\n</script>\n","export enum CodeLanguage {\n  HTML = 'html',\n  CSS = 'css',\n  JS = 'js',\n  TS = 'ts',\n  JSON = 'json',\n  MD = 'md',\n}\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n  >\n    <OrCodeControl\n      :ref=\"'control'\"\n      :control-id=\"controlAttributes.id\"\n      :label=\"label\"\n      :hint=\"hint\"\n      :error=\"error\"\n      :disabled=\"disabled\"\n      :readonly=\"readonly\"\n    >\n      <template v-slot:label>\n        <slot name=\"label\">\n          {{ label }}\n        </slot>\n      </template>\n      <template v-slot:addon>\n        <div :class=\"['layout-row', 'gap-xs']\">\n          <slot name=\"addon\" />\n\n          <OrIconButton\n            v-if=\"enableFullscreen\"\n            :icon=\"'fullscreen'\"\n            @click.stop=\"openFullscreen()\"\n          />\n        </div>\n      </template>\n      <template v-slot:hint>\n        <slot name=\"hint\">\n          {{ hint }}\n        </slot>\n      </template>\n      <template\n        v-if=\"$slots.error\"\n        v-slot:error\n      >\n        <slot name=\"error\" />\n      </template>\n    </OrCodeControl>\n\n    <OrModal\n      :ref=\"'modal'\"\n      :additional-styles=\"modalStyles\"\n      :size=\"'l'\"\n    >\n      <template v-slot:header>\n        <slot name=\"label\">\n          {{ label }}\n        </slot>\n      </template>\n\n      <OrCodeControl\n        :ref=\"'fullscreenControl'\"\n        :control-id=\"controlAttributes.id\"\n        :hint=\"hint\"\n        :error=\"error\"\n        :disabled=\"disabled\"\n        :readonly=\"readonly\"\n      >\n        <template v-slot:addon>\n          <slot name=\"addon\" />\n        </template>\n        <template\n          v-if=\"$slots.error\"\n          v-slot:error\n        >\n          <slot name=\"error\" />\n        </template>\n      </OrCodeControl>\n\n      <template\n        v-if=\"$slots.modalFooter\"\n        v-slot:footer\n      >\n        <slot name=\"modalFooter\" />\n      </template>\n    </OrModal>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { PropType, computed, defineComponent, onMounted, onUnmounted, reactive, ref, toRef, watch } from 'vue';\nimport { useControlAttributes, useIdAttribute, useProxyModelValue, useTheme, useValidationAttributes } from '@onereach/ui-components-common/hooks';\n\n/* Codemirror core */\nimport { basicSetup } from 'codemirror';\n\nimport { indentWithTab } from '@codemirror/commands';\nimport { Compartment, EditorState, Extension } from '@codemirror/state';\nimport { EditorView, keymap } from '@codemirror/view';\n\n/* Components */\nimport { OrIconButtonV3 as OrIconButton } from '@onereach/ui-components.or-icon-button-v3';\nimport { OrModalV3 as OrModal } from '@onereach/ui-components.or-modal-v3';\n\nimport OrCodeControl from './partials/OrCodeControl.vue';\nimport { CodeLanguage } from './props';\nimport { Code, CodeControl, CodeModal } from './styles';\n\nexport default defineComponent({\n  name: 'OrCode',\n\n  components: {\n    OrModal,\n    OrCodeControl,\n    OrIconButton,\n  },\n\n  model: {\n    prop: 'modelValue',\n    event: 'update:modelValue',\n  },\n\n  props: {\n    modelValue: {\n      type: String,\n      default: undefined,\n    },\n\n    language: {\n      type: String as PropType<CodeLanguage>,\n      default: () => CodeLanguage.JS,\n    },\n\n    extensions: {\n      type: Array as PropType<Extension[]>,\n      default: () => [],\n    },\n\n    label: {\n      type: String,\n      default: undefined,\n    },\n\n    hint: {\n      type: String,\n      default: undefined,\n    },\n\n    error: {\n      type: [String, Boolean],\n      default: undefined,\n    },\n\n    required: {\n      type: Boolean,\n      default: false,\n    },\n\n    readonly: {\n      type: Boolean,\n      default: false,\n    },\n\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    // todo: review flag prop, seems better to set 'false' default value\n    enableFullscreen: {\n      type: Boolean,\n      default: true,\n    },\n  },\n\n  emits: [\n    'update:modelValue',\n\n    'input',\n    'keydown',\n    'keyup',\n    'focus',\n    'blur',\n  ],\n\n  expose: [\n    'root',\n\n    'editorView',\n    'control',\n    'fullscreenControl',\n    'modal',\n\n    'focus',\n    'blur',\n    'openFullscreen',\n  ],\n\n  setup(props, context) {\n    // Refs\n    const root = ref<HTMLElement>();\n    const control = ref<InstanceType<typeof OrCodeControl>>();\n    const fullscreenControl = ref<InstanceType<typeof OrCodeControl>>();\n\n    const modal = ref<InstanceType<typeof OrModal>>();\n\n    // Styles\n    const rootStyles = computed(() => [\n      'or-code-v3',\n      ...Code,\n    ]);\n\n    const controlStyles = computed(() => [\n      ...CodeControl,\n    ]);\n\n    const modalStyles = computed(() => [\n      ...CodeModal,\n    ]);\n\n    const addedExtensionCompartment = new Compartment();\n    const languageExtensionCompartment = new Compartment();\n    const readonlyExtensionCompartment = new Compartment();\n    const disabledExtensionCompartment = new Compartment();\n\n    // State\n    const controlAttributes = reactive({\n      id: useIdAttribute(),\n      ...useControlAttributes(),\n      ...useValidationAttributes(),\n    });\n\n    const proxyModelValue = useProxyModelValue(toRef(props, 'modelValue'), context.emit);\n\n    const getLanguageExtension = async (language: CodeLanguage) => {\n      switch (language) {\n        case CodeLanguage.HTML:\n          return (await import('@codemirror/lang-html')).html();\n\n        case CodeLanguage.CSS:\n          return (await import('@codemirror/lang-css')).css();\n\n        case CodeLanguage.JS:\n          return (await import('@codemirror/lang-javascript')).javascript();\n\n        case CodeLanguage.TS:\n          return (await import('@codemirror/lang-javascript')).javascript({ typescript: true });\n\n        case CodeLanguage.JSON:\n          return (await import('@codemirror/lang-json')).json();\n\n        case CodeLanguage.MD:\n          return (await import('@codemirror/lang-markdown')).markdown();\n      }\n    };\n\n    // Methods\n    function focus(): void {\n      (control.value?.focus as unknown as () => void)?.();\n    }\n\n    function blur(): void {\n      (control.value?.blur as unknown as () => void)?.();\n    }\n\n    function openFullscreen(): void {\n      (modal.value?.open as unknown as () => void)?.();\n    }\n\n    // #region Codemirror\n    const theme = useTheme();\n    const defaultExtensions = [\n      basicSetup,\n\n      keymap.of([\n        indentWithTab,\n      ]),\n\n      EditorView.domEventHandlers({\n        input: (event) => {\n          context.emit('input', event);\n        },\n\n        keydown: (event) => {\n          context.emit('keydown', event);\n        },\n\n        keyup: (event) => {\n          context.emit('keyup', event);\n        },\n\n        focus: (event) => {\n          context.emit('focus', event);\n        },\n\n        blur: (event) => {\n          context.emit('blur', event);\n        },\n      }),\n\n      EditorView.theme({\n        '&': {\n          overflow: 'hidden',\n\n          color: theme.textColor['on-background'],\n          backgroundColor: theme.backgroundColor['background'],\n        },\n\n        '&.cm-focused': {\n          outline: 'none',\n        },\n\n        '.cm-scroller': {\n          fontFamily: theme.fontFamily['caption'],\n          fontWeight: theme.fontWeight['caption'],\n          fontSize: theme.fontSize['caption'],\n          lineHeight: theme.lineHeight['caption'],\n        },\n\n        '.cm-gutters': {\n          color: theme.textColor['on-background'],\n          backgroundColor: theme.backgroundColor['primary-opacity-0-12'],\n          borderColor: theme.borderColor['outline'],\n\n          backdropFilter: 'blur(2px)',\n        },\n\n        '.cm-activeLineGutter, .cm-activeLine': {\n          backgroundColor: theme.backgroundColor['primary-opacity-0-08'],\n        },\n      }),\n    ];\n\n    const state = EditorState.create({\n      doc: proxyModelValue.value,\n\n      extensions: [\n        ...defaultExtensions,\n        languageExtensionCompartment.of([]),\n        addedExtensionCompartment.of(props.extensions),\n        readonlyExtensionCompartment.of([EditorState.readOnly.of(props.readonly)]),\n        disabledExtensionCompartment.of([EditorView.editable.of(!props.disabled)]),\n      ],\n    });\n\n    const editorView = new EditorView({\n      state,\n\n      dispatch: (transaction) => {\n        editorView.update([\n          transaction,\n        ]);\n\n        if (transaction.docChanged) {\n          proxyModelValue.value = String(editorView.state.doc);\n        }\n      },\n    });\n\n    watch(proxyModelValue, (value) => {\n      if (editorView.composing) return;\n      if (editorView.state.doc.toString() === value) return;\n\n      const modelValue = value ?? '';\n      const { selection } = editorView.state;\n\n      editorView!.dispatch({\n        changes: {\n          from: 0,\n          to: editorView!.state.doc.length,\n          insert: modelValue,\n        },\n\n        selection: selection.ranges.some((range) => range.to > modelValue.length) ? { anchor: modelValue.length } : selection,\n      });\n    });\n\n    watch([\n      () => props.extensions,\n      () => props.language,\n      () => props.readonly,\n      () => props.disabled,\n    ], async ([extensions, language, readonly, disabled], [, prevLanguage, pevReadonly, pevDisabled]) => {\n      let effects = [];\n\n      if (readonly !== pevReadonly) {\n        effects.push(readonlyExtensionCompartment.reconfigure(EditorState.readOnly.of(readonly)));\n      }\n\n      if (disabled !== pevDisabled) {\n        effects.push(disabledExtensionCompartment.reconfigure(EditorView.editable.of(!disabled)));\n      }\n\n      if (language !== prevLanguage) {\n        const languageExt = await getLanguageExtension(language as CodeLanguage);\n\n        effects.push(languageExtensionCompartment.reconfigure([languageExt]));\n      }\n\n      effects.push(addedExtensionCompartment.reconfigure(extensions));\n\n      editorView!.dispatch({ effects });\n    }, { immediate: true });\n    // #endregion\n\n    // Effects\n    watch(() => modal.value?.state, (value) => {\n      setTimeout(() => {\n        if (value === 'open') {\n          (fullscreenControl.value?.control as unknown as HTMLElement)?.append(editorView.dom);\n        } else {\n          (control.value?.control as unknown as HTMLElement)?.append(editorView.dom);\n        }\n      });\n    });\n\n    // Lifecycle\n    onMounted(() => {\n      (control.value?.control as unknown as HTMLElement)?.append(editorView.dom);\n    });\n\n    onUnmounted(() => {\n      editorView.destroy();\n    });\n\n    return {\n      root,\n      editorView,\n      control,\n      fullscreenControl,\n      modal,\n      rootStyles,\n      controlStyles,\n      modalStyles,\n      controlAttributes,\n      proxyModelValue,\n      focus,\n      blur,\n      openFullscreen,\n    };\n  },\n});\n</script>\n"],"names":["Code","CodeControlRoot","CodeControl","CodeModal","_sfc_main$1","defineComponent","OrError","OrHint","OrInputBox","OrLabel","root","ref","control","focus","_a","blur","rootStyles","computed","controlStyles","_resolveComponent","_openBlock","_createElementBlock","_normalizeClass","_ctx","_component_OrLabel","_renderSlot","_createVNode","_component_OrInputBox","_withCtx","_createElementVNode","_withDirectives","_createBlock","_component_OrHint","_createCommentVNode","_component_OrError","CodeLanguage","_sfc_main","OrModal","OrCodeControl","OrIconButton","props","context","fullscreenControl","modal","modalStyles","addedExtensionCompartment","Compartment","languageExtensionCompartment","readonlyExtensionCompartment","disabledExtensionCompartment","controlAttributes","reactive","useIdAttribute","useControlAttributes","useValidationAttributes","proxyModelValue","useProxyModelValue","toRef","getLanguageExtension","language","_b","openFullscreen","theme","useTheme","defaultExtensions","basicSetup","keymap","indentWithTab","EditorView","event","state","EditorState","editorView","transaction","watch","value","modelValue","selection","range","extensions","readonly","disabled","prevLanguage","pevReadonly","pevDisabled","effects","languageExt","_d","_c","onMounted","onUnmounted","_component_OrCodeControl","_createSlots","_hoisted_1","_component_OrIconButton","_component_OrModal"],"mappings":"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"}

package/dist/esm/{OrDateRangePicker-BgV5fYyO.mjs → OrDateRangePicker-EmSkMzJ7.mjs}

@@ -1,4 +1,4 @@
-import { defineComponent as _, ref as v, computed as m, toRef as I, watch as q, resolveComponent as t, resolveDirective as K, openBlock as u, createElementBlock as R, normalizeClass as y, createBlock as P, withCtx as i, renderSlot as E, createTextVNode as f, toDisplayString as c, createCommentVNode as w, withDirectives as C, withModifiers as x, createVNode as n, createElementVNode as N, vShow as Q } from "vue";
+import { defineComponent as _, ref as v, computed as u, toRef as I, watch as q, resolveComponent as t, resolveDirective as K, openBlock as d, createElementBlock as R, normalizeClass as g, createBlock as y, withCtx as i, renderSlot as E, createTextVNode as f, toDisplayString as c, createCommentVNode as C, withDirectives as T, withModifiers as x, createVNode as n, createElementVNode as N, vShow as Q } from "vue";
 import { DropdownClose as ee, DropdownOpen as oe } from "@onereach/ui-components-common/directives";
 import { useDateFormat as re, useLocale as le, useProxyModelValue as ae, useResponsive as te } from "@onereach/ui-components-common/hooks";
 import { O as ne, a as ie, b as de, c as se, d as me, e as ue, l as W, i as pe } from "./OrDateTimePicker.vue_vue_type_script_lang-kFeSOigY.mjs";
@@ -120,22 +120,22 @@ const Pe = [
   ],
   setup(e, r) {
     var G, J;
-    const H = v(), U = m(() => [
+    const H = v(), U = u(() => [
       "or-date-range-picker-v3",
       ...Pe,
       ...e.variant === ye.Embedded ? ["grow"] : []
-    ]), B = v(), z = m(() => {
+    ]), B = v(), z = u(() => {
       var o;
       return (o = B.value) == null ? void 0 : o.root;
-    }), b = v(), T = m(() => {
+    }), b = v(), F = u(() => {
       var o;
       return (o = b.value) == null ? void 0 : o.state;
-    }), F = m(() => [
+    }), S = u(() => [
       "or-date-range-picker-popover-v3",
       ...A.value ? [] : ce
-    ]), M = re(I(e, "format")), S = le(I(e, "locale")), g = v(((G = e.modelValue) == null ? void 0 : G[0]) ?? W()), $ = v(((J = e.modelValue) == null ? void 0 : J[1]) ?? X());
+    ]), M = re(I(e, "format")), $ = le(I(e, "locale")), V = v(((G = e.modelValue) == null ? void 0 : G[0]) ?? W()), w = v(((J = e.modelValue) == null ? void 0 : J[1]) ?? X());
     q(() => e.modelValue, (o) => {
-      g.value = (o == null ? void 0 : o[0]) ?? W(), $.value = (o == null ? void 0 : o[1]) ?? X();
+      V.value = (o == null ? void 0 : o[0]) ?? W(), w.value = (o == null ? void 0 : o[1]) ?? X();
     });
     const p = ae(I(e, "modelValue"), r.emit), a = v(p.value);
     q(p, (o) => {
@@ -143,43 +143,43 @@ const Pe = [
     }), q(a, (o) => {
       o && o[0] && o[1] && Number(o[0]) > Number(o[1]) && (a.value = [o[1], o[0]], j());
     });
-    const D = m({
+    const D = u({
       get: () => {
         var o;
         return (o = a.value) == null ? void 0 : o[0];
       },
       set: (o) => {
-        var s;
-        a.value = [o, (s = a.value) == null ? void 0 : s[1]];
+        var m;
+        a.value = [o, (m = a.value) == null ? void 0 : m[1]];
       }
-    }), O = m({
+    }), O = u({
       get: () => {
         var o;
         return (o = a.value) == null ? void 0 : o[1];
       },
       set: (o) => {
-        var s;
-        a.value = [(s = a.value) == null ? void 0 : s[0], o];
+        var m;
+        a.value = [(m = a.value) == null ? void 0 : m[0], o];
       }
-    }), d = v("from"), L = m({
-      get: () => d.value === "from" ? D.value : O.value,
+    }), s = v("from"), L = u({
+      get: () => s.value === "from" ? D.value : O.value,
       set: (o) => {
-        d.value === "from" ? D.value = o : O.value = o;
+        s.value === "from" ? D.value = o : O.value = o;
       }
-    }), V = m(() => !(D.value && O.value));
-    function k() {
+    }), k = u(() => !(D.value && O.value));
+    function P() {
       p.value = a.value;
     }
     function l() {
       a.value = p.value ?? [void 0, void 0];
     }
     function j() {
-      d.value = d.value === "from" ? "to" : "from";
+      s.value = s.value === "from" ? "to" : "from";
     }
     function Y(o) {
       if (!e.readonly && !e.disabled) {
-        const s = b.value;
-        s && s.open(), d.value = o;
+        const m = b.value;
+        m && m.open(), s.value = o;
       }
     }
     function Z() {
@@ -193,20 +193,20 @@ const Pe = [
       inputBox: B,
       inputBoxRoot: z,
       popover: b,
-      popoverState: T,
-      popoverStyles: F,
+      popoverState: F,
+      popoverStyles: S,
       resolvedFormat: M,
-      resolvedLocale: S,
-      initialValueFrom: g,
-      initialValueTo: $,
+      resolvedLocale: $,
+      initialValueFrom: V,
+      initialValueTo: w,
       model: p,
       draft: a,
       draftFrom: D,
       draftTo: O,
-      activeControl: d,
+      activeControl: s,
       activeControlDraft: L,
-      invalid: V,
-      apply: k,
+      invalid: k,
+      apply: P,
       reset: l,
       toggleControl: j,
       openPopover: Y,
@@ -217,23 +217,23 @@ const Pe = [
     };
   }
 }), Te = {
-  class: /* @__PURE__ */ y(["layout-row", "gap-md"])
+  class: /* @__PURE__ */ g(["layout-row", "gap-md"])
 }, Fe = {
   key: 0,
-  class: /* @__PURE__ */ y(["layout-column", "grow"])
+  class: /* @__PURE__ */ g(["layout-column", "grow"])
 }, Se = {
   key: 1,
-  class: /* @__PURE__ */ y(["layout-column", "grow"])
+  class: /* @__PURE__ */ g(["layout-column", "grow"])
 }, $e = /* @__PURE__ */ N("div", {
-  class: /* @__PURE__ */ y(["grow"])
+  class: /* @__PURE__ */ g(["grow"])
 }, null, -1);
 function we(e, r, H, U, B, z) {
-  const b = t("OrLabel"), T = t("OrDateTimePickerDateControl"), F = t("OrDateTimePickerMobileControl"), M = t("OrDateTimePickerPopoverHeader"), S = t("OrDateTimePickerMonthSelect"), g = t("OrDateTimePickerDateSelect"), $ = t("OrDateTimePickerPopoverFooter"), p = t("OrPopover"), a = t("OrIconButton"), D = t("OrIcon"), O = t("OrInputBox"), d = t("OrHint"), L = t("OrError"), V = K("dropdown-open"), k = K("dropdown-close");
-  return u(), R("div", {
+  const b = t("OrLabel"), F = t("OrDateTimePickerDateControl"), S = t("OrDateTimePickerMobileControl"), M = t("OrDateTimePickerPopoverHeader"), $ = t("OrDateTimePickerMonthSelect"), V = t("OrDateTimePickerDateSelect"), w = t("OrDateTimePickerPopoverFooter"), p = t("OrPopover"), a = t("OrIconButton"), D = t("OrIcon"), O = t("OrInputBox"), s = t("OrHint"), L = t("OrError"), k = K("dropdown-open"), P = K("dropdown-close");
+  return d(), R("div", {
     ref: "root",
-    class: y(e.rootStyles)
+    class: g(e.rootStyles)
   }, [
-    e.$slots.label || e.$slots.addon || e.label ? (u(), P(b, {
+    e.$slots.label || e.$slots.addon || e.label ? (d(), y(b, {
       key: 0,
       variant: "input",
       required: e.required,
@@ -248,8 +248,8 @@ function we(e, r, H, U, B, z) {
         ])
       ]),
       _: 3
-    }, 8, ["required", "disabled"])) : w("", !0),
-    C((u(), P(O, {
+    }, 8, ["required", "disabled"])) : C("", !0),
+    T((d(), y(O, {
       ref: "inputBox",
       variant: e.variant,
       size: e.size,
@@ -258,20 +258,20 @@ function we(e, r, H, U, B, z) {
       disabled: e.disabled
     }, {
       addon: i(() => [
-        e.modelValue ? (u(), P(a, {
+        e.modelValue ? (d(), y(a, {
           key: 0,
           icon: "close",
           color: "inherit",
           disabled: e.readonly || e.disabled,
           onClick: r[13] || (r[13] = x((l) => e.$emit("update:modelValue", void 0), ["stop"]))
-        }, null, 8, ["disabled"])) : (u(), P(D, {
+        }, null, 8, ["disabled"])) : (d(), y(D, {
           key: 1,
           icon: "calendar_month",
           variant: "outlined"
         }))
       ]),
       default: i(() => [
-        C(n(T, {
+        T(n(F, {
           modelValue: e.draftFrom,
           "onUpdate:modelValue": r[0] || (r[0] = (l) => e.draftFrom = l),
           format: e.resolvedFormat,
@@ -281,11 +281,11 @@ function we(e, r, H, U, B, z) {
           readonly: e.readonly,
           disabled: e.disabled
         }, null, 8, ["modelValue", "format", "locale", "selected", "required", "readonly", "disabled"]), [
-          [V, () => e.openPopover("from")],
-          [k, e.closePopover]
+          [k, () => e.openPopover("from")],
+          [P, e.closePopover]
         ]),
         f(" - "),
-        C(n(T, {
+        T(n(F, {
           modelValue: e.draftTo,
           "onUpdate:modelValue": r[1] || (r[1] = (l) => e.draftTo = l),
           format: e.resolvedFormat,
@@ -295,8 +295,8 @@ function we(e, r, H, U, B, z) {
           readonly: e.readonly,
           disabled: e.disabled
         }, null, 8, ["modelValue", "format", "locale", "selected", "required", "readonly", "disabled"]), [
-          [V, () => e.openPopover("to")],
-          [k, e.closePopover]
+          [k, () => e.openPopover("to")],
+          [P, e.closePopover]
         ]),
         n(p, {
           ref: "popover",
@@ -309,11 +309,11 @@ function we(e, r, H, U, B, z) {
         }, {
           default: i(() => [
             N("div", {
-              class: y(e.popoverStyles)
+              class: g(e.popoverStyles)
             }, [
-              n(M, null, {
+              e.isMobile ? (d(), y(M, { key: 0 }, {
                 default: i(() => [
-                  n(F, {
+                  n(S, {
                     label: "Start Date",
                     selected: e.activeControl === "from",
                     onClick: r[2] || (r[2] = (l) => e.activeControl = "from")
@@ -324,7 +324,7 @@ function we(e, r, H, U, B, z) {
                     _: 1
                   }, 8, ["selected"]),
                   f(" - "),
-                  n(F, {
+                  n(S, {
                     label: "End Date",
                     selected: e.activeControl === "to",
                     onClick: r[3] || (r[3] = (l) => e.activeControl = "to")
@@ -336,15 +336,15 @@ function we(e, r, H, U, B, z) {
                   }, 8, ["selected"])
                 ]),
                 _: 1
-              }),
+              })) : C("", !0),
               N("div", Te, [
-                e.isDesktop || e.isMobile && e.activeControl === "from" ? (u(), R("div", Fe, [
-                  n(S, {
+                e.isDesktop || e.isMobile && e.activeControl === "from" ? (d(), R("div", Fe, [
+                  n($, {
                     modelValue: e.initialValueFrom,
                     "onUpdate:modelValue": r[4] || (r[4] = (l) => e.initialValueFrom = l),
                     locale: e.resolvedLocale
                   }, null, 8, ["modelValue", "locale"]),
-                  n(g, {
+                  n(V, {
                     modelValue: e.activeControlDraft,
                     "onUpdate:modelValue": [
                       r[5] || (r[5] = (l) => e.activeControlDraft = l),
@@ -357,14 +357,14 @@ function we(e, r, H, U, B, z) {
                     "range-end": e.draftTo || e.initialValueTo,
                     "date-filter": e.startDateFilter
                   }, null, 8, ["modelValue", "initial-value", "format", "locale", "range-start", "range-end", "date-filter"])
-                ])) : w("", !0),
-                e.isDesktop || e.isMobile && e.activeControl === "to" ? (u(), R("div", Se, [
-                  n(S, {
+                ])) : C("", !0),
+                e.isDesktop || e.isMobile && e.activeControl === "to" ? (d(), R("div", Se, [
+                  n($, {
                     modelValue: e.initialValueTo,
                     "onUpdate:modelValue": r[7] || (r[7] = (l) => e.initialValueTo = l),
                     locale: e.resolvedLocale
                   }, null, 8, ["modelValue", "locale"]),
-                  n(g, {
+                  n(V, {
                     modelValue: e.activeControlDraft,
                     "onUpdate:modelValue": [
                       r[8] || (r[8] = (l) => e.activeControlDraft = l),
@@ -377,9 +377,9 @@ function we(e, r, H, U, B, z) {
                     "range-end": e.draftTo || e.initialValueTo,
                     "date-filter": e.endDateFilter
                   }, null, 8, ["modelValue", "initial-value", "format", "locale", "range-start", "range-end", "date-filter"])
-                ])) : w("", !0)
+                ])) : C("", !0)
               ]),
-              n($, {
+              n(w, {
                 disabled: e.invalid,
                 onApply: r[10] || (r[10] = (l) => {
                   e.apply(), e.popover && e.popover.close();
@@ -396,10 +396,10 @@ function we(e, r, H, U, B, z) {
       ]),
       _: 1
     }, 8, ["variant", "size", "invalid", "readonly", "disabled"])), [
-      [V, () => e.openPopover("from")],
-      [k, e.closePopover]
+      [k, () => e.openPopover("from")],
+      [P, e.closePopover]
     ]),
-    e.$slots.hint || e.hint ? C((u(), P(d, {
+    e.$slots.hint || e.hint ? T((d(), y(s, {
       key: 1,
       disabled: e.disabled
     }, {
@@ -411,8 +411,8 @@ function we(e, r, H, U, B, z) {
       _: 3
     }, 8, ["disabled"])), [
       [Q, !e.error]
-    ]) : w("", !0),
-    C(n(L, { disabled: e.disabled }, {
+    ]) : C("", !0),
+    T(n(L, { disabled: e.disabled }, {
       default: i(() => [
         f(c(e.error), 1)
       ]),
@@ -426,4 +426,4 @@ const Qe = /* @__PURE__ */ ke(Ce, [["render", we]]);
 export {
   Qe as O
 };
-//# sourceMappingURL=OrDateRangePicker-BgV5fYyO.mjs.map
+//# sourceMappingURL=OrDateRangePicker-EmSkMzJ7.mjs.map

package/dist/esm/OrDateRangePicker-EmSkMzJ7.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrDateRangePicker-EmSkMzJ7.mjs","sources":["../../../components/or-date-range-picker-v3/src/styles.ts","../../../components/or-date-range-picker-v3/src/OrDateRangePicker.vue"],"sourcesContent":["export const DateRangePicker: string[] = [\n  // Layout\n  'layout-column',\n\n  // Spacing\n  'gap-xs',\n];\n\nexport const DateRangePickerPopover: string[] = [\n  // Box\n  'w-[572px]',\n];\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n  >\n    <template v-if=\"$slots.label || $slots.addon || label\">\n      <OrLabel\n        :variant=\"'input'\"\n        :required=\"required\"\n        :disabled=\"disabled\"\n      >\n        <slot name=\"label\">\n          {{ label }}\n        </slot>\n\n        <template v-slot:addon>\n          <slot name=\"addon\" />\n        </template>\n      </OrLabel>\n    </template>\n\n    <OrInputBox\n      :ref=\"'inputBox'\"\n      v-dropdown-open=\"() => openPopover('from')\"\n      v-dropdown-close=\"closePopover\"\n      :variant=\"variant\"\n      :size=\"size\"\n      :invalid=\"!!error\"\n      :readonly=\"readonly\"\n      :disabled=\"disabled\"\n    >\n      <OrDateTimePickerDateControl\n        v-model=\"draftFrom\"\n        v-dropdown-open=\"() => openPopover('from')\"\n        v-dropdown-close=\"closePopover\"\n        :format=\"resolvedFormat\"\n        :locale=\"resolvedLocale\"\n        :selected=\"popover && popover.state === 'open' && activeControl === 'from'\"\n        :required=\"required\"\n        :readonly=\"readonly\"\n        :disabled=\"disabled\"\n      />\n\n      -\n\n      <OrDateTimePickerDateControl\n        v-model=\"draftTo\"\n        v-dropdown-open=\"() => openPopover('to')\"\n        v-dropdown-close=\"closePopover\"\n        :format=\"resolvedFormat\"\n        :locale=\"resolvedLocale\"\n        :selected=\"popover && popover.state === 'open' && activeControl === 'to'\"\n        :required=\"required\"\n        :readonly=\"readonly\"\n        :disabled=\"disabled\"\n      />\n\n      <OrPopover\n        :ref=\"'popover'\"\n        :variant=\"'auto'\"\n        :bottom-sheet-props=\"{ variant: 'basic' }\"\n        :trigger=\"anchor || inputBoxRoot\"\n        :placement=\"'bottom-start'\"\n        :fallback-placement=\"'start'\"\n        @close=\"reset()\"\n      >\n        <div :class=\"popoverStyles\">\n          <OrDateTimePickerPopoverHeader\n            v-if=\"isMobile\"\n          >\n            <OrDateTimePickerMobileControl\n              :label=\"'Start Date'\"\n              :selected=\"activeControl === 'from'\"\n              @click=\"activeControl = 'from'\"\n            >\n              {{ draftFrom ? formatMobileDate(draftFrom, resolvedFormat, resolvedLocale) : '--' }}\n            </OrDateTimePickerMobileControl>\n\n            -\n\n            <OrDateTimePickerMobileControl\n              :label=\"'End Date'\"\n              :selected=\"activeControl === 'to'\"\n              @click=\"activeControl = 'to'\"\n            >\n              {{ draftTo ? formatMobileDate(draftTo, resolvedFormat, resolvedLocale) : '--' }}\n            </OrDateTimePickerMobileControl>\n          </OrDateTimePickerPopoverHeader>\n\n          <div :class=\"['layout-row', 'gap-md']\">\n            <template v-if=\"isDesktop || (isMobile && activeControl === 'from')\">\n              <div :class=\"['layout-column', 'grow']\">\n                <OrDateTimePickerMonthSelect\n                  v-model=\"initialValueFrom\"\n                  :locale=\"resolvedLocale\"\n                />\n\n                <OrDateTimePickerDateSelect\n                  v-model=\"activeControlDraft\"\n                  :initial-value=\"initialValueFrom\"\n                  :format=\"resolvedFormat\"\n                  :locale=\"resolvedLocale\"\n                  :range-start=\"draftFrom || initialValueFrom\"\n                  :range-end=\"draftTo || initialValueTo\"\n                  :date-filter=\"startDateFilter\"\n                  @update:model-value=\"toggleControl()\"\n                />\n              </div>\n            </template>\n\n            <template v-if=\"isDesktop || (isMobile && activeControl === 'to')\">\n              <div :class=\"['layout-column', 'grow']\">\n                <OrDateTimePickerMonthSelect\n                  v-model=\"initialValueTo\"\n                  :locale=\"resolvedLocale\"\n                />\n\n                <OrDateTimePickerDateSelect\n                  v-model=\"activeControlDraft\"\n                  :initial-value=\"initialValueTo\"\n                  :format=\"resolvedFormat\"\n                  :locale=\"resolvedLocale\"\n                  :range-start=\"draftFrom || initialValueFrom\"\n                  :range-end=\"draftTo || initialValueTo\"\n                  :date-filter=\"endDateFilter\"\n                  @update:model-value=\"toggleControl()\"\n                />\n              </div>\n            </template>\n          </div>\n\n          <OrDateTimePickerPopoverFooter\n            :disabled=\"invalid\"\n            @apply=\"apply(); popover && popover.close()\"\n            @reset=\"reset(); popover && popover.close()\"\n          />\n        </div>\n      </OrPopover>\n\n      <div :class=\"['grow']\" />\n\n      <template v-slot:addon>\n        <template v-if=\"modelValue\">\n          <OrIconButton\n            :icon=\"'close'\"\n            :color=\"'inherit'\"\n            :disabled=\"readonly || disabled\"\n            @click.stop=\"$emit('update:modelValue', undefined)\"\n          />\n        </template>\n\n        <template v-else>\n          <OrIcon\n            :icon=\"'calendar_month'\"\n            :variant=\"'outlined'\"\n          />\n        </template>\n      </template>\n    </OrInputBox>\n\n    <template v-if=\"$slots.hint || hint\">\n      <OrHint\n        v-show=\"!error\"\n        :disabled=\"disabled\"\n      >\n        <slot name=\"hint\">\n          {{ hint }}\n        </slot>\n      </OrHint>\n    </template>\n\n    <OrError\n      v-show=\"typeof error === 'string' && error.length > 0\"\n      :disabled=\"disabled\"\n    >\n      {{ error }}\n    </OrError>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { PropType, computed, defineComponent, ref, toRef, watch } from 'vue';\nimport { DropdownClose, DropdownOpen } from '@onereach/ui-components-common/directives';\nimport { useDateFormat, useLocale, useProxyModelValue, useResponsive } from '@onereach/ui-components-common/hooks';\nimport { DateFormat, FilterFunction, FormatFunction } from '@onereach/ui-components-common/types';\nimport { DateTimePickerModelValue, OrDateTimePickerDateControl, OrDateTimePickerDateSelect, OrDateTimePickerMobileControl, OrDateTimePickerMonthSelect, OrDateTimePickerPopoverFooter, OrDateTimePickerPopoverHeader, formatMobileDate, getCurrentDate, getNextMonthDate } from '@onereach/ui-components.or-date-time-picker-v3';\nimport { OrErrorV3 as OrError } from '@onereach/ui-components.or-error-v3';\nimport { OrHintV3 as OrHint } from '@onereach/ui-components.or-hint-v3';\nimport { OrIconButtonV3 as OrIconButton } from '@onereach/ui-components.or-icon-button-v3';\nimport { OrIconV3 as OrIcon } from '@onereach/ui-components.or-icon-v3';\nimport { InputBoxSize, InputBoxVariant, OrInputBoxV3 as OrInputBox } from '@onereach/ui-components.or-input-box-v3';\nimport { OrLabelV3 as OrLabel } from '@onereach/ui-components.or-label-v3';\nimport { OrPopoverV3 as OrPopover } from '@onereach/ui-components.or-popover-v3';\nimport * as Styles from './styles';\nimport { DateRangePickerModelValue } from './types';\nimport { ReferenceElement } from '@floating-ui/dom';\n\nexport default defineComponent({\n  name: 'OrDateRangePicker',\n\n  components: {\n    OrDateTimePickerDateControl,\n    OrDateTimePickerDateSelect,\n    OrDateTimePickerMobileControl,\n    OrDateTimePickerMonthSelect,\n    OrDateTimePickerPopoverFooter,\n    OrDateTimePickerPopoverHeader,\n    OrError,\n    OrHint,\n    OrIcon,\n    OrIconButton,\n    OrInputBox,\n    OrLabel,\n    OrPopover,\n  },\n\n  directives: {\n    DropdownClose,\n    DropdownOpen,\n  },\n\n  model: {\n    prop: 'modelValue',\n    event: 'update:modelValue',\n  },\n\n  props: {\n    modelValue: {\n      type: undefined as unknown as PropType<DateRangePickerModelValue>,\n      default: undefined,\n    },\n\n    format: {\n      type: [String, Function] as PropType<`${DateFormat}` | FormatFunction<DateTimePickerModelValue>>,\n      default: undefined,\n    },\n\n    locale: {\n      type: String,\n      default: undefined,\n    },\n\n    variant: {\n      type: String as PropType<`${InputBoxVariant}`>,\n      default: undefined,\n    },\n\n    size: {\n      type: String as PropType<`${InputBoxSize}`>,\n      default: undefined,\n    },\n\n    anchor: {\n      type: Object as PropType<ReferenceElement>,\n      default: undefined,\n    },\n\n    label: {\n      type: String,\n      default: undefined,\n    },\n\n    hint: {\n      type: String,\n      default: undefined,\n    },\n\n    error: {\n      type: [String, Boolean],\n      default: undefined,\n    },\n\n    required: {\n      type: Boolean,\n      default: false,\n    },\n\n    readonly: {\n      type: Boolean,\n      default: false,\n    },\n\n    disabled: {\n      type: Boolean,\n      default: false,\n    },\n\n    startDateFilter: {\n      type: Function as PropType<FilterFunction<Date>>,\n      default: undefined,\n    },\n\n    endDateFilter: {\n      type: Function as PropType<FilterFunction<Date>>,\n      default: undefined,\n    },\n  },\n\n  emits: [\n    'update:modelValue',\n\n    'input',\n    'keydown',\n    'keyup',\n    'focus',\n    'blur',\n  ],\n\n  expose: [\n    'root',\n\n    'focus',\n    'blur',\n  ],\n\n  setup(props, context) {\n    // Refs & Styles\n    const root = ref<HTMLElement>();\n\n    const rootStyles = computed(() => [\n      'or-date-range-picker-v3',\n      ...Styles.DateRangePicker,\n      ...props.variant === InputBoxVariant.Embedded ? ['grow'] : [],\n    ]);\n\n    const inputBox = ref<InstanceType<typeof OrInputBox>>();\n    const inputBoxRoot = computed(() => inputBox.value?.root);\n\n    const popover = ref<InstanceType<typeof OrPopover>>();\n    const popoverState = computed(() => popover.value?.state);\n\n    const popoverStyles = computed(() => [\n      'or-date-range-picker-popover-v3',\n      ...(isMobile.value ? [] : Styles.DateRangePickerPopover),\n    ]);\n\n    // Options\n    const resolvedFormat = useDateFormat(toRef(props, 'format'));\n    const resolvedLocale = useLocale(toRef(props, 'locale'));\n\n    // State\n    const initialValueFrom = ref(props.modelValue?.[0] ?? getCurrentDate());\n    const initialValueTo = ref(props.modelValue?.[1] ?? getNextMonthDate());\n\n    watch(() => props.modelValue, (value) => {\n      initialValueFrom.value = value?.[0] ?? getCurrentDate();\n      initialValueTo.value = value?.[1] ?? getNextMonthDate();\n    });\n\n    const model = useProxyModelValue(toRef(props, 'modelValue'), context.emit);\n    const draft = ref(model.value);\n\n    watch(model, (value) => {\n      draft.value = value;\n    });\n\n    watch(draft, (value) => {\n      if (value && value[0] && value[1] && Number(value[0]) > Number(value[1])) {\n        draft.value = [value[1], value[0]];\n\n        toggleControl();\n      }\n    });\n\n    const draftFrom = computed({\n      get: () => draft.value?.[0],\n\n      set: (value) => {\n        draft.value = [value, draft.value?.[1]];\n      },\n    });\n\n    const draftTo = computed({\n      get: () => draft.value?.[1],\n\n      set: (value) => {\n        draft.value = [draft.value?.[0], value];\n      },\n    });\n\n    const activeControl = ref<'from' | 'to'>('from');\n\n    const activeControlDraft = computed({\n      get: () => activeControl.value === 'from' ? draftFrom.value : draftTo.value,\n\n      set: (value) => {\n        if (activeControl.value === 'from') {\n          draftFrom.value = value;\n        } else {\n          draftTo.value = value;\n        }\n      },\n    });\n\n    const invalid = computed(() => {\n      if (draftFrom.value && draftTo.value) {\n        return false;\n      }\n\n      return true;\n    });\n\n    // Methods\n    function apply(): void {\n      model.value = draft.value;\n    }\n\n    function reset(): void {\n      draft.value = model.value ?? [undefined, undefined];\n    }\n\n    function toggleControl(): void {\n      activeControl.value = activeControl.value === 'from' ? 'to' : 'from';\n    }\n\n    function openPopover(control: 'from' | 'to'): void {\n      if (!props.readonly && !props.disabled) {\n        const popoverInstance = popover.value;\n\n        if (popoverInstance) {\n          (popoverInstance.open as () => void)();\n        }\n\n        activeControl.value = control;\n      }\n    }\n\n    function closePopover(): void {\n      const popoverInstance = popover.value;\n\n      if (popoverInstance) {\n        (popoverInstance.close as () => void)();\n      }\n    }\n\n    // Helpers\n    const { isDesktop, isMobile } = useResponsive();\n\n    return {\n      root,\n      rootStyles,\n\n      inputBox,\n      inputBoxRoot,\n\n      popover,\n      popoverState,\n      popoverStyles,\n\n      resolvedFormat,\n      resolvedLocale,\n\n      initialValueFrom,\n      initialValueTo,\n\n      model,\n      draft,\n\n      draftFrom,\n      draftTo,\n\n      activeControl,\n      activeControlDraft,\n\n      invalid,\n\n      apply,\n      reset,\n\n      toggleControl,\n\n      openPopover,\n      closePopover,\n\n      formatMobileDate,\n\n      isDesktop,\n      isMobile,\n    };\n  },\n});\n</script>\n"],"names":["DateRangePicker","DateRangePickerPopover","_sfc_main","defineComponent","OrDateTimePickerDateControl","OrDateTimePickerDateSelect","OrDateTimePickerMobileControl","OrDateTimePickerMonthSelect","OrDateTimePickerPopoverFooter","OrDateTimePickerPopoverHeader","OrError","OrHint","OrIcon","OrIconButton","OrInputBox","OrLabel","OrPopover","DropdownClose","DropdownOpen","props","context","root","ref","rootStyles","computed","Styles.DateRangePicker","InputBoxVariant","inputBox","inputBoxRoot","_a","popover","popoverState","popoverStyles","isMobile","Styles.DateRangePickerPopover","resolvedFormat","useDateFormat","toRef","resolvedLocale","useLocale","initialValueFrom","getCurrentDate","initialValueTo","_b","getNextMonthDate","watch","value","model","useProxyModelValue","draft","toggleControl","draftFrom","draftTo","activeControl","activeControlDraft","invalid","apply","reset","openPopover","control","popoverInstance","closePopover","isDesktop","useResponsive","formatMobileDate","_hoisted_2","_hoisted_3","_resolveDirective","_openBlock","_createElementBlock","_normalizeClass","_ctx","_createBlock","_component_OrLabel","_renderSlot","_createCommentVNode","_withDirectives","_component_OrInputBox","_withCtx","_component_OrIconButton","_cache","_withModifiers","$event","_component_OrIcon","_createVNode","_component_OrDateTimePickerDateControl","_directive_dropdown_open","_directive_dropdown_close","_createTextVNode","_component_OrPopover","_createElementVNode","_component_OrDateTimePickerPopoverHeader","_component_OrDateTimePickerMobileControl","_hoisted_1","_component_OrDateTimePickerMonthSelect","_component_OrDateTimePickerDateSelect","_component_OrDateTimePickerPopoverFooter","_component_OrHint","_component_OrError"],"mappings":"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"}

package/dist/esm/{OrFilter-Bb3EDyq7.mjs → OrFilter-k0_15Hfa.mjs}

@@ -1,6 +1,6 @@
 import { defineComponent as R, ref as n, computed as m, toRef as C, resolveComponent as f, openBlock as S, createElementBlock as c, normalizeClass as k, createVNode as u, mergeProps as v, withCtx as d, renderSlot as O, normalizeProps as B, guardReactiveProps as T } from "vue";
 import { usePopoverState as b } from "@onereach/ui-components-common/hooks";
-import { O as j } from "./OrFilterPopover-C8lXb-hJ.mjs";
+import { O as j } from "./OrFilterPopover-d49p64V2.mjs";
 import { O as z } from "./OrFilterTrigger-Cq6VYFTA.mjs";
 import { _ as w } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
 const A = [], E = R({
@@ -102,4 +102,4 @@ const H = /* @__PURE__ */ w(E, [["render", N]]);
 export {
   H as O
 };
-//# sourceMappingURL=OrFilter-Bb3EDyq7.mjs.map
+//# sourceMappingURL=OrFilter-k0_15Hfa.mjs.map

package/dist/esm/{OrFilter-Bb3EDyq7.mjs.map → OrFilter-k0_15Hfa.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"OrFilter-Bb3EDyq7.mjs","sources":["../../../components/or-filter-v3/src/styles.ts","../../../components/or-filter-v3/src/OrFilter.vue"],"sourcesContent":["export const Filter: string[] = [];\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n  >\n    <OrFilterTrigger\n      :ref=\"'trigger'\"\n      :is-open=\"state === 'open'\"\n      v-bind=\"triggerProps\"\n      @click=\"toggle()\"\n      @reset=\"reset()\"\n    />\n\n    <OrFilterPopover\n      :ref=\"'popover'\"\n      :is-open=\"state === 'open'\"\n      :trigger=\"triggerRoot\"\n      v-bind=\"popoverProps\"\n      @update:state=\"$event === 'open' ? open() : close()\"\n      @apply=\"apply()\"\n      @reset=\"reset()\"\n    >\n      <slot />\n\n      <template v-slot:actions=\"props\">\n        <slot\n          :name=\"'actions'\"\n          v-bind=\"props\"\n        />\n      </template>\n    </OrFilterPopover>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { PropType, computed, defineComponent, ref, toRef } from 'vue';\nimport { usePopoverState } from '@onereach/ui-components-common/hooks';\nimport { OrFilterPopoverV3 as OrFilterPopover } from '@onereach/ui-components.or-filter-popover-v3';\nimport { OrFilterTriggerV3 as OrFilterTrigger } from '@onereach/ui-components.or-filter-trigger-v3';\nimport * as Styles from './styles';\n\nexport default defineComponent({\n  name: 'OrFilter',\n\n  components: {\n    OrFilterPopover,\n    OrFilterTrigger,\n  },\n\n  props: {\n    isOpen: {\n      type: Boolean,\n      default: false,\n    },\n\n    triggerProps: {\n      type: Object as PropType<Omit<InstanceType<typeof OrFilterTrigger>['$props'], 'isOpen'>>,\n      default: () => ({}),\n    },\n\n    popoverProps: {\n      type: Object as PropType<Omit<InstanceType<typeof OrFilterPopover>['$props'], 'isOpen' | 'trigger'>>,\n      default: () => ({}),\n    },\n  },\n\n  emits: [\n    'update:state',\n\n    'open',\n    'close',\n\n    'apply',\n    'reset',\n  ],\n\n  expose: [\n    'root',\n\n    'state',\n\n    'open',\n    'close',\n    'toggle',\n  ],\n\n  setup(props, context) {\n    // Refs & Styles\n    const root = ref<HTMLElement>();\n\n    const rootStyles = computed(() => [\n      'or-filter-v3',\n      ...Styles.Filter,\n    ]);\n\n    const trigger = ref<InstanceType<typeof OrFilterTrigger>>();\n\n    const triggerRoot = computed(() => {\n      return trigger.value?.root;\n    });\n\n    const popover = ref<InstanceType<typeof OrFilterPopover>>();\n\n    // State\n    const { state, open, close, toggle } = usePopoverState(toRef(props, 'isOpen'), context.emit);\n\n    // Methods\n    function apply(): void {\n      context.emit('apply');\n    }\n\n    function reset(): void {\n      context.emit('reset');\n    }\n\n    return {\n      root,\n      rootStyles,\n\n      trigger,\n      triggerRoot,\n\n      popover,\n\n      state,\n\n      open,\n      close,\n      toggle,\n\n      apply,\n      reset,\n    };\n  },\n});\n</script>\n"],"names":["Filter","_sfc_main","defineComponent","OrFilterPopover","OrFilterTrigger","props","context","root","ref","rootStyles","computed","Styles.Filter","trigger","triggerRoot","_a","popover","state","open","close","toggle","usePopoverState","toRef","apply","reset","_resolveComponent","_openBlock","_createElementBlock","_normalizeClass","_ctx","_component_OrFilterTrigger","_mergeProps","_cache","$event","_createVNode","_component_OrFilterPopover","_withCtx","_renderSlot","_normalizeProps","_guardReactiveProps"],"mappings":";;;;;AAAO,MAAMA,IAAmB,CAAC,GCyCjCC,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EAEN,YAAY;AAAA,IACV,iBAAAC;AAAA,IACA,iBAAAC;AAAA,EACF;AAAA,EAEA,OAAO;AAAA,IACL,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,cAAc;AAAA,MACZ,MAAM;AAAA,MACN,SAAS,OAAO,CAAA;AAAA,IAClB;AAAA,IAEA,cAAc;AAAA,MACZ,MAAM;AAAA,MACN,SAAS,OAAO,CAAA;AAAA,IAClB;AAAA,EACF;AAAA,EAEA,OAAO;AAAA,IACL;AAAA,IAEA;AAAA,IACA;AAAA,IAEA;AAAA,IACA;AAAA,EACF;AAAA,EAEA,QAAQ;AAAA,IACN;AAAA,IAEA;AAAA,IAEA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAAA,EAEA,MAAMC,GAAOC,GAAS;AAEpB,UAAMC,IAAOC,KAEPC,IAAaC,EAAS,MAAM;AAAA,MAChC;AAAA,MACA,GAAGC;AAAAA,IAAO,CACX,GAEKC,IAAUJ,KAEVK,IAAcH,EAAS,MAAM;;AACjC,cAAOI,IAAAF,EAAQ,UAAR,gBAAAE,EAAe;AAAA,IAAA,CACvB,GAEKC,IAAUP,KAGV,EAAE,OAAAQ,GAAO,MAAAC,GAAM,OAAAC,GAAO,QAAAC,EAAO,IAAIC,EAAgBC,EAAMhB,GAAO,QAAQ,GAAGC,EAAQ,IAAI;AAG3F,aAASgB,IAAc;AACrB,MAAAhB,EAAQ,KAAK,OAAO;AAAA,IACtB;AAEA,aAASiB,IAAc;AACrB,MAAAjB,EAAQ,KAAK,OAAO;AAAA,IACtB;AAEO,WAAA;AAAA,MACL,MAAAC;AAAA,MACA,YAAAE;AAAA,MAEA,SAAAG;AAAA,MACA,aAAAC;AAAA,MAEA,SAAAE;AAAA,MAEA,OAAAC;AAAA,MAEA,MAAAC;AAAA,MACA,OAAAC;AAAA,MACA,QAAAC;AAAA,MAEA,OAAAG;AAAA,MACA,OAAAC;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;;sCArICC,EA8BM,iBAAA;SA5BEC,EAAY,GAAAC,EAAA,OAAA;AAAA,IAAA,KAAA;AAAA,IAElB,OAMEC,EAAAC,EAAA,UAAA;AAAA,EAAA,GAAA;AAAA,MAJUC,GAAKC,EAAA;AAAA,MACP,KAAA;AAAA,MACP,WAAKF,EAAA,UAAA;AAAA,IAAA,GACLA,EAAK,cAAA;AAAA,MAAA,SAAAG,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAAJ,EAAA;MAGR,SAAAG,EAiBkB,qBAjBlBH,EAiBkB;IAAA,CAAA,GAhBf,MAAK,IAAS,CAAA,SAAA,CAAA;AAAA,IAAAK,EACLC,GAAKJ,EAAA;AAAA,MACd,KAAA;AAAA,MAAA,WACOF,EAAY,UAAA;AAAA,MACnB,SAAAA,EAAA;AAAA,IAAA,GACAA,EAAK,cAAA;AAAA,MACL,kBAAKG,uBAAEC,MAAK,SAAAJ,EAAA,KAAA,IAAAA,EAAA,MAAA;AAAA,MAAA,SAAAG,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAAJ,EAAA;MAII,SAAOG,SAIpBA,EAJ2B,CAAA,IAAA,CAAAC,MAAAJ,EAAA;IAAA,CAC7B,GAAA;AAAA,MAAA,SAAAO,EAAA,CAAA9B,MAAA;AAAA,QAHM+B,EAAAR,EAAA,QAAA,WAAAS,EAAAC,EAAAjC,CAAA,CAAA,CAAA;AAAA,MAAA,CAAA;AAAA;;;;;;;;"}
+{"version":3,"file":"OrFilter-k0_15Hfa.mjs","sources":["../../../components/or-filter-v3/src/styles.ts","../../../components/or-filter-v3/src/OrFilter.vue"],"sourcesContent":["export const Filter: string[] = [];\n","<template>\n  <div\n    :ref=\"'root'\"\n    :class=\"rootStyles\"\n  >\n    <OrFilterTrigger\n      :ref=\"'trigger'\"\n      :is-open=\"state === 'open'\"\n      v-bind=\"triggerProps\"\n      @click=\"toggle()\"\n      @reset=\"reset()\"\n    />\n\n    <OrFilterPopover\n      :ref=\"'popover'\"\n      :is-open=\"state === 'open'\"\n      :trigger=\"triggerRoot\"\n      v-bind=\"popoverProps\"\n      @update:state=\"$event === 'open' ? open() : close()\"\n      @apply=\"apply()\"\n      @reset=\"reset()\"\n    >\n      <slot />\n\n      <template v-slot:actions=\"props\">\n        <slot\n          :name=\"'actions'\"\n          v-bind=\"props\"\n        />\n      </template>\n    </OrFilterPopover>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { PropType, computed, defineComponent, ref, toRef } from 'vue';\nimport { usePopoverState } from '@onereach/ui-components-common/hooks';\nimport { OrFilterPopoverV3 as OrFilterPopover } from '@onereach/ui-components.or-filter-popover-v3';\nimport { OrFilterTriggerV3 as OrFilterTrigger } from '@onereach/ui-components.or-filter-trigger-v3';\nimport * as Styles from './styles';\n\nexport default defineComponent({\n  name: 'OrFilter',\n\n  components: {\n    OrFilterPopover,\n    OrFilterTrigger,\n  },\n\n  props: {\n    isOpen: {\n      type: Boolean,\n      default: false,\n    },\n\n    triggerProps: {\n      type: Object as PropType<Omit<InstanceType<typeof OrFilterTrigger>['$props'], 'isOpen'>>,\n      default: () => ({}),\n    },\n\n    popoverProps: {\n      type: Object as PropType<Omit<InstanceType<typeof OrFilterPopover>['$props'], 'isOpen' | 'trigger'>>,\n      default: () => ({}),\n    },\n  },\n\n  emits: [\n    'update:state',\n\n    'open',\n    'close',\n\n    'apply',\n    'reset',\n  ],\n\n  expose: [\n    'root',\n\n    'state',\n\n    'open',\n    'close',\n    'toggle',\n  ],\n\n  setup(props, context) {\n    // Refs & Styles\n    const root = ref<HTMLElement>();\n\n    const rootStyles = computed(() => [\n      'or-filter-v3',\n      ...Styles.Filter,\n    ]);\n\n    const trigger = ref<InstanceType<typeof OrFilterTrigger>>();\n\n    const triggerRoot = computed(() => {\n      return trigger.value?.root;\n    });\n\n    const popover = ref<InstanceType<typeof OrFilterPopover>>();\n\n    // State\n    const { state, open, close, toggle } = usePopoverState(toRef(props, 'isOpen'), context.emit);\n\n    // Methods\n    function apply(): void {\n      context.emit('apply');\n    }\n\n    function reset(): void {\n      context.emit('reset');\n    }\n\n    return {\n      root,\n      rootStyles,\n\n      trigger,\n      triggerRoot,\n\n      popover,\n\n      state,\n\n      open,\n      close,\n      toggle,\n\n      apply,\n      reset,\n    };\n  },\n});\n</script>\n"],"names":["Filter","_sfc_main","defineComponent","OrFilterPopover","OrFilterTrigger","props","context","root","ref","rootStyles","computed","Styles.Filter","trigger","triggerRoot","_a","popover","state","open","close","toggle","usePopoverState","toRef","apply","reset","_resolveComponent","_openBlock","_createElementBlock","_normalizeClass","_ctx","_component_OrFilterTrigger","_mergeProps","_cache","$event","_createVNode","_component_OrFilterPopover","_withCtx","_renderSlot","_normalizeProps","_guardReactiveProps"],"mappings":";;;;;AAAO,MAAMA,IAAmB,CAAC,GCyCjCC,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EAEN,YAAY;AAAA,IACV,iBAAAC;AAAA,IACA,iBAAAC;AAAA,EACF;AAAA,EAEA,OAAO;AAAA,IACL,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,cAAc;AAAA,MACZ,MAAM;AAAA,MACN,SAAS,OAAO,CAAA;AAAA,IAClB;AAAA,IAEA,cAAc;AAAA,MACZ,MAAM;AAAA,MACN,SAAS,OAAO,CAAA;AAAA,IAClB;AAAA,EACF;AAAA,EAEA,OAAO;AAAA,IACL;AAAA,IAEA;AAAA,IACA;AAAA,IAEA;AAAA,IACA;AAAA,EACF;AAAA,EAEA,QAAQ;AAAA,IACN;AAAA,IAEA;AAAA,IAEA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAAA,EAEA,MAAMC,GAAOC,GAAS;AAEpB,UAAMC,IAAOC,KAEPC,IAAaC,EAAS,MAAM;AAAA,MAChC;AAAA,MACA,GAAGC;AAAAA,IAAO,CACX,GAEKC,IAAUJ,KAEVK,IAAcH,EAAS,MAAM;;AACjC,cAAOI,IAAAF,EAAQ,UAAR,gBAAAE,EAAe;AAAA,IAAA,CACvB,GAEKC,IAAUP,KAGV,EAAE,OAAAQ,GAAO,MAAAC,GAAM,OAAAC,GAAO,QAAAC,EAAO,IAAIC,EAAgBC,EAAMhB,GAAO,QAAQ,GAAGC,EAAQ,IAAI;AAG3F,aAASgB,IAAc;AACrB,MAAAhB,EAAQ,KAAK,OAAO;AAAA,IACtB;AAEA,aAASiB,IAAc;AACrB,MAAAjB,EAAQ,KAAK,OAAO;AAAA,IACtB;AAEO,WAAA;AAAA,MACL,MAAAC;AAAA,MACA,YAAAE;AAAA,MAEA,SAAAG;AAAA,MACA,aAAAC;AAAA,MAEA,SAAAE;AAAA,MAEA,OAAAC;AAAA,MAEA,MAAAC;AAAA,MACA,OAAAC;AAAA,MACA,QAAAC;AAAA,MAEA,OAAAG;AAAA,MACA,OAAAC;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;;sCArICC,EA8BM,iBAAA;SA5BEC,EAAY,GAAAC,EAAA,OAAA;AAAA,IAAA,KAAA;AAAA,IAElB,OAMEC,EAAAC,EAAA,UAAA;AAAA,EAAA,GAAA;AAAA,MAJUC,GAAKC,EAAA;AAAA,MACP,KAAA;AAAA,MACP,WAAKF,EAAA,UAAA;AAAA,IAAA,GACLA,EAAK,cAAA;AAAA,MAAA,SAAAG,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAAJ,EAAA;MAGR,SAAAG,EAiBkB,qBAjBlBH,EAiBkB;IAAA,CAAA,GAhBf,MAAK,IAAS,CAAA,SAAA,CAAA;AAAA,IAAAK,EACLC,GAAKJ,EAAA;AAAA,MACd,KAAA;AAAA,MAAA,WACOF,EAAY,UAAA;AAAA,MACnB,SAAAA,EAAA;AAAA,IAAA,GACAA,EAAK,cAAA;AAAA,MACL,kBAAKG,uBAAEC,MAAK,SAAAJ,EAAA,KAAA,IAAAA,EAAA,MAAA;AAAA,MAAA,SAAAG,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAAJ,EAAA;MAII,SAAOG,SAIpBA,EAJ2B,CAAA,IAAA,CAAAC,MAAAJ,EAAA;IAAA,CAC7B,GAAA;AAAA,MAAA,SAAAO,EAAA,CAAA9B,MAAA;AAAA,QAHM+B,EAAAR,EAAA,QAAA,WAAAS,EAAAC,EAAAjC,CAAA,CAAA,CAAA;AAAA,MAAA,CAAA;AAAA;;;;;;;;"}

package/dist/esm/{OrFilterPopover-C8lXb-hJ.mjs → OrFilterPopover-d49p64V2.mjs}

@@ -1,7 +1,7 @@
 import { defineComponent as L, ref as N, computed as y, toRef as R, resolveComponent as v, openBlock as d, createElementBlock as P, createBlock as $, withCtx as s, createElementVNode as p, mergeProps as c, normalizeClass as r, toDisplayString as a, createVNode as i, createTextVNode as n, renderSlot as f, normalizeProps as C, guardReactiveProps as w, createCommentVNode as g } from "vue";
 import { usePopoverState as V, useResponsive as j } from "@onereach/ui-components-common/hooks";
 import { O as z } from "./OrButton-C_hXddAf.mjs";
-import { O as A } from "./OrModal-CQhwUYFk.mjs";
+import { O as A } from "./OrModal-A9OL6kGW.mjs";
 import { O as E, a as U } from "./OrPopover-DbygLPtT.mjs";
 import "@onereach/ui-components-common/utils";
 import { _ as H } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
@@ -242,4 +242,4 @@ const ee = /* @__PURE__ */ H(I, [["render", Q]]);
 export {
   ee as O
 };
-//# sourceMappingURL=OrFilterPopover-C8lXb-hJ.mjs.map
+//# sourceMappingURL=OrFilterPopover-d49p64V2.mjs.map