npm - @onereach/ui-components - Versions diffs - 23.2.4-beta.5592.0 → 23.2.4-beta.5594.0 - Mend

@onereach/ui-components 23.2.4-beta.5592.0 → 23.2.4-beta.5594.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (245) hide show

package/dist/esm/{OrDropArea-DA9aXi-a.mjs → OrDropArea-CtaQeTMw.mjs} RENAMED Viewed

@@ -1,6 +1,6 @@
-import { defineComponent as $, ref as B, computed as r, toRef as C, resolveComponent as T, openBlock as p, createElementBlock as c, normalizeClass as t, createElementVNode as o, createVNode as x, renderSlot as b, Fragment as O, createTextVNode as v, createCommentVNode as g, toDisplayString as k } from "vue";
-import { useProxyModelValue as E, useResponsive as N } from "@onereach/ui-components-common/hooks";
-import { O as I } from "./OrIcon-k8cyvh-D.mjs";
+import { useProxyModelValue as $, useResponsive as B } from "@onereach/ui-components-common/hooks";
+import { O as C } from "./OrIcon-k8cyvh-D.mjs";
+import { defineComponent as T, ref as x, computed as r, toRef as O, resolveComponent as E, openBlock as p, createElementBlock as c, normalizeClass as t, createElementVNode as o, createVNode as N, renderSlot as b, Fragment as I, createTextVNode as v, createCommentVNode as g, toDisplayString as k } from "vue";
 import { _ as R } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
 var l = /* @__PURE__ */ ((e) => (e.M = "m", e.S = "s", e))(l || {});
 const U = [
@@ -106,10 +106,10 @@ function K(e) {
   );
   return n === 0 ? `${e} B` : `${e / 1024 ** n} ${a[n]}`;
 }
-const L = $({
+const L = T({
   name: "OrDropArea",
   components: {
-    OrIcon: I
+    OrIcon: C
   },
   model: {
     prop: "modelValue",
@@ -153,7 +153,7 @@ const L = $({
     "invalid"
   ],
   setup(e, a) {
-    const n = B(), y = r(() => [
+    const n = x(), y = r(() => [
       "or-drop-area-v3",
       ...U,
       ...j[e.size]
@@ -168,7 +168,7 @@ const L = $({
       ...H
     ]), S = r(() => [
       ...J
-    ]), d = E(C(e, "modelValue"), a.emit), D = r(() => !e.fileTypes || !Array.isArray(e.fileTypes) ? "" : e.fileTypes.join(",")), M = r(() => e.error ? !0 : e.fileTypes ? !!(e.fileTypes.length > 0 && d.value.some((i) => !e.fileTypes.some((m) => {
+    ]), d = $(O(e, "modelValue"), a.emit), D = r(() => !e.fileTypes || !Array.isArray(e.fileTypes) ? "" : e.fileTypes.join(",")), M = r(() => e.error ? !0 : e.fileTypes ? !!(e.fileTypes.length > 0 && d.value.some((i) => !e.fileTypes.some((m) => {
       if (m.match(/\/\*$/)) {
         const F = m.replace("/*", "");
         return i.type.indexOf(F) !== -1;
@@ -178,7 +178,7 @@ const L = $({
     function z(i) {
       d.value = [...i.target.files];
     }
-    const { isDesktop: A, isMobile: V } = N();
+    const { isDesktop: A, isMobile: V } = B();
     return {
       root: n,
       rootStyles: y,
@@ -198,7 +198,7 @@ const L = $({
   }
 }), Q = ["invalid", "disabled"], W = ["accept", "multiple", "disabled"], X = ["invalid", "disabled"], Y = ["disabled"], Z = /* @__PURE__ */ o("div", null, "Drag file here", -1), _ = ["invalid", "disabled"], ee = ["invalid", "disabled"], re = ["disabled"];
 function ae(e, a, n, y, f, h) {
-  const s = T("OrIcon");
+  const s = E("OrIcon");
   return p(), c("div", {
     ref: "root",
     class: t(e.rootStyles),
@@ -218,7 +218,7 @@ function ae(e, a, n, y, f, h) {
       invalid: e.invalid,
       disabled: e.disabled
     }, [
-      x(s, {
+      N(s, {
         icon: "cloud_upload",
         size: "inherit"
       })
@@ -231,7 +231,7 @@ function ae(e, a, n, y, f, h) {
         invalid: e.invalid,
         disabled: e.disabled
       }, () => [
-        e.isDesktop ? (p(), c(O, { key: 0 }, [
+        e.isDesktop ? (p(), c(I, { key: 0 }, [
           Z,
           o("div", null, [
             v(" or "),
@@ -269,4 +269,4 @@ export {
   de as O,
   K as a
 };
-//# sourceMappingURL=OrDropArea-DA9aXi-a.mjs.map
+//# sourceMappingURL=OrDropArea-CtaQeTMw.mjs.map

package/dist/esm/OrDropArea-CtaQeTMw.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"OrDropArea-CtaQeTMw.mjs","sources":["../../../components/or-drop-area-v3/src/props.ts","../../../components/or-drop-area-v3/src/styles.ts","../../../components/or-drop-area-v3/src/utils/approximateFileSize.ts","../../../components/or-drop-area-v3/src/OrDropArea.vue"],"sourcesContent":["export enum DropAreaSize {\n M = 'm',\n S = 's',\n}\n","import { DropAreaSize } from './props';\n\nexport const DropArea: string[] = [\n // Position\n 'relative',\n\n // Layout\n 'layout-column',\n\n // Shape\n 'rounded-md',\n\n // Spacing\n 'gap-sm',\n\n // Theme\n 'theme-background-primary-translucent-1',\n 'dark:theme-background-primary-translucent-1-dark',\n\n 'theme-border-primary border-1 !border-dashed',\n 'dark:theme-border-primary-dark',\n\n // Theme (hover)\n 'hover:theme-background-primary-translucent-2',\n 'dark:hover:theme-background-primary-translucent-2-dark',\n\n // Theme (invalid)\n 'invalid:theme-background-error-translucent-1',\n 'dark:invalid:theme-background-error-translucent-1-dark',\n\n 'invalid:theme-border-error invalid:border-1 invalid:!border-dashed',\n 'dark:invalid:theme-border-error-dark',\n\n // Theme (invalid + hover)\n 'hover:invalid:theme-background-error-translucent-2',\n 'dark:hover:invalid:theme-background-error-translucent-2-dark',\n];\n\nexport const DropAreaSizes: Record<DropAreaSize, string[]> = {\n [DropAreaSize.M]: [\n // Spacing\n 'pt-xl',\n 'px-xl',\n 'pb-3xl',\n ],\n\n [DropAreaSize.S]: [\n // Spacing\n 'pt-md',\n 'px-xl',\n 'pb-xl',\n ],\n};\n\nexport const DropAreaControl: string[] = [\n // Position\n 'absolute inset-0',\n\n // Visibility\n 'opacity-0',\n\n // Interactivity\n 'interactivity-click',\n];\n\nexport const DropAreaIcon: string[] = [\n // Layout\n 'layout-column',\n\n // Typography\n 'leading-none',\n\n // Theme\n 'theme-foreground-primary-translucent-2',\n 'dark:theme-foreground-primary-translucent-2-dark',\n\n // Theme (invalid)\n 'invalid:theme-foreground-error-translucent-2',\n 'dark:invalid:theme-foreground-error-translucent-2-dark',\n];\n\nexport const DropAreaIconSizes: Record<DropAreaSize, string[]> = {\n [DropAreaSize.M]: [\n // Typography\n 'text-[94px]',\n ],\n\n [DropAreaSize.S]: [\n // Typography\n 'text-[48px]',\n ],\n};\n\nexport const DropAreaText: string[] = [\n // Layout\n 'layout-column',\n\n // Typography\n 'typography-body-2-regular text-center',\n\n // Theme\n 'theme-foreground-default',\n 'dark:theme-foreground-default-dark',\n];\n\nexport const DropAreaTextEmphasis: string[] = [\n // Typography\n 'typography-body-2-bold',\n\n // Theme\n 'theme-foreground-primary',\n 'dark:theme-foreground-primary-dark',\n\n // Theme (invalid)\n 'invalid:theme-foreground-error',\n 'dark:invalid:theme-foreground-error-dark',\n];\n\nexport const DropAreaConstraints: string[] = [\n // Layout\n 'layout-column',\n\n // Typography\n 'typography-body-2-regular text-center',\n\n // Theme\n 'theme-foreground-outline',\n 'dark:theme-foreground-outline-dark',\n];\n","export function approximateFileSize(value: number): string {\n const units = [\n 'B',\n 'kB',\n 'MB',\n 'GB',\n ];\n\n const exponent = Math.min(\n Math.floor(Math.log(value) / Math.log(1024)),\n units.length - 1\n );\n\n return exponent === 0 ? `${value} B` : `${value / 1024 ** exponent} ${units[exponent]}`;\n}\n","<template>\n <div\n :ref=\"'root'\"\n :class=\"rootStyles\"\n :invalid=\"invalid\"\n :disabled=\"disabled\"\n >\n <input\n :class=\"controlStyles\"\n :type=\"'file'\"\n :accept=\"accept\"\n :multiple=\"maxFiles > 1\"\n :disabled=\"disabled\"\n @change=\"onChange($event)\"\n >\n\n <div\n :class=\"iconStyles\"\n :invalid=\"invalid\"\n :disabled=\"disabled\"\n >\n <OrIcon\n :icon=\"'cloud_upload'\"\n :size=\"'inherit'\"\n />\n </div>\n\n <div\n :class=\"textStyles\"\n :disabled=\"disabled\"\n >\n <slot\n :invalid=\"invalid\"\n :disabled=\"disabled\"\n >\n <template v-if=\"isDesktop\">\n <div>Drag file here</div>\n\n <div>\n or\n\n <span\n :class=\"textEmphasisStyles\"\n :invalid=\"invalid\"\n :disabled=\"disabled\"\n >\n Upload from your computer\n </span>\n </div>\n </template>\n\n <template v-if=\"isMobile\">\n <span\n :class=\"textEmphasisStyles\"\n :invalid=\"invalid\"\n :disabled=\"disabled\"\n >\n Upload from your device\n </span>\n </template>\n </slot>\n </div>\n\n <div\n :class=\"constraintsStyles\"\n :disabled=\"disabled\"\n >\n <slot\n name=\"constraints\"\n :invalid=\"invalid\"\n :disabled=\"disabled\"\n >\n Maximum files: {{ maxFiles }}, maximum file size: {{ approximateFileSize(maxFileSize) }}\n </slot>\n </div>\n </div>\n</template>\n\n<script lang=\"ts\">\nimport { useProxyModelValue, useResponsive } from '@onereach/ui-components-common/hooks';\nimport { OrIconV3 as OrIcon } from '@onereach/ui-components.or-icon-v3';\nimport { PropType, computed, defineComponent, ref, toRef } from 'vue';\n\nimport { DropAreaSize } from './props';\nimport { DropArea, DropAreaConstraints, DropAreaControl, DropAreaIcon, DropAreaIconSizes, DropAreaSizes, DropAreaText, DropAreaTextEmphasis } from './styles';\nimport { approximateFileSize } from './utils';\n\nexport default defineComponent({\n name: 'OrDropArea',\n\n components: {\n OrIcon,\n },\n\n model: {\n prop: 'modelValue',\n event: 'update:modelValue',\n },\n\n props: {\n modelValue: {\n type: Array as PropType<File[]>,\n default: () => [],\n },\n\n fileTypes: {\n type: Array as PropType<string[]>,\n default: () => [],\n },\n\n maxFiles: {\n type: Number,\n default: 1,\n },\n\n maxFileSize: {\n type: Number,\n default: 10485760,\n },\n\n size: {\n type: String as PropType<`${DropAreaSize}`>,\n default: () => DropAreaSize.M,\n },\n\n disabled: {\n type: Boolean,\n default: false,\n },\n\n error: {\n type: Boolean,\n default: false,\n },\n },\n\n emits: [\n 'update:modelValue',\n ],\n\n expose: [\n 'root',\n\n 'invalid',\n ],\n\n setup(props, context) {\n // Refs\n const root = ref<HTMLElement>();\n\n // Styles\n const rootStyles = computed(() => [\n 'or-drop-area-v3',\n ...DropArea,\n ...DropAreaSizes[props.size],\n ]);\n\n const controlStyles = computed(() => [\n ...DropAreaControl,\n ]);\n\n const iconStyles = computed(() => [\n ...DropAreaIcon,\n ...DropAreaIconSizes[props.size],\n ]);\n\n const textStyles = computed(() => [\n ...DropAreaText,\n ]);\n\n const textEmphasisStyles = computed(() => [\n ...DropAreaTextEmphasis,\n ]);\n\n const constraintsStyles = computed(() => [\n ...DropAreaConstraints,\n ]);\n\n // State\n const proxyModelValue = useProxyModelValue(toRef(props, 'modelValue'), context.emit);\n\n const accept = computed(() => {\n if (!props.fileTypes || !Array.isArray(props.fileTypes)) return '';\n\n return props.fileTypes.join(',');\n });\n\n const invalid = computed(() => {\n /* External error */\n if (props.error) return true;\n\n /* No validation provided */\n if (!props.fileTypes) return false;\n\n /* File type match: strict and non-strict MIME-type comparison */\n if (props.fileTypes.length > 0 && proxyModelValue.value.some((file: File) => {\n let match = props.fileTypes.some(fileType => {\n if (fileType.match(/\\/\\*$/)) {\n const baseType = fileType.replace('/*', '');\n return file.type.indexOf(baseType) !== -1;\n } else {\n return file.type === fileType;\n }\n });\n return !match;\n })) {\n return true;\n }\n\n /* Files count */\n if (proxyModelValue.value.length > props.maxFiles) {\n return true;\n }\n\n /* File size */\n if (proxyModelValue.value.some((file: File) => file.size > props.maxFileSize)) {\n return true;\n }\n\n return false;\n });\n\n // Handlers\n function onChange(event: Event): void {\n proxyModelValue.value = [...(event.target as HTMLInputElement).files!];\n }\n\n // Helpers\n const { isDesktop, isMobile } = useResponsive();\n\n return {\n root,\n\n rootStyles,\n controlStyles,\n iconStyles,\n textStyles,\n textEmphasisStyles,\n constraintsStyles,\n\n proxyModelValue,\n accept,\n invalid,\n\n onChange,\n\n isDesktop,\n isMobile,\n\n approximateFileSize,\n };\n },\n});\n</script>\n"],"names":["DropAreaSize","DropArea","DropAreaSizes","DropAreaControl","DropAreaIcon","DropAreaIconSizes","DropAreaText","DropAreaTextEmphasis","DropAreaConstraints","approximateFileSize","value","units","exponent","_sfc_main","defineComponent","OrIcon","props","context","root","ref","rootStyles","computed","controlStyles","iconStyles","textStyles","textEmphasisStyles","constraintsStyles","proxyModelValue","useProxyModelValue","toRef","accept","invalid","file","fileType","baseType","onChange","event","isDesktop","isMobile","useResponsive","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_createElementVNode","_hoisted_6","_resolveComponent","_openBlock","_createElementBlock","_normalizeClass","_ctx","disabled","_cache","$event","_component_OrIcon","_Fragment","_createTextVNode","_createCommentVNode","_hoisted_7","_toDisplayString"],"mappings":"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"}

package/dist/esm/OrEditorTabs-psJUG0D3.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"OrEditorTabs-psJUG0D3.mjs","sources":["../../../components/or-editor-tabs-v3/src/partials/or-editor-tabs-item/styles.ts","../../../components/or-editor-tabs-v3/src/partials/or-editor-tabs-item/OrEditorTabsItem.vue","../../../components/or-editor-tabs-v3/src/props.ts","../../../components/or-editor-tabs-v3/src/styles.ts","../../../components/or-editor-tabs-v3/src/OrEditorTabs.vue"],"sourcesContent":["export const EditorTabsItem: string[] = [\n // Layout\n 'layout-row',\n\n // Interactivity\n 'interactivity-click',\n\n // Box\n 'md:max-w-[240px]',\n\n // Spacing\n 'px-md',\n 'py-[7px]',\n\n 'gap-sm',\n\n // Typography\n 'typography-caption-regular',\n\n // Border\n 'border-b-1',\n 'border-outline-variant',\n 'dark:border-outline-variant-dark',\n 'selected:border-b-[theme(backgroundColor.surface-1)]',\n 'dark:selected:border-b-[theme(backgroundColor.surface-1-dark)]',\n\n // Theme\n 'theme-foreground-outline',\n 'dark:theme-foreground-outline-dark',\n\n // Theme (hover)\n 'hover:theme-foreground-primary',\n 'dark:hover:theme-foreground-primary-dark',\n\n // Theme (selected)\n 'selected:theme-foreground-primary',\n 'dark:selected:theme-foreground-primary-dark',\n\n 'selected:theme-background-surface-1',\n 'dark:selected:theme-background-surface-1-dark',\n\n // FIX\n 'pb-[9px]',\n];\n","<template>\n <div\n :ref=\"'root'\"\n :class=\"rootStyles\"\n :selected=\"selected\"\n :disabled=\"disabled\"\n @click=\"isVue2 && $emit('click', $event)\"\n >\n <slot />\n\n <template v-if=\"closeButton\">\n <div :class=\"['grow']\" />\n\n <OrIconButton\n :icon=\"'close'\"\n :disabled=\"disabled\"\n @click.stop=\"$emit('close')\"\n />\n </template>\n </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, ref } from 'vue';\nimport { isVue2 } from '@/constants';\n\nimport { OrIconButtonV3 as OrIconButton } from '@onereach/ui-components.or-icon-button-v3';\nimport { EditorTabsItem } from './styles';\n\nexport default defineComponent({\n name: 'OrEditorTabsItem',\n\n components: {\n OrIconButton,\n },\n\n props: {\n closeButton: {\n type: Boolean,\n default: true,\n },\n\n selected: {\n type: Boolean,\n default: false,\n },\n\n disabled: {\n type: Boolean,\n default: false,\n },\n },\n\n emits: [\n 'close',\n ],\n\n expose: [\n 'root',\n ],\n\n setup() {\n // Refs\n const root = ref<HTMLElement>();\n\n // Styles\n const rootStyles = computed(() => [\n 'or-editor-tabs-item-v3',\n ...EditorTabsItem,\n ]);\n\n return {\n root,\n rootStyles,\n\n isVue2,\n };\n },\n});\n</script>\n","export enum EditorTabsOverflow {\n Scroll = 'scroll',\n Wrap = 'wrap',\n}\n","import { EditorTabsOverflow } from './props';\n\nexport const EditorTabs: string[] = [\n // Layout\n 'layout-column',\n];\n\nexport const EditorTabsHeader: string[] = [\n // Layout\n 'layout-row',\n\n // Theme\n 'border-b-1',\n 'theme-border-outline-variant',\n 'dark:theme-border-outline-variant-dark',\n\n // Box\n 'w-full',\n\n // FIX\n 'mb-[-1px]',\n\n // adds border between tab and '+' button\n // 'theme-divider-outline-variant',\n // 'dark:theme-divider-outline-variant-dark',\n];\n\nexport const EditorTabsAddButton: string[] = [\n // Box\n 'md:grow',\n '!max-w-full',\n '!p-sm',\n\n // Border\n 'border-l-1',\n 'border-r-1 md:border-r-0',\n\n // Theme\n 'border-outline-variant dark:border-outline-variant-dark',\n];\n\nexport const EditorTabsHeaderTabs: string[] = [\n // Layout\n 'layout-row grow md:grow-0',\n\n // Box\n 'max-w-full',\n\n // Theme\n 'theme-divider-outline-variant',\n 'dark:theme-divider-outline-variant-dark',\n];\n\nexport const EditorTabsHeaderTabsOverflows: Record<EditorTabsOverflow, string[]> = {\n [EditorTabsOverflow.Scroll]: [\n // Overflow\n 'overflow-x-auto scrollbar-hidden',\n ],\n\n [EditorTabsOverflow.Wrap]: [\n // Layout\n 'flex-wrap',\n ],\n};\n\nexport const EditorTabsContent: string[] = [\n // Spacing\n 'px-md',\n 'py-md',\n\n // Box\n 'grow',\n\n // Theme\n 'theme-background-surface-1',\n 'dark:theme-background-surface-1-dark',\n];\n","<template>\n <div\n :ref=\"'root'\"\n :class=\"rootStyles\"\n >\n <div :class=\"headerStyles\">\n <div\n :ref=\"'headerTabs'\"\n :class=\"headerTabsStyles\"\n >\n <template v-if=\"isDesktop\">\n <OrEditorTabsItem\n v-for=\"item of items\"\n :ref=\"'editorTabsItems'\"\n :key=\"item.value\"\n :close-button=\"closeButton && !item.pinned\"\n :selected=\"item.value === proxyModelValue\"\n :disabled=\"item.disabled\"\n @click=\"proxyModelValue = item.value\"\n @close=\"close(item)\"\n >\n <slot\n :name=\"`${item.value}-label`\"\n :label=\"item.label\"\n >\n <div :class=\"['truncate']\">\n {{ item.label }}\n </div>\n </slot>\n </OrEditorTabsItem>\n <OrEditorTabsItem\n v-if=\"addButton && overflow == 'wrap'\"\n :close-button=\"false\"\n :class=\"addButtonStyles\"\n @click=\"open()\"\n >\n <OrIcon\n :icon=\"'add'\"\n :size=\"'m'\"\n class=\"md:my-[1px]\"\n />\n </OrEditorTabsItem>\n </template>\n\n <template v-if=\"isMobile && selectedItem\">\n <OrEditorTabsItem\n :class=\"['grow']\"\n :close-button=\"closeButton && !selectedItem.pinned\"\n :selected=\"true\"\n :disabled=\"selectedItem.disabled\"\n @close=\"close(selectedItem)\"\n >\n <slot\n :name=\"`${selectedItem.value}-label`\"\n :label=\"selectedItem.label\"\n >\n <div :class=\"['truncate']\">\n {{ selectedItem.label }}\n </div>\n </slot>\n </OrEditorTabsItem>\n </template>\n </div>\n\n <template v-if=\"addButton && (overflow == 'scroll' \|\| isMobile)\">\n <OrEditorTabsItem\n :close-button=\"false\"\n :class=\"addButtonStyles\"\n @click=\"open()\"\n >\n <OrIcon\n :icon=\"'add'\"\n :size=\"'m'\"\n class=\"md:my-[1px]\"\n />\n </OrEditorTabsItem>\n </template>\n\n <template v-if=\"isMobile && items.length > 1\">\n <OrEditorTabsItem\n :close-button=\"false\"\n @click=\"showOverflowMenu = true\"\n >\n {{ overflowItems.length }}\n\n <OrIcon\n :icon=\"'more_vert'\"\n :size=\"'m'\"\n />\n </OrEditorTabsItem>\n\n <OrMenu\n :is-open=\"showOverflowMenu\"\n @close=\"showOverflowMenu = false\"\n >\n <OrMenuItem\n v-for=\"item of overflowItems\"\n :key=\"item.value\"\n :close-button=\"closeButton && !item.pinned\"\n :disabled=\"item.disabled\"\n @click=\"proxyModelValue = item.value\"\n @close=\"close(item)\"\n >\n <div :class=\"['layout-row', 'gap-sm']\">\n <slot\n :name=\"`${item.value}-label`\"\n :label=\"item.label\"\n >\n <div :class=\"['truncate']\">\n {{ item.label }}\n </div>\n </slot>\n </div>\n </OrMenuItem>\n </OrMenu>\n </template>\n </div>\n\n <div :class=\"contentStyles\">\n <slot :name=\"proxyModelValue\" />\n </div>\n </div>\n</template>\n\n<script lang=\"ts\">\nimport { PropType, computed, defineComponent, ref, toRef, watch } from 'vue';\nimport { getItemByValue } from '@onereach/ui-components-common/helpers';\nimport { useProxyModelValue, useResponsive } from '@onereach/ui-components-common/hooks';\nimport { isNil } from '@onereach/ui-components-common/utils';\nimport { OrIconV3 as OrIcon } from '@onereach/ui-components.or-icon-v3';\nimport { OrMenuItemV3 as OrMenuItem } from '@onereach/ui-components.or-menu-item-v3';\nimport { OrMenuV3 as OrMenu } from '@onereach/ui-components.or-menu-v3';\nimport { EditorTabsItem, EditorTabsModelValue } from '@onereach/ui-components.or-tabs-v3';\nimport { OrEditorTabsItem } from './partials';\nimport { EditorTabsOverflow } from './props';\nimport * as Styles from './styles';\n\nexport default defineComponent({\n name: 'OrEditorTabs',\n\n components: {\n OrEditorTabsItem,\n OrIcon,\n OrMenu,\n OrMenuItem,\n },\n\n model: {\n prop: 'modelValue',\n event: 'update:modelValue',\n },\n\n props: {\n modelValue: {\n type: undefined as unknown as PropType<EditorTabsModelValue>,\n default: undefined,\n },\n\n items: {\n type: Array as PropType<EditorTabsItem[]>,\n required: true,\n },\n\n overflow: {\n type: String as PropType<`${EditorTabsOverflow}`>,\n default: () => EditorTabsOverflow.Scroll,\n },\n\n addButton: {\n type: Boolean,\n default: true,\n },\n\n closeButton: {\n type: Boolean,\n default: true,\n },\n },\n\n emits: [\n 'update:modelValue',\n\n 'open',\n 'close',\n ],\n\n expose: [\n 'root',\n ],\n\n setup(props, context) {\n // Refs\n const root = ref<HTMLElement>();\n const headerTabs = ref<HTMLElement>();\n const editorTabsItems = ref<InstanceType<typeof OrEditorTabsItem>[]>();\n\n // Styles\n const rootStyles = computed(() => [\n 'or-editor-tabs-v3',\n ...Styles.EditorTabs,\n ]);\n\n const headerStyles = computed(() => [\n ...Styles.EditorTabsHeader,\n ]);\n\n const headerTabsStyles = computed(() => [\n ...Styles.EditorTabsHeaderTabs,\n ...Styles.EditorTabsHeaderTabsOverflows[props.overflow],\n ]);\n\n const contentStyles = computed(() => [\n ...Styles.EditorTabsContent,\n ]);\n\n const addButtonStyles = computed(() => [\n ...Styles.EditorTabsAddButton,\n ]);\n\n // State\n const proxyModelValue = useProxyModelValue(toRef(props, 'modelValue'), context.emit);\n\n const selectedItem = computed(() => {\n return !isNil(proxyModelValue.value) ? getItemByValue(proxyModelValue.value, props.items) : undefined;\n });\n\n watch(selectedItem, (value) => {\n if (value) {\n (editorTabsItems.value?.[props.items.indexOf(value)]?.root as HTMLElement \| undefined)?.scrollIntoView({ block: 'nearest' });\n }\n }, { flush: 'post' });\n\n const overflowItems = computed(() => {\n return props.items.filter((item) => item.value !== proxyModelValue.value);\n });\n\n const showOverflowMenu = ref(false);\n\n // Methods\n function open(): void {\n context.emit('open');\n }\n\n function close(item: EditorTabsItem): void {\n if (item.value === proxyModelValue.value) {\n const index = props.items.indexOf(item);\n\n if (index !== -1) {\n const nextItem = props.items[index + 1];\n const previousItem = props.items[index - 1];\n\n proxyModelValue.value = nextItem?.value \|\| previousItem?.value;\n }\n }\n\n context.emit('close', item);\n }\n\n // Helpers\n const { isDesktop, isMobile } = useResponsive();\n\n // Effects\n watch(() => props.items, (items) => {\n if (items.length === 1) {\n proxyModelValue.value = items[0].value;\n }\n }, { immediate: true });\n\n return {\n root,\n headerTabs,\n editorTabsItems,\n\n rootStyles,\n headerStyles,\n headerTabsStyles,\n contentStyles,\n addButtonStyles,\n\n proxyModelValue,\n selectedItem,\n overflowItems,\n showOverflowMenu,\n\n open,\n close,\n\n isDesktop,\n isMobile,\n };\n },\n});\n</script>\n"],"names":["EditorTabsItem","_sfc_main$1","defineComponent","OrIconButton","root","ref","rootStyles","computed","isVue2","_hoisted_1","_resolveComponent","_openBlock","_createElementBlock","_normalizeClass","_ctx","_cache","$event","_renderSlot","_Fragment","_hoisted_2","_component_OrIconButton","EditorTabsOverflow","EditorTabs","EditorTabsHeader","EditorTabsAddButton","EditorTabsHeaderTabs","EditorTabsHeaderTabsOverflows","EditorTabsContent","_sfc_main","OrEditorTabsItem","OrIcon","OrMenu","OrMenuItem","props","context","headerTabs","editorTabsItems","Styles.EditorTabs","headerStyles","Styles.EditorTabsHeader","headerTabsStyles","Styles.EditorTabsHeaderTabs","Styles.EditorTabsHeaderTabsOverflows","contentStyles","Styles.EditorTabsContent","addButtonStyles","Styles.EditorTabsAddButton","proxyModelValue","useProxyModelValue","toRef","selectedItem","isNil","getItemByValue","watch","value","_c","_b","_a","overflowItems","item","showOverflowMenu","open","close","index","nextItem","previousItem","isDesktop","isMobile","useResponsive","items","_renderList","_createBlock","_component_OrEditorTabsItem","_withCtx","_createVNode","_component_OrIcon","_createCommentVNode","_createTextVNode","_toDisplayString","_component_OrMenu","_component_OrMenuItem","_createElementVNode","_hoisted_3"],"mappings":"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"}
1	+ {"version":3,"file":"OrEditorTabs-psJUG0D3.mjs","sources":["../../../components/or-editor-tabs-v3/src/partials/or-editor-tabs-item/styles.ts","../../../components/or-editor-tabs-v3/src/partials/or-editor-tabs-item/OrEditorTabsItem.vue","../../../components/or-editor-tabs-v3/src/props.ts","../../../components/or-editor-tabs-v3/src/styles.ts","../../../components/or-editor-tabs-v3/src/OrEditorTabs.vue"],"sourcesContent":["export const EditorTabsItem: string[] = [\n // Layout\n 'layout-row',\n\n // Interactivity\n 'interactivity-click',\n\n // Box\n 'md:max-w-[240px]',\n\n // Spacing\n 'px-md',\n 'py-[7px]',\n\n 'gap-sm',\n\n // Typography\n 'typography-caption-regular',\n\n // Border\n 'border-b-1',\n 'border-outline-variant',\n 'dark:border-outline-variant-dark',\n 'selected:border-b-[theme(backgroundColor.surface-1)]',\n 'dark:selected:border-b-[theme(backgroundColor.surface-1-dark)]',\n\n // Theme\n 'theme-foreground-outline',\n 'dark:theme-foreground-outline-dark',\n\n // Theme (hover)\n 'hover:theme-foreground-primary',\n 'dark:hover:theme-foreground-primary-dark',\n\n // Theme (selected)\n 'selected:theme-foreground-primary',\n 'dark:selected:theme-foreground-primary-dark',\n\n 'selected:theme-background-surface-1',\n 'dark:selected:theme-background-surface-1-dark',\n\n // FIX\n 'pb-[9px]',\n];\n","<template>\n <div\n :ref=\"'root'\"\n :class=\"rootStyles\"\n :selected=\"selected\"\n :disabled=\"disabled\"\n @click=\"isVue2 && $emit('click', $event)\"\n >\n <slot />\n\n <template v-if=\"closeButton\">\n <div :class=\"['grow']\" />\n\n <OrIconButton\n :icon=\"'close'\"\n :disabled=\"disabled\"\n @click.stop=\"$emit('close')\"\n />\n </template>\n </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, ref } from 'vue';\nimport { isVue2 } from '@/constants';\n\nimport { OrIconButtonV3 as OrIconButton } from '@onereach/ui-components.or-icon-button-v3';\nimport { EditorTabsItem } from './styles';\n\nexport default defineComponent({\n name: 'OrEditorTabsItem',\n\n components: {\n OrIconButton,\n },\n\n props: {\n closeButton: {\n type: Boolean,\n default: true,\n },\n\n selected: {\n type: Boolean,\n default: false,\n },\n\n disabled: {\n type: Boolean,\n default: false,\n },\n },\n\n emits: [\n 'close',\n ],\n\n expose: [\n 'root',\n ],\n\n setup() {\n // Refs\n const root = ref<HTMLElement>();\n\n // Styles\n const rootStyles = computed(() => [\n 'or-editor-tabs-item-v3',\n ...EditorTabsItem,\n ]);\n\n return {\n root,\n rootStyles,\n\n isVue2,\n };\n },\n});\n</script>\n","export enum EditorTabsOverflow {\n Scroll = 'scroll',\n Wrap = 'wrap',\n}\n","import { EditorTabsOverflow } from './props';\n\nexport const EditorTabs: string[] = [\n // Layout\n 'layout-column',\n];\n\nexport const EditorTabsHeader: string[] = [\n // Layout\n 'layout-row',\n\n // Theme\n 'border-b-1',\n 'theme-border-outline-variant',\n 'dark:theme-border-outline-variant-dark',\n\n // Box\n 'w-full',\n\n // FIX\n 'mb-[-1px]',\n\n // adds border between tab and '+' button\n // 'theme-divider-outline-variant',\n // 'dark:theme-divider-outline-variant-dark',\n];\n\nexport const EditorTabsAddButton: string[] = [\n // Box\n 'md:grow',\n '!max-w-full',\n '!p-sm',\n\n // Border\n 'border-l-1',\n 'border-r-1 md:border-r-0',\n\n // Theme\n 'border-outline-variant dark:border-outline-variant-dark',\n];\n\nexport const EditorTabsHeaderTabs: string[] = [\n // Layout\n 'layout-row grow md:grow-0',\n\n // Box\n 'max-w-full',\n\n // Theme\n 'theme-divider-outline-variant',\n 'dark:theme-divider-outline-variant-dark',\n];\n\nexport const EditorTabsHeaderTabsOverflows: Record<EditorTabsOverflow, string[]> = {\n [EditorTabsOverflow.Scroll]: [\n // Overflow\n 'overflow-x-auto scrollbar-hidden',\n ],\n\n [EditorTabsOverflow.Wrap]: [\n // Layout\n 'flex-wrap',\n ],\n};\n\nexport const EditorTabsContent: string[] = [\n // Spacing\n 'px-md',\n 'py-md',\n\n // Box\n 'grow',\n\n // Theme\n 'theme-background-surface-1',\n 'dark:theme-background-surface-1-dark',\n];\n","<template>\n <div\n :ref=\"'root'\"\n :class=\"rootStyles\"\n >\n <div :class=\"headerStyles\">\n <div\n :ref=\"'headerTabs'\"\n :class=\"headerTabsStyles\"\n >\n <template v-if=\"isDesktop\">\n <OrEditorTabsItem\n v-for=\"item of items\"\n :ref=\"'editorTabsItems'\"\n :key=\"item.value\"\n :close-button=\"closeButton && !item.pinned\"\n :selected=\"item.value === proxyModelValue\"\n :disabled=\"item.disabled\"\n @click=\"proxyModelValue = item.value\"\n @close=\"close(item)\"\n >\n <slot\n :name=\"`${item.value}-label`\"\n :label=\"item.label\"\n >\n <div :class=\"['truncate']\">\n {{ item.label }}\n </div>\n </slot>\n </OrEditorTabsItem>\n <OrEditorTabsItem\n v-if=\"addButton && overflow == 'wrap'\"\n :close-button=\"false\"\n :class=\"addButtonStyles\"\n @click=\"open()\"\n >\n <OrIcon\n :icon=\"'add'\"\n :size=\"'m'\"\n class=\"md:my-[1px]\"\n />\n </OrEditorTabsItem>\n </template>\n\n <template v-if=\"isMobile && selectedItem\">\n <OrEditorTabsItem\n :class=\"['grow']\"\n :close-button=\"closeButton && !selectedItem.pinned\"\n :selected=\"true\"\n :disabled=\"selectedItem.disabled\"\n @close=\"close(selectedItem)\"\n >\n <slot\n :name=\"`${selectedItem.value}-label`\"\n :label=\"selectedItem.label\"\n >\n <div :class=\"['truncate']\">\n {{ selectedItem.label }}\n </div>\n </slot>\n </OrEditorTabsItem>\n </template>\n </div>\n\n <template v-if=\"addButton && (overflow == 'scroll' \|\| isMobile)\">\n <OrEditorTabsItem\n :close-button=\"false\"\n :class=\"addButtonStyles\"\n @click=\"open()\"\n >\n <OrIcon\n :icon=\"'add'\"\n :size=\"'m'\"\n class=\"md:my-[1px]\"\n />\n </OrEditorTabsItem>\n </template>\n\n <template v-if=\"isMobile && items.length > 1\">\n <OrEditorTabsItem\n :close-button=\"false\"\n @click=\"showOverflowMenu = true\"\n >\n {{ overflowItems.length }}\n\n <OrIcon\n :icon=\"'more_vert'\"\n :size=\"'m'\"\n />\n </OrEditorTabsItem>\n\n <OrMenu\n :is-open=\"showOverflowMenu\"\n @close=\"showOverflowMenu = false\"\n >\n <OrMenuItem\n v-for=\"item of overflowItems\"\n :key=\"item.value\"\n :close-button=\"closeButton && !item.pinned\"\n :disabled=\"item.disabled\"\n @click=\"proxyModelValue = item.value\"\n @close=\"close(item)\"\n >\n <div :class=\"['layout-row', 'gap-sm']\">\n <slot\n :name=\"`${item.value}-label`\"\n :label=\"item.label\"\n >\n <div :class=\"['truncate']\">\n {{ item.label }}\n </div>\n </slot>\n </div>\n </OrMenuItem>\n </OrMenu>\n </template>\n </div>\n\n <div :class=\"contentStyles\">\n <slot :name=\"proxyModelValue\" />\n </div>\n </div>\n</template>\n\n<script lang=\"ts\">\nimport { PropType, computed, defineComponent, ref, toRef, watch } from 'vue';\nimport { getItemByValue } from '@onereach/ui-components-common/helpers';\nimport { useProxyModelValue, useResponsive } from '@onereach/ui-components-common/hooks';\nimport { isNil } from '@onereach/ui-components-common/utils';\nimport { OrIconV3 as OrIcon } from '@onereach/ui-components.or-icon-v3';\nimport { OrMenuItemV3 as OrMenuItem } from '@onereach/ui-components.or-menu-item-v3';\nimport { OrMenuV3 as OrMenu } from '@onereach/ui-components.or-menu-v3';\nimport { EditorTabsItem, EditorTabsModelValue } from '@onereach/ui-components.or-tabs-v3';\nimport { OrEditorTabsItem } from './partials';\nimport { EditorTabsOverflow } from './props';\nimport * as Styles from './styles';\n\nexport default defineComponent({\n name: 'OrEditorTabs',\n\n components: {\n OrEditorTabsItem,\n OrIcon,\n OrMenu,\n OrMenuItem,\n },\n\n model: {\n prop: 'modelValue',\n event: 'update:modelValue',\n },\n\n props: {\n modelValue: {\n type: undefined as unknown as PropType<EditorTabsModelValue>,\n default: undefined,\n },\n\n items: {\n type: Array as PropType<EditorTabsItem[]>,\n required: true,\n },\n\n overflow: {\n type: String as PropType<`${EditorTabsOverflow}`>,\n default: () => EditorTabsOverflow.Scroll,\n },\n\n addButton: {\n type: Boolean,\n default: true,\n },\n\n closeButton: {\n type: Boolean,\n default: true,\n },\n },\n\n emits: [\n 'update:modelValue',\n\n 'open',\n 'close',\n ],\n\n expose: [\n 'root',\n ],\n\n setup(props, context) {\n // Refs\n const root = ref<HTMLElement>();\n const headerTabs = ref<HTMLElement>();\n const editorTabsItems = ref<InstanceType<typeof OrEditorTabsItem>[]>();\n\n // Styles\n const rootStyles = computed(() => [\n 'or-editor-tabs-v3',\n ...Styles.EditorTabs,\n ]);\n\n const headerStyles = computed(() => [\n ...Styles.EditorTabsHeader,\n ]);\n\n const headerTabsStyles = computed(() => [\n ...Styles.EditorTabsHeaderTabs,\n ...Styles.EditorTabsHeaderTabsOverflows[props.overflow],\n ]);\n\n const contentStyles = computed(() => [\n ...Styles.EditorTabsContent,\n ]);\n\n const addButtonStyles = computed(() => [\n ...Styles.EditorTabsAddButton,\n ]);\n\n // State\n const proxyModelValue = useProxyModelValue(toRef(props, 'modelValue'), context.emit);\n\n const selectedItem = computed(() => {\n return !isNil(proxyModelValue.value) ? getItemByValue(proxyModelValue.value, props.items) : undefined;\n });\n\n watch(selectedItem, (value) => {\n if (value) {\n (editorTabsItems.value?.[props.items.indexOf(value)]?.root as HTMLElement \| undefined)?.scrollIntoView({ block: 'nearest' });\n }\n }, { flush: 'post' });\n\n const overflowItems = computed(() => {\n return props.items.filter((item) => item.value !== proxyModelValue.value);\n });\n\n const showOverflowMenu = ref(false);\n\n // Methods\n function open(): void {\n context.emit('open');\n }\n\n function close(item: EditorTabsItem): void {\n if (item.value === proxyModelValue.value) {\n const index = props.items.indexOf(item);\n\n if (index !== -1) {\n const nextItem = props.items[index + 1];\n const previousItem = props.items[index - 1];\n\n proxyModelValue.value = nextItem?.value \|\| previousItem?.value;\n }\n }\n\n context.emit('close', item);\n }\n\n // Helpers\n const { isDesktop, isMobile } = useResponsive();\n\n // Effects\n watch(() => props.items, (items) => {\n if (items.length === 1) {\n proxyModelValue.value = items[0].value;\n }\n }, { immediate: true });\n\n return {\n root,\n headerTabs,\n editorTabsItems,\n\n rootStyles,\n headerStyles,\n headerTabsStyles,\n contentStyles,\n addButtonStyles,\n\n proxyModelValue,\n selectedItem,\n overflowItems,\n showOverflowMenu,\n\n open,\n close,\n\n isDesktop,\n isMobile,\n };\n },\n});\n</script>\n"],"names":["EditorTabsItem","_sfc_main$1","defineComponent","OrIconButton","root","ref","rootStyles","computed","isVue2","_hoisted_1","_resolveComponent","_openBlock","_createElementBlock","_normalizeClass","_ctx","_cache","$event","closeButton","_renderSlot","_Fragment","_hoisted_2","disabled","_createCommentVNode","EditorTabsOverflow","EditorTabs","EditorTabsHeader","EditorTabsAddButton","EditorTabsHeaderTabs","EditorTabsHeaderTabsOverflows","EditorTabsContent","_sfc_main","OrEditorTabsItem","OrIcon","OrMenu","OrMenuItem","props","context","headerTabs","editorTabsItems","Styles.EditorTabs","headerStyles","Styles.EditorTabsHeader","headerTabsStyles","Styles.EditorTabsHeaderTabs","Styles.EditorTabsHeaderTabsOverflows","contentStyles","Styles.EditorTabsContent","addButtonStyles","Styles.EditorTabsAddButton","proxyModelValue","useProxyModelValue","toRef","selectedItem","isNil","getItemByValue","watch","value","_c","_b","_a","overflowItems","item","showOverflowMenu","open","close","index","nextItem","previousItem","isDesktop","isMobile","useResponsive","items","_renderList","_createBlock","_component_OrEditorTabsItem","_withCtx","addButton","overflow","_createVNode","_component_OrIcon","_createTextVNode","_toDisplayString","_component_OrMenu","_component_OrMenuItem","_createElementVNode","_hoisted_3"],"mappings":"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"}

package/dist/esm/OrEmptyState-C6viT2WQ.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"OrEmptyState-C6viT2WQ.mjs","sources":["../../../components/or-empty-state-v3/src/props.ts","../../../components/or-empty-state-v3/src/styles.ts","../../../components/or-empty-state-v3/src/OrEmptyState.vue"],"sourcesContent":["export enum EmptyStateSize {\n L = 'l',\n M = 'm',\n}\n","import { EmptyStateSize } from './props';\n\nexport const EmptyStateRoot: string[] = [\n // Layout\n 'grow',\n 'flex',\n 'flex-col',\n 'justify-center',\n 'items-center',\n\n // Box\n 'w-full',\n\n // Spacing\n 'gap-sm',\n];\n\nexport const EmptyStateImage = [\n // Spacing\n 'mb-sm',\n];\n\nexport const EmptyStateImageSizes: Record<EmptyStateSize, string[]> = {\n [EmptyStateSize.L]: [\n // Box\n 'h-3xl',\n ],\n [EmptyStateSize.M]: [\n // Box\n 'h-2xl',\n ],\n};\n\nexport const EmptyStateHeading: string[] = [\n // Theme\n 'theme-foreground-default',\n 'dark:theme-foreground-default-dark',\n];\n\nexport const EmptyStateHeadingSizes: Record<EmptyStateSize, string[]> = {\n [EmptyStateSize.L]: [\n // Typography\n 'typography-headline-2',\n ],\n [EmptyStateSize.M]: [\n // Typography\n 'typography-headline-4',\n ],\n};\n\nexport const EmptyStateText: string[] = [\n 'text-center',\n\n // Theme\n 'text-outline',\n 'dark:text-outline-dark',\n];\n\nexport const EmptyStateContent = EmptyStateText;\n\nexport const EmptyStateTextSizes: Record<EmptyStateSize, string[]> = {\n [EmptyStateSize.L]: [\n // Typography\n 'typography-body-2-regular',\n ],\n [EmptyStateSize.M]: [\n // Typography\n 'typography-caption-regular',\n ],\n};\n\nexport const EmptyStateContentSizes = EmptyStateTextSizes;\n","<template>\n <div\n :ref=\"'root'\"\n :class=\"rootClasses\"\n >\n <img\n v-if=\"imageSrc\"\n :src=\"imageSrc\"\n :class=\"imageClasses\"\n alt=\"\"\n >\n <div :class=\"headingClasses\">\n {{ heading }}\n </div>\n <div\n v-if=\"$slots.default\"\n :class=\"slotClasses\"\n >\n <!-- @slot Additional content can be inserted via default slot. The slot uses the same font as a `text` prop. -->\n <slot />\n </div>\n <div :class=\"textClasses\">\n {{ text }}\n </div>\n </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, PropType, ref } from 'vue';\nimport { EmptyStateSize } from './props';\nimport { EmptyStateContent, EmptyStateContentSizes, EmptyStateHeading, EmptyStateHeadingSizes, EmptyStateImage, EmptyStateImageSizes, EmptyStateRoot, EmptyStateText, EmptyStateTextSizes } from './styles';\n\n/*\n The component to display when there is no content on a page,\n * no records found or selected, or while the data is being loaded.\n * Provides a hint to the user on what to do.\n * Consists of text message, optional icon and optional loader.\n /\nexport default defineComponent({\n name: 'OrEmptyState',\n props: {\n /\n Size of the component, affects font and icon size.\n * Use Large if the component takes all screen space,\n * and Medium if it is a part of the complex layout.\n /\n size: {\n type: String as PropType<`${EmptyStateSize}`>,\n default: () => EmptyStateSize.M,\n },\n /\n The heading of the empty state block.\n /\n heading: {\n type: String,\n default: '',\n },\n /\n Additional text such as a hint for a user with proposed next steps.\n /\n text: {\n type: String,\n default: '',\n },\n /\n Path to the image to display above the heading.\n * Image height is fixed depending on `size` prop, width is undefined to preserve aspect ratio.\n */\n imageSrc: {\n type: String,\n default: undefined,\n },\n },\n setup(props) {\n const root = ref<HTMLElement>();\n\n const rootClasses = computed(() => [\n 'or-empty-state-v3',\n ...EmptyStateRoot,\n ]);\n const imageClasses = computed(() => [\n 'or-empty-state_image',\n ...EmptyStateImage,\n ...EmptyStateImageSizes[props.size],\n ]);\n const headingClasses = computed(() => [\n 'or-empty-state_heading',\n ...EmptyStateHeading,\n ...EmptyStateHeadingSizes[props.size],\n ]);\n const textClasses = computed(() => [\n 'or-empty-state_text',\n ...EmptyStateText,\n ...EmptyStateTextSizes[props.size],\n ]);\n const slotClasses = computed(() => [\n 'or-empty-state_content',\n ...EmptyStateContent,\n ...EmptyStateContentSizes[props.size],\n ]);\n\n return {\n root,\n rootClasses,\n imageClasses,\n headingClasses,\n textClasses,\n slotClasses,\n };\n },\n});\n</script>\n"],"names":["EmptyStateSize","EmptyStateRoot","EmptyStateImage","EmptyStateImageSizes","EmptyStateHeading","EmptyStateHeadingSizes","EmptyStateText","EmptyStateContent","EmptyStateTextSizes","EmptyStateContentSizes","_sfc_main","defineComponent","props","root","ref","rootClasses","computed","imageClasses","headingClasses","textClasses","slotClasses","_sfc_render","_ctx","_cache","$props","$setup","$data","$options","_openBlock","_createElementBlock","_normalizeClass","_hoisted_1","_createCommentVNode","~~_createElementVNode~~","_toDisplayString"],"mappings":";;AAAY,IAAAA,sBAAAA,OACVA,EAAA,IAAI,KACJA,EAAA,IAAI,KAFMA,IAAAA,KAAA,CAAA,CAAA;ACEL,MAAMC,IAA2B;AAAA;AAAA,EAEtC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;AAAA,EAGA;AAAA;AAAA,EAGA;AACF,GAEaC,IAAkB;AAAA;AAAA,EAE7B;AACF,GAEaC,IAAyD;AAAA,EACpE,CAACH,EAAe,CAAC,GAAG;AAAA;AAAA,IAElB;AAAA,EACF;AAAA,EACA,CAACA,EAAe,CAAC,GAAG;AAAA;AAAA,IAElB;AAAA,EACF;AACF,GAEaI,IAA8B;AAAA;AAAA,EAEzC;AAAA,EACA;AACF,GAEaC,IAA2D;AAAA,EACtE,CAACL,EAAe,CAAC,GAAG;AAAA;AAAA,IAElB;AAAA,EACF;AAAA,EACA,CAACA,EAAe,CAAC,GAAG;AAAA;AAAA,IAElB;AAAA,EACF;AACF,GAEaM,IAA2B;AAAA,EACtC;AAAA;AAAA,EAGA;AAAA,EACA;AACF,GAEaC,IAAoBD,GAEpBE,IAAwD;AAAA,EACnE,CAACR,EAAe,CAAC,GAAG;AAAA;AAAA,IAElB;AAAA,EACF;AAAA,EACA,CAACA,EAAe,CAAC,GAAG;AAAA;AAAA,IAElB;AAAA,EACF;AACF,GAEaS,IAAyBD,GCjCtCE,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EACN,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAML,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS,MAAMX,EAAe;AAAA,IAChC;AAAA;AAAA;AAAA;AAAA,IAIA,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA;AAAA;AAAA;AAAA,IAIA,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA;AAAA;AAAA;AAAA;AAAA,IAKA,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EACA,MAAMY,GAAO;AACX,UAAMC,IAAOC,KAEPC,IAAcC,EAAS,MAAM;AAAA,MACjC;AAAA,MACA,GAAGf;AAAA,IAAA,CACJ,GACKgB,IAAeD,EAAS,MAAM;AAAA,MAClC;AAAA,MACA,GAAGd;AAAA,MACH,GAAGC,EAAqBS,EAAM,IAAI;AAAA,IAAA,CACnC,GACKM,IAAiBF,EAAS,MAAM;AAAA,MACpC;AAAA,MACA,GAAGZ;AAAA,MACH,GAAGC,EAAuBO,EAAM,IAAI;AAAA,IAAA,CACrC,GACKO,IAAcH,EAAS,MAAM;AAAA,MACjC;AAAA,MACA,GAAGV;AAAA,MACH,GAAGE,EAAoBI,EAAM,IAAI;AAAA,IAAA,CAClC,GACKQ,IAAcJ,EAAS,MAAM;AAAA,MACjC;AAAA,MACA,GAAGT;AAAA,MACH,GAAGE,EAAuBG,EAAM,IAAI;AAAA,IAAA,CACrC;AAEM,WAAA;AAAA,MACL,MAAAC;AAAA,MACA,aAAAE;AAAA,MACA,cAAAE;AAAA,MACA,gBAAAC;AAAA,MACA,aAAAC;AAAA,MACA,aAAAC;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;SA5GSC,EAAMC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAA;~~SACNC~~,~~EAAa~~,~~GAAAC~~,EAAA,OAAA;AAAA,IAAA,KAAA;AAAA,WAGXC,EAAQR,EAAA,WAAA;AAAA,EAAA,GAAA;AAAA,~~uBACAO~~,EAAA,OAAA;AAAA,MACb,KAAK;AAAA,MACN,KAAIP,EAAE;AAAA,~~MAAA~~,~~OAAAQ~~,~~EAAAR~~,EAAA,YAAA;AAAA;~~OAIF~~,MAAA,~~IAAAS~~,~~CAAA~~,KAFAC,~~EAAK~~,~~IAAE~~,~~EAAA~~;~~AAAA~~,~~IACRC~~,~~EAAA~~,~~OAAA~~;~~AAAA~~,~~MAGG~~,~~OAAcH~~,~~EAAAR~~,EAAA,cAAA;AAAA,IADtB,~~GAAAY~~,~~EAAAZ~~,EAAA,OAAA,GAAA,CAAA;AAAA,IAAAA,~~EAAA~~,~~OAAA~~,~~WAAAM,EAAA,KAEU,~~OAAW;AAAA,MAAA,KAAA;AAAA,MAGnB,~~OAAQE~~,~~EAAAR~~,EAAA,WAAA;AAAA,IAAA,GAAA;AAAA;~~IAEV~~,GAAA,CAAA,~~KAAMU~~,~~EAAK~~,~~IAAE~~,~~EAAA~~;~~AAAA~~,~~IACRC~~,~~EAAA~~,~~OAAA~~;~~AAAA~~,~~MAAA~~,~~OAAAH~~,~~EAAAR~~,~~EAAA~~,~~WAAA~~;~~AAAA~~;;;;"}
1	+ {"version":3,"file":"OrEmptyState-C6viT2WQ.mjs","sources":["../../../components/or-empty-state-v3/src/props.ts","../../../components/or-empty-state-v3/src/styles.ts","../../../components/or-empty-state-v3/src/OrEmptyState.vue"],"sourcesContent":["export enum EmptyStateSize {\n L = 'l',\n M = 'm',\n}\n","import { EmptyStateSize } from './props';\n\nexport const EmptyStateRoot: string[] = [\n // Layout\n 'grow',\n 'flex',\n 'flex-col',\n 'justify-center',\n 'items-center',\n\n // Box\n 'w-full',\n\n // Spacing\n 'gap-sm',\n];\n\nexport const EmptyStateImage = [\n // Spacing\n 'mb-sm',\n];\n\nexport const EmptyStateImageSizes: Record<EmptyStateSize, string[]> = {\n [EmptyStateSize.L]: [\n // Box\n 'h-3xl',\n ],\n [EmptyStateSize.M]: [\n // Box\n 'h-2xl',\n ],\n};\n\nexport const EmptyStateHeading: string[] = [\n // Theme\n 'theme-foreground-default',\n 'dark:theme-foreground-default-dark',\n];\n\nexport const EmptyStateHeadingSizes: Record<EmptyStateSize, string[]> = {\n [EmptyStateSize.L]: [\n // Typography\n 'typography-headline-2',\n ],\n [EmptyStateSize.M]: [\n // Typography\n 'typography-headline-4',\n ],\n};\n\nexport const EmptyStateText: string[] = [\n 'text-center',\n\n // Theme\n 'text-outline',\n 'dark:text-outline-dark',\n];\n\nexport const EmptyStateContent = EmptyStateText;\n\nexport const EmptyStateTextSizes: Record<EmptyStateSize, string[]> = {\n [EmptyStateSize.L]: [\n // Typography\n 'typography-body-2-regular',\n ],\n [EmptyStateSize.M]: [\n // Typography\n 'typography-caption-regular',\n ],\n};\n\nexport const EmptyStateContentSizes = EmptyStateTextSizes;\n","<template>\n <div\n :ref=\"'root'\"\n :class=\"rootClasses\"\n >\n <img\n v-if=\"imageSrc\"\n :src=\"imageSrc\"\n :class=\"imageClasses\"\n alt=\"\"\n >\n <div :class=\"headingClasses\">\n {{ heading }}\n </div>\n <div\n v-if=\"$slots.default\"\n :class=\"slotClasses\"\n >\n <!-- @slot Additional content can be inserted via default slot. The slot uses the same font as a `text` prop. -->\n <slot />\n </div>\n <div :class=\"textClasses\">\n {{ text }}\n </div>\n </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, PropType, ref } from 'vue';\nimport { EmptyStateSize } from './props';\nimport { EmptyStateContent, EmptyStateContentSizes, EmptyStateHeading, EmptyStateHeadingSizes, EmptyStateImage, EmptyStateImageSizes, EmptyStateRoot, EmptyStateText, EmptyStateTextSizes } from './styles';\n\n/*\n The component to display when there is no content on a page,\n * no records found or selected, or while the data is being loaded.\n * Provides a hint to the user on what to do.\n * Consists of text message, optional icon and optional loader.\n /\nexport default defineComponent({\n name: 'OrEmptyState',\n props: {\n /\n Size of the component, affects font and icon size.\n * Use Large if the component takes all screen space,\n * and Medium if it is a part of the complex layout.\n /\n size: {\n type: String as PropType<`${EmptyStateSize}`>,\n default: () => EmptyStateSize.M,\n },\n /\n The heading of the empty state block.\n /\n heading: {\n type: String,\n default: '',\n },\n /\n Additional text such as a hint for a user with proposed next steps.\n /\n text: {\n type: String,\n default: '',\n },\n /\n Path to the image to display above the heading.\n * Image height is fixed depending on `size` prop, width is undefined to preserve aspect ratio.\n */\n imageSrc: {\n type: String,\n default: undefined,\n },\n },\n setup(props) {\n const root = ref<HTMLElement>();\n\n const rootClasses = computed(() => [\n 'or-empty-state-v3',\n ...EmptyStateRoot,\n ]);\n const imageClasses = computed(() => [\n 'or-empty-state_image',\n ...EmptyStateImage,\n ...EmptyStateImageSizes[props.size],\n ]);\n const headingClasses = computed(() => [\n 'or-empty-state_heading',\n ...EmptyStateHeading,\n ...EmptyStateHeadingSizes[props.size],\n ]);\n const textClasses = computed(() => [\n 'or-empty-state_text',\n ...EmptyStateText,\n ...EmptyStateTextSizes[props.size],\n ]);\n const slotClasses = computed(() => [\n 'or-empty-state_content',\n ...EmptyStateContent,\n ...EmptyStateContentSizes[props.size],\n ]);\n\n return {\n root,\n rootClasses,\n imageClasses,\n headingClasses,\n textClasses,\n slotClasses,\n };\n },\n});\n</script>\n"],"names":["EmptyStateSize","EmptyStateRoot","EmptyStateImage","EmptyStateImageSizes","EmptyStateHeading","EmptyStateHeadingSizes","EmptyStateText","EmptyStateContent","EmptyStateTextSizes","EmptyStateContentSizes","_sfc_main","defineComponent","props","root","ref","rootClasses","computed","imageClasses","headingClasses","textClasses","slotClasses","_sfc_render","_ctx","_cache","$props","$setup","$data","$options","_openBlock","_createElementBlock","imageSrc","_normalizeClass","_hoisted_1","_createCommentVNode","heading","$slots","_toDisplayString","_renderSlot","text"],"mappings":"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"}

package/dist/esm/OrError-B5ihH6-3.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"OrError-B5ihH6-3.mjs","sources":["../../../components/or-error-v3/src/styles.ts","../../../components/or-error-v3/src/OrError.vue"],"sourcesContent":["export const Error: string[] = [\n // Layout\n 'layout-row !items-start justify-between',\n\n // Spacing\n 'gap-sm',\n\n // Typography\n 'typography-caption-regular',\n\n // Theme\n 'theme-foreground-error',\n 'dark:theme-foreground-error-dark',\n];\n\nexport const ErrorText: string[] = [\n // Interactivity\n 'interactivity-default',\n];\n\nexport const ErrorAddon: string[] = [\n // Layout\n 'layout-inline-row empty:hidden',\n\n // Typography\n 'whitespace-nowrap',\n];\n","<template>\n <div\n :ref=\"'root'\"\n :class=\"rootStyles\"\n :disabled=\"disabled\"\n >\n <div :class=\"textStyles\">\n <slot />\n </div>\n\n <div :class=\"addonStyles\">\n <slot name=\"addon\" />\n </div>\n </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, ref } from 'vue';\nimport { Error, ErrorAddon, ErrorText } from './styles';\n\nexport default defineComponent({\n name: 'OrError',\n\n props: {\n disabled: {\n type: Boolean,\n default: false,\n },\n },\n\n expose: [\n 'root',\n ],\n\n setup() {\n // Refs\n const root = ref<HTMLElement>();\n\n // Styles\n const rootStyles = computed(() => [\n 'or-error-v3',\n ...Error,\n ]);\n\n const textStyles = computed(() => [\n ...ErrorText,\n ]);\n\n const addonStyles = computed(() => [\n ...ErrorAddon,\n ]);\n\n return {\n root,\n rootStyles,\n textStyles,\n addonStyles,\n };\n },\n});\n</script>\n"],"names":["Error","ErrorText","ErrorAddon","_sfc_main","defineComponent","root","ref","rootStyles","computed","textStyles","addonStyles","_sfc_render","_ctx","_cache","$props","$setup","$data","$options","_openBlock","_createElementBlock","_normalizeClass","_renderSlot","_createElementVNode"],"mappings":";;AAAO,MAAMA,IAAkB;AAAA;AAAA,EAE7B;AAAA;AAAA,EAGA;AAAA;AAAA,EAGA;AAAA;AAAA,EAGA;AAAA,EACA;AACF,GAEaC,IAAsB;AAAA;AAAA,EAEjC;AACF,GAEaC,IAAuB;AAAA;AAAA,EAElC;AAAA;AAAA,EAGA;AACF,GCNAC,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EAEN,OAAO;AAAA,IACL,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EAEA,QAAQ;AAAA,IACN;AAAA,EACF;AAAA,EAEA,QAAQ;AAEN,UAAMC,IAAOC,KAGPC,IAAaC,EAAS,MAAM;AAAA,MAChC;AAAA,MACA,GAAGR;AAAA,IAAA,CACJ,GAEKS,IAAaD,EAAS,MAAM;AAAA,MAChC,GAAGP;AAAA,IAAA,CACJ,GAEKS,IAAcF,EAAS,MAAM;AAAA,MACjC,GAAGN;AAAA,IAAA,CACJ;AAEM,WAAA;AAAA,MACL,MAAAG;AAAA,MACA,YAAAE;AAAA,MACA,YAAAE;AAAA,MACA,aAAAC;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;SAzDSC,EAAMC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAA;~~SACNC~~,~~EAAY~~,~~GAAAC~~,EAAA,OAAA;AAAA,IACjB,KAAA;AAAA,IAAA,OAAAC,EAAAR,EAAA,UAAA;AAAA,IAED,UAAAA,EAAA;AAAA,EAAA,GAAA;AAAA;MACE,OAAQQ,EAAAR,EAAA,UAAA;AAAA,IAAA,GAAA;AAAA,MAGVS,EAEMT,EAAA,QAAA,SAAA;AAAA,IAFA,GAAA,CAAA;AAAA,IAAAU,EAAA,OAAA;AAAA,MACJ,OAAqBF,EAAAR,EAAA,WAAA;AAAA,IAAA,GAAA;AAAA~~;;;;;~~"}
1	+ {"version":3,"file":"OrError-B5ihH6-3.mjs","sources":["../../../components/or-error-v3/src/styles.ts","../../../components/or-error-v3/src/OrError.vue"],"sourcesContent":["export const Error: string[] = [\n // Layout\n 'layout-row !items-start justify-between',\n\n // Spacing\n 'gap-sm',\n\n // Typography\n 'typography-caption-regular',\n\n // Theme\n 'theme-foreground-error',\n 'dark:theme-foreground-error-dark',\n];\n\nexport const ErrorText: string[] = [\n // Interactivity\n 'interactivity-default',\n];\n\nexport const ErrorAddon: string[] = [\n // Layout\n 'layout-inline-row empty:hidden',\n\n // Typography\n 'whitespace-nowrap',\n];\n","<template>\n <div\n :ref=\"'root'\"\n :class=\"rootStyles\"\n :disabled=\"disabled\"\n >\n <div :class=\"textStyles\">\n <slot />\n </div>\n\n <div :class=\"addonStyles\">\n <slot name=\"addon\" />\n </div>\n </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, ref } from 'vue';\nimport { Error, ErrorAddon, ErrorText } from './styles';\n\nexport default defineComponent({\n name: 'OrError',\n\n props: {\n disabled: {\n type: Boolean,\n default: false,\n },\n },\n\n expose: [\n 'root',\n ],\n\n setup() {\n // Refs\n const root = ref<HTMLElement>();\n\n // Styles\n const rootStyles = computed(() => [\n 'or-error-v3',\n ...Error,\n ]);\n\n const textStyles = computed(() => [\n ...ErrorText,\n ]);\n\n const addonStyles = computed(() => [\n ...ErrorAddon,\n ]);\n\n return {\n root,\n rootStyles,\n textStyles,\n addonStyles,\n };\n },\n});\n</script>\n"],"names":["Error","ErrorText","ErrorAddon","_sfc_main","defineComponent","root","ref","rootStyles","computed","textStyles","addonStyles","_sfc_render","_ctx","_cache","$props","$setup","$data","$options","_openBlock","_createElementBlock","_normalizeClass","_renderSlot","_createElementVNode"],"mappings":";;AAAO,MAAMA,IAAkB;AAAA;AAAA,EAE7B;AAAA;AAAA,EAGA;AAAA;AAAA,EAGA;AAAA;AAAA,EAGA;AAAA,EACA;AACF,GAEaC,IAAsB;AAAA;AAAA,EAEjC;AACF,GAEaC,IAAuB;AAAA;AAAA,EAElC;AAAA;AAAA,EAGA;AACF,GCNAC,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EAEN,OAAO;AAAA,IACL,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EAEA,QAAQ;AAAA,IACN;AAAA,EACF;AAAA,EAEA,QAAQ;AAEN,UAAMC,IAAOC,KAGPC,IAAaC,EAAS,MAAM;AAAA,MAChC;AAAA,MACA,GAAGR;AAAA,IAAA,CACJ,GAEKS,IAAaD,EAAS,MAAM;AAAA,MAChC,GAAGP;AAAA,IAAA,CACJ,GAEKS,IAAcF,EAAS,MAAM;AAAA,MACjC,GAAGN;AAAA,IAAA,CACJ;AAEM,WAAA;AAAA,MACL,MAAAG;AAAA,MACA,YAAAE;AAAA,MACA,YAAAE;AAAA,MACA,aAAAC;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;SAzDSC,EAAMC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAA;AACN,SAAAC,EAAA,GAAYC,EAAA,OAAA;AAAA,IACjB,KAAA;AAAA,IAAA,OAAAC,EAAAR,EAAA,UAAA;AAAA,IAED,UAAAA,EAAA;AAAA,EAAA,GAAA;AAAA;MACE,OAAQQ,EAAAR,EAAA,UAAA;AAAA,IAAA,GAAA;AAAA,MAGVS,EAEMT,EAAA,QAAA,SAAA;AAAA,IAFA,GAAA,CAAA;AAAA,IAAAU,EAAA,OAAA;AAAA,MACJ,OAAqBF,EAAAR,EAAA,WAAA;AAAA,IAAA,GAAA;AAAA,MAX3BS,EAAAT,EAAA,QAAA,OAAA;AAAA,IAAA,GAAA,CAAA;AAAA;;;"}

package/dist/esm/OrErrorTag-Bo_gxhzB.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"OrErrorTag-Bo_gxhzB.mjs","sources":["../../../components/or-error-tag-v3/src/styles.ts","../../../components/or-error-tag-v3/src/OrErrorTag.vue"],"sourcesContent":["export const ErrorTag: string[] = [\n // Layout\n 'layout-inline-row',\n\n // Interactivity\n 'interactivity-default',\n\n // Spacing\n 'px-sm+ md:px-sm',\n 'py-sm md:py-xs',\n\n 'gap-sm+ md:gap-sm',\n\n // Shape\n 'rounded-full',\n\n // Typography\n 'typography-caption-regular whitespace-nowrap',\n\n // Theme\n 'theme-preset-1-error',\n 'dark:theme-preset-1-error-dark',\n];\n","<template>\n <div\n :ref=\"'root'\"\n :class=\"rootStyles\"\n >\n <div :class=\"['layout-inline-row', 'm-[-4px] md:m-[-2px]']\">\n <OrIcon\n :icon=\"'error'\"\n :variant=\"'filled-bold'\"\n />\n </div>\n\n <slot />\n </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, ref } from 'vue';\nimport { OrIconV3 as OrIcon } from '@onereach/ui-components.or-icon-v3';\nimport { ErrorTag } from './styles';\n\nexport default defineComponent({\n name: 'OrErrorTag',\n\n components: {\n OrIcon,\n },\n\n expose: [\n 'root',\n ],\n\n setup() {\n // Refs\n const root = ref<HTMLElement>();\n\n // Styles\n const rootStyles = computed(() => [\n 'or-error-tag-v3',\n ...ErrorTag,\n ]);\n\n return {\n root,\n rootStyles,\n };\n },\n});\n</script>\n"],"names":["ErrorTag","_sfc_main","defineComponent","OrIcon","root","ref","rootStyles","computed","_resolveComponent","_openBlock","_createElementBlock","_normalizeClass","_ctx","_createElementVNode","_hoisted_1","_createVNode","_component_OrIcon"],"mappings":";;;AAAO,MAAMA,IAAqB;AAAA;AAAA,EAEhC;AAAA;AAAA,EAGA;AAAA;AAAA,EAGA;AAAA,EACA;AAAA,EAEA;AAAA;AAAA,EAGA;AAAA;AAAA,EAGA;AAAA;AAAA,EAGA;AAAA,EACA;AACF,GCDAC,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EAEN,YAAY;AAAA,IACV,QAAAC;AAAA,EACF;AAAA,EAEA,QAAQ;AAAA,IACN;AAAA,EACF;AAAA,EAEA,QAAQ;AAEN,UAAMC,IAAOC,KAGPC,IAAaC,EAAS,MAAM;AAAA,MAChC;AAAA,MACA,GAAGP;AAAA,IAAA,CACJ;AAEM,WAAA;AAAA,MACL,MAAAI;AAAA,MACA,YAAAE;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;;;;YA9CCE,EAYM,QAAA;~~SAVEC~~,~~EAAY~~,~~GAAAC~~,EAAA,OAAA;AAAA,IAAA,KAAA;AAAA,IAElB,OAAAC,EAKMC,EALN,UAKM;AAAA,EAAA,GAAA;AAAA,IAHYC,EAAA,OAAAC,GAAA;AAAA,MAAAC,EACJC,GAAa;AAAA,QAAA,MAAA;AAAA;MAI3B,CAAA;AAAA,IAAA,CAAA;AAAA;;;;"}
1	+ {"version":3,"file":"OrErrorTag-Bo_gxhzB.mjs","sources":["../../../components/or-error-tag-v3/src/styles.ts","../../../components/or-error-tag-v3/src/OrErrorTag.vue"],"sourcesContent":["export const ErrorTag: string[] = [\n // Layout\n 'layout-inline-row',\n\n // Interactivity\n 'interactivity-default',\n\n // Spacing\n 'px-sm+ md:px-sm',\n 'py-sm md:py-xs',\n\n 'gap-sm+ md:gap-sm',\n\n // Shape\n 'rounded-full',\n\n // Typography\n 'typography-caption-regular whitespace-nowrap',\n\n // Theme\n 'theme-preset-1-error',\n 'dark:theme-preset-1-error-dark',\n];\n","<template>\n <div\n :ref=\"'root'\"\n :class=\"rootStyles\"\n >\n <div :class=\"['layout-inline-row', 'm-[-4px] md:m-[-2px]']\">\n <OrIcon\n :icon=\"'error'\"\n :variant=\"'filled-bold'\"\n />\n </div>\n\n <slot />\n </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, ref } from 'vue';\nimport { OrIconV3 as OrIcon } from '@onereach/ui-components.or-icon-v3';\nimport { ErrorTag } from './styles';\n\nexport default defineComponent({\n name: 'OrErrorTag',\n\n components: {\n OrIcon,\n },\n\n expose: [\n 'root',\n ],\n\n setup() {\n // Refs\n const root = ref<HTMLElement>();\n\n // Styles\n const rootStyles = computed(() => [\n 'or-error-tag-v3',\n ...ErrorTag,\n ]);\n\n return {\n root,\n rootStyles,\n };\n },\n});\n</script>\n"],"names":["ErrorTag","_sfc_main","defineComponent","OrIcon","root","ref","rootStyles","computed","_resolveComponent","_openBlock","_createElementBlock","_normalizeClass","_ctx","_createElementVNode","_hoisted_1","_createVNode","_component_OrIcon"],"mappings":";;;AAAO,MAAMA,IAAqB;AAAA;AAAA,EAEhC;AAAA;AAAA,EAGA;AAAA;AAAA,EAGA;AAAA,EACA;AAAA,EAEA;AAAA;AAAA,EAGA;AAAA;AAAA,EAGA;AAAA;AAAA,EAGA;AAAA,EACA;AACF,GCDAC,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EAEN,YAAY;AAAA,IACV,QAAAC;AAAA,EACF;AAAA,EAEA,QAAQ;AAAA,IACN;AAAA,EACF;AAAA,EAEA,QAAQ;AAEN,UAAMC,IAAOC,KAGPC,IAAaC,EAAS,MAAM;AAAA,MAChC;AAAA,MACA,GAAGP;AAAA,IAAA,CACJ;AAEM,WAAA;AAAA,MACL,MAAAI;AAAA,MACA,YAAAE;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;;;;YA9CCE,EAYM,QAAA;AAVE,SAAAC,EAAA,GAAYC,EAAA,OAAA;AAAA,IAAA,KAAA;AAAA,IAElB,OAAAC,EAKMC,EALN,UAKM;AAAA,EAAA,GAAA;AAAA,IAHYC,EAAA,OAAAC,GAAA;AAAA,MAAAC,EACJC,GAAa;AAAA,QAAA,MAAA;AAAA;MAI3B,CAAA;AAAA,IAAA,CAAA;AAAA;;;;"}

package/dist/esm/OrExpansionPanel-BNGPdEnp.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"OrExpansionPanel-BNGPdEnp.mjs","sources":["../../../components/or-expansion-panel-v3/src/props.ts","../../../components/or-expansion-panel-v3/src/styles.ts","../../../components/or-expansion-panel-v3/src/OrExpansionPanel.vue"],"sourcesContent":["export enum ExpansionPanelVariant {\n Default = 'default',\n Card = 'card',\n}\n\nexport enum ExpansionPanelColor {\n Default = 'default',\n Danger = 'danger',\n}\n\nexport enum ExpansionPanelBackgroundColor {\n Primary = 'primary',\n Secondary = 'secondary',\n Inherit = 'inherit',\n}\n","import { ExpansionPanelBackgroundColor, ExpansionPanelColor, ExpansionPanelVariant } from './props';\n\nexport const ExpansionPanel: string[] = [\n // Layout\n 'layout-column',\n];\n\nexport const ExpansionPanelDescription: string[] = [\n // Typography\n 'typography-caption-regular',\n];\n\nexport const ExpansionPanelDescriptionDisabled: string[] = [\n // Theme\n 'theme-foreground-disabled',\n 'dark:theme-foreground-disabled-dark',\n];\n\nexport const ExpansionPanelVariants: Record<ExpansionPanelVariant, string[]> = {\n [ExpansionPanelVariant.Default]: [\n // Spacing\n 'gap-md',\n ],\n\n [ExpansionPanelVariant.Card]: [\n // Shape\n 'rounded-md',\n\n // Spacing\n 'px-md',\n 'py-md',\n\n 'gap-md',\n ],\n};\n\nexport const ExpansionPanelBackgroundColors: Record<`${ExpansionPanelBackgroundColor}-${ExpansionPanelVariant}`, string[]> = {\n 'primary-default': [],\n\n 'primary-card': [\n // Theme\n 'theme-background-surface-1',\n 'dark:theme-background-surface-1-dark',\n ],\n\n 'secondary-default': [],\n\n 'secondary-card': [\n // Theme\n 'theme-background-surface-3',\n 'dark:theme-background-surface-3-dark',\n ],\n\n 'inherit-default': [],\n\n 'inherit-card': [\n // Theme\n 'theme-background-inherit',\n 'dark:theme-background-inherit',\n ],\n};\n\nexport const ExpansionPanelHeader: string[] = [\n // Layout\n 'layout-row',\n\n // Interactivity\n 'interactivity-click',\n\n // Box\n 'min-w-[16px]',\n\n // Spacing\n 'gap-sm',\n\n // Typography\n 'typography-body-2-bold',\n\n // Theme\n 'outline-none',\n];\n\nexport const ExpansionPanelHeaderColors: Record<ExpansionPanelColor, string[]> = {\n 'default': [\n // Theme\n 'theme-foreground-default',\n 'dark:theme-foreground-default-dark',\n\n // Theme (hover)\n 'hover:theme-foreground-primary',\n 'dark:hover:theme-foreground-primary-dark',\n\n // Theme (focus)\n 'focus-visible:theme-foreground-primary',\n 'dark:focus-visible:theme-foreground-primary-dark',\n\n // Theme (active)\n 'active:theme-foreground-primary',\n 'dark:active:theme-foreground-primary-dark',\n ],\n\n 'danger': [\n // Theme\n 'theme-foreground-error',\n 'dark:theme-foreground-error-dark',\n\n // Theme (hover)\n 'hover:theme-foreground-error-hover',\n 'dark:hover:theme-foreground-error-hover-dark',\n\n // Theme (focus)\n 'focus-visible:theme-foreground-error-hover',\n 'dark:focus-visible:theme-foreground-error-hover-dark',\n\n // Theme (active)\n 'active:theme-foreground-error-hover',\n 'dark:active:theme-foreground-error-hover-dark',\n ],\n};\n\nexport const ExpansionPanelAddon: string[] = [\n // Layout\n 'contents',\n\n // Typography\n 'typography-body-2-regular',\n\n // Theme\n 'theme-foreground-outline',\n 'dark:theme-foreground-outline-dark',\n];\n\nexport const ExpansionPanelContentLeftIndent: string[] = [\n // Spacing\n 'ml-[28px] md:ml-[24px]',\n];\n","<template>\n <div\n :ref=\"'root'\"\n :class=\"rootStyles\"\n :disabled=\"disabled\"\n >\n <div :class=\"['layout-row', 'justify-between']\">\n <div\n :class=\"headerStyles\"\n :tabindex=\"!disabled ? 0 : null\"\n :disabled=\"disabled\"\n @click.stop=\"toggle()\"\n >\n <OrIcon\n :class=\"[state === 'open' ? 'rotate-0' : 'rotate-[-90deg]']\"\n :icon=\"'expand_more'\"\n :variant=\"'filled-bold'\"\n />\n\n <slot\n name=\"label\"\n :state=\"state\"\n >\n <span class=\"truncate\">\n {{ label }}\n </span>\n </slot>\n </div>\n\n <div :class=\"addonStyles\">\n <slot name=\"addon\" />\n </div>\n </div>\n\n <template v-if=\"keepAlive\">\n <div\n v-show=\"state === 'open'\"\n :class=\"contentStyles\"\n >\n <slot />\n </div>\n </template>\n\n <template v-else>\n <div\n v-if=\"state === 'open'\"\n :class=\"contentStyles\"\n >\n <slot />\n </div>\n </template>\n <div\n v-if=\"(description \|\| $slots.description) && state != 'open'\"\n :class=\"descriptionStyles\"\n >\n <slot\n name=\"description\"\n >\n {{ description }}\n </slot>\n </div>\n </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, PropType, ref, toRef } from 'vue';\nimport { usePopoverState } from '@onereach/ui-components-common/hooks';\nimport { OrIconV3 as OrIcon } from '@onereach/ui-components.or-icon-v3';\nimport { ExpansionPanelBackgroundColor, ExpansionPanelColor, ExpansionPanelVariant } from './props';\nimport * as Styles from './styles';\n\nexport default defineComponent({\n name: 'OrExpansionPanel',\n\n components: {\n OrIcon,\n },\n\n props: {\n label: {\n type: String,\n default: undefined,\n },\n\n isOpen: {\n type: Boolean,\n default: false,\n },\n\n description: {\n type: String,\n default: undefined,\n },\n\n variant: {\n type: String as PropType<`${ExpansionPanelVariant}`>,\n default: () => ExpansionPanelVariant.Default,\n },\n\n color: {\n type: String as PropType<`${ExpansionPanelColor}`>,\n default: () => ExpansionPanelColor.Default,\n },\n\n backgroundColor: {\n type: String as PropType<`${ExpansionPanelBackgroundColor}`>,\n default: () => ExpansionPanelBackgroundColor.Primary,\n },\n\n leftIndent: {\n type: Boolean,\n default: false,\n },\n\n disabled: {\n type: Boolean,\n default: false,\n },\n\n keepAlive: {\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 '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-expansion-panel-v3',\n ...Styles.ExpansionPanel,\n ...Styles.ExpansionPanelVariants[props.variant],\n ...Styles.ExpansionPanelBackgroundColors[`${props.backgroundColor}-${props.variant}`],\n ]);\n\n const headerStyles = computed(() => [\n ...Styles.ExpansionPanelHeader,\n ...Styles.ExpansionPanelHeaderColors[props.color],\n ]);\n\n const addonStyles = computed(() => [\n ...Styles.ExpansionPanelAddon,\n ]);\n\n const contentStyles = computed(() => [\n props.leftIndent ? Styles.ExpansionPanelContentLeftIndent : '',\n ]);\n\n const descriptionStyles = computed(() => [\n ...Styles.ExpansionPanelDescription,\n props.disabled ? Styles.ExpansionPanelDescriptionDisabled : '',\n ]);\n\n // State\n const { state, open, close, toggle } = usePopoverState(toRef(props, 'isOpen'), context.emit);\n\n return {\n root,\n rootStyles,\n headerStyles,\n addonStyles,\n contentStyles,\n descriptionStyles,\n\n state,\n open,\n close,\n toggle,\n };\n },\n});\n</script>\n"],"names":["ExpansionPanelVariant","ExpansionPanelColor","ExpansionPanelBackgroundColor","ExpansionPanel","ExpansionPanelDescription","ExpansionPanelDescriptionDisabled","ExpansionPanelVariants","ExpansionPanelBackgroundColors","ExpansionPanelHeader","ExpansionPanelHeaderColors","ExpansionPanelAddon","ExpansionPanelContentLeftIndent","_sfc_main","defineComponent","OrIcon","props","context","root","ref","rootStyles","computed","Styles.ExpansionPanel","Styles.ExpansionPanelVariants","Styles.ExpansionPanelBackgroundColors","headerStyles","Styles.ExpansionPanelHeader","Styles.ExpansionPanelHeaderColors","addonStyles","Styles.ExpansionPanelAddon","contentStyles","Styles.ExpansionPanelContentLeftIndent","descriptionStyles","Styles.ExpansionPanelDescription","Styles.ExpansionPanelDescriptionDisabled","state","open","close","toggle","usePopoverState","toRef","_hoisted_1","_resolveComponent","_openBlock","_createElementBlock","_normalizeClass","_ctx","_hoisted_2","_createElementVNode","_cache","_withModifiers","$event","_component_OrIcon","_renderSlot","_hoisted_3","_withDirectives","_vShow","_Fragment","_createCommentVNode"],"mappings":";;;;AAAY,IAAAA,sBAAAA,OACVA,EAAA,UAAU,WACVA,EAAA,OAAO,QAFGA,IAAAA,KAAA,CAAA,CAAA,GAKAC,sBAAAA,OACVA,EAAA,UAAU,WACVA,EAAA,SAAS,UAFCA,IAAAA,KAAA,CAAA,CAAA,GAKAC,sBAAAA,OACVA,EAAA,UAAU,WACVA,EAAA,YAAY,aACZA,EAAA,UAAU,WAHAA,IAAAA,KAAA,CAAA,CAAA;ACRL,MAAMC,IAA2B;AAAA;AAAA,EAEtC;AACF,GAEaC,IAAsC;AAAA;AAAA,EAEjD;AACF,GAEaC,IAA8C;AAAA;AAAA,EAEzD;AAAA,EACA;AACF,GAEaC,IAAkE;AAAA,EAC7E,CAACN,EAAsB,OAAO,GAAG;AAAA;AAAA,IAE/B;AAAA,EACF;AAAA,EAEA,CAACA,EAAsB,IAAI,GAAG;AAAA;AAAA,IAE5B;AAAA;AAAA,IAGA;AAAA,IACA;AAAA,IAEA;AAAA,EACF;AACF,GAEaO,IAAgH;AAAA,EAC3H,mBAAmB,CAAC;AAAA,EAEpB,gBAAgB;AAAA;AAAA,IAEd;AAAA,IACA;AAAA,EACF;AAAA,EAEA,qBAAqB,CAAC;AAAA,EAEtB,kBAAkB;AAAA;AAAA,IAEhB;AAAA,IACA;AAAA,EACF;AAAA,EAEA,mBAAmB,CAAC;AAAA,EAEpB,gBAAgB;AAAA;AAAA,IAEd;AAAA,IACA;AAAA,EACF;AACF,GAEaC,IAAiC;AAAA;AAAA,EAE5C;AAAA;AAAA,EAGA;AAAA;AAAA,EAGA;AAAA;AAAA,EAGA;AAAA;AAAA,EAGA;AAAA;AAAA,EAGA;AACF,GAEaC,IAAoE;AAAA,EAC/E,SAAW;AAAA;AAAA,IAET;AAAA,IACA;AAAA;AAAA,IAGA;AAAA,IACA;AAAA;AAAA,IAGA;AAAA,IACA;AAAA;AAAA,IAGA;AAAA,IACA;AAAA,EACF;AAAA,EAEA,QAAU;AAAA;AAAA,IAER;AAAA,IACA;AAAA;AAAA,IAGA;AAAA,IACA;AAAA;AAAA,IAGA;AAAA,IACA;AAAA;AAAA,IAGA;AAAA,IACA;AAAA,EACF;AACF,GAEaC,IAAgC;AAAA;AAAA,EAE3C;AAAA;AAAA,EAGA;AAAA;AAAA,EAGA;AAAA,EACA;AACF,GAEaC,IAA4C;AAAA;AAAA,EAEvD;AACF,GChEAC,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EAEN,YAAY;AAAA,IACV,QAAAC;AAAA,EACF;AAAA,EAEA,OAAO;AAAA,IACL,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,aAAa;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS,MAAMd,EAAsB;AAAA,IACvC;AAAA,IAEA,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS,MAAMC,EAAoB;AAAA,IACrC;AAAA,IAEA,iBAAiB;AAAA,MACf,MAAM;AAAA,MACN,SAAS,MAAMC,EAA8B;AAAA,IAC/C;AAAA,IAEA,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EAEA,OAAO;AAAA,IACL;AAAA,IAEA;AAAA,IACA;AAAA,EACF;AAAA,EAEA,QAAQ;AAAA,IACN;AAAA,IAEA;AAAA,IAEA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAAA,EAEA,MAAMa,GAAOC,GAAS;AAEpB,UAAMC,IAAOC,KAGPC,IAAaC,EAAS,MAAM;AAAA,MAChC;AAAA,MACA,GAAGC;AAAAA,MACH,GAAGC,EAA8BP,EAAM,OAAO;AAAA,MAC9C,GAAGQ,EAAsC,GAAGR,EAAM,eAAe,IAAIA,EAAM,OAAO,EAAE;AAAA,IAAA,CACrF,GAEKS,IAAeJ,EAAS,MAAM;AAAA,MAClC,GAAGK;AAAAA,MACH,GAAGC,EAAkCX,EAAM,KAAK;AAAA,IAAA,CACjD,GAEKY,IAAcP,EAAS,MAAM;AAAA,MACjC,GAAGQ;AAAAA,IAAO,CACX,GAEKC,IAAgBT,EAAS,MAAM;AAAA,MACnCL,EAAM,aAAae,IAAyC;AAAA,IAAA,CAC7D,GAEKC,IAAoBX,EAAS,MAAM;AAAA,MACvC,GAAGY;AAAAA,MACHjB,EAAM,WAAWkB,IAA2C;AAAA,IAAA,CAC7D,GAGK,EAAE,OAAAC,GAAO,MAAAC,GAAM,OAAAC,GAAO,QAAAC,EAAO,IAAIC,EAAgBC,EAAMxB,GAAO,QAAQ,GAAGC,EAAQ,IAAI;AAEpF,WAAA;AAAA,MACL,MAAAC;AAAA,MACA,YAAAE;AAAA,MACA,cAAAK;AAAA,MACA,aAAAG;AAAA,MACA,eAAAE;AAAA,MACA,mBAAAE;AAAA,MAEA,OAAAG;AAAA,MACA,MAAAC;AAAA,MACA,OAAAC;AAAA,MACA,QAAAC;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC,GAvLSG,IAAK,CAAA,UAAA;;;;YALbC,EA4DM,QAAA;SA1DEC,EAAY,GAAAC,EAAA,OAAA;AAAA,IACjB,KAAA;AAAA,IAAA,OAAAC,EAAAC,EAAA,UAAA;AAAA,IAED,UAAAA,EAAA;AAAA,EAAA,GAAA;AAAA,MAEU,OAAEC,GAAA;AAAA,MAAAC,EACI,OAAQ;AAAA,QACnB,OAAkBH,EAAAC,EAAA,YAAA;AAAA,QAClB,UAAKA,EAAA,WAAA,OAAA;AAAA,QAAA,UAAAA,EAAA;AAAA,QAEN,SAIEG,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAAC,EAAA,CAAAC,MAAAL,EAAA,OAAA,GAAA,CAAA,MAAA,CAAA;AAAA,MAAA,GAAA;AAAA,UAFOM,GAAa;AAAA,UACnB,OAAOP,EAAe,CAAAC,EAAA,UAAA,SAAA,aAAA,iBAAA,CAAA;AAAA,UAAA,MAAA;AAAA,UAGzB,SAAA;AAAA,QAIE,GAAA,MAAA,GAAA,CAAA,OAAA,CAAA;AAAA,QAAAO,EAAAP,EAAA,QAAA,SAAA,EAAA,OAAAA,EAAA,MAAA,GAAA,MAAA;AAAA;QAMJ,CAAA;AAAA,MAAA,GAAM,IAAKQ,CAAA;AAAA,MAAAN,EAAA,OAAA;AAAA,QACT,OAAqBH,EAAAC,EAAA,WAAA;AAAA,MAAA,GAAA;AAAA;MAIT,GAAA,CAAA;AAAA,IAAA,CAAA;AAAA,IAGNA,EAAA,YAAAS,GAAAZ,EAAA,GAAeC,EAAA,OAAA;AAAA,MAAA,KAAA;AAAA,MAErB,OAAQC,EAAAC,EAAA,aAAA;AAAA,IAAA,GAAA;AAAA,QAHAA,EAAK,QAAA,SAAA;AAAA,IAAA,GAAA,CAAA,IAAA;AAAA,MAOjB,CAAAU,GAAAV,EAAA,UAAA,MAAA;AAAA,IAAA,CAAA,KAAAH,EAAA,GAAAC,EACEa,GAKM,EAAA,KAAA,KAAA;AAAA,MAAAX,EAAA,UAAA,UAAAH,EAAA,GAHIC,EAAA,OAAA;AAAA,QAAA,KAAA;AAAA,QAER,OAAQC,EAAAC,EAAA,aAAA;AAAA,MAAA,GAAA;AAAA;MAIH,GAAA,CAAA,KAAAY,EAAe,IAAO,EAAA;AAAA,IAAA,GAAA,EAAA;AAAA,yEACrBd,EAAA,OAAA;AAAA,MAAA,KAAA;AAAA,MAER,OAIOC,EAAAC,EAAA,iBAAA;AAAA,IAAA,GAAA;AAAA;;;;;;;"}
1	+ {"version":3,"file":"OrExpansionPanel-BNGPdEnp.mjs","sources":["../../../components/or-expansion-panel-v3/src/props.ts","../../../components/or-expansion-panel-v3/src/styles.ts","../../../components/or-expansion-panel-v3/src/OrExpansionPanel.vue"],"sourcesContent":["export enum ExpansionPanelVariant {\n Default = 'default',\n Card = 'card',\n}\n\nexport enum ExpansionPanelColor {\n Default = 'default',\n Danger = 'danger',\n}\n\nexport enum ExpansionPanelBackgroundColor {\n Primary = 'primary',\n Secondary = 'secondary',\n Inherit = 'inherit',\n}\n","import { ExpansionPanelBackgroundColor, ExpansionPanelColor, ExpansionPanelVariant } from './props';\n\nexport const ExpansionPanel: string[] = [\n // Layout\n 'layout-column',\n];\n\nexport const ExpansionPanelDescription: string[] = [\n // Typography\n 'typography-caption-regular',\n];\n\nexport const ExpansionPanelDescriptionDisabled: string[] = [\n // Theme\n 'theme-foreground-disabled',\n 'dark:theme-foreground-disabled-dark',\n];\n\nexport const ExpansionPanelVariants: Record<ExpansionPanelVariant, string[]> = {\n [ExpansionPanelVariant.Default]: [\n // Spacing\n 'gap-md',\n ],\n\n [ExpansionPanelVariant.Card]: [\n // Shape\n 'rounded-md',\n\n // Spacing\n 'px-md',\n 'py-md',\n\n 'gap-md',\n ],\n};\n\nexport const ExpansionPanelBackgroundColors: Record<`${ExpansionPanelBackgroundColor}-${ExpansionPanelVariant}`, string[]> = {\n 'primary-default': [],\n\n 'primary-card': [\n // Theme\n 'theme-background-surface-1',\n 'dark:theme-background-surface-1-dark',\n ],\n\n 'secondary-default': [],\n\n 'secondary-card': [\n // Theme\n 'theme-background-surface-3',\n 'dark:theme-background-surface-3-dark',\n ],\n\n 'inherit-default': [],\n\n 'inherit-card': [\n // Theme\n 'theme-background-inherit',\n 'dark:theme-background-inherit',\n ],\n};\n\nexport const ExpansionPanelHeader: string[] = [\n // Layout\n 'layout-row',\n\n // Interactivity\n 'interactivity-click',\n\n // Box\n 'min-w-[16px]',\n\n // Spacing\n 'gap-sm',\n\n // Typography\n 'typography-body-2-bold',\n\n // Theme\n 'outline-none',\n];\n\nexport const ExpansionPanelHeaderColors: Record<ExpansionPanelColor, string[]> = {\n 'default': [\n // Theme\n 'theme-foreground-default',\n 'dark:theme-foreground-default-dark',\n\n // Theme (hover)\n 'hover:theme-foreground-primary',\n 'dark:hover:theme-foreground-primary-dark',\n\n // Theme (focus)\n 'focus-visible:theme-foreground-primary',\n 'dark:focus-visible:theme-foreground-primary-dark',\n\n // Theme (active)\n 'active:theme-foreground-primary',\n 'dark:active:theme-foreground-primary-dark',\n ],\n\n 'danger': [\n // Theme\n 'theme-foreground-error',\n 'dark:theme-foreground-error-dark',\n\n // Theme (hover)\n 'hover:theme-foreground-error-hover',\n 'dark:hover:theme-foreground-error-hover-dark',\n\n // Theme (focus)\n 'focus-visible:theme-foreground-error-hover',\n 'dark:focus-visible:theme-foreground-error-hover-dark',\n\n // Theme (active)\n 'active:theme-foreground-error-hover',\n 'dark:active:theme-foreground-error-hover-dark',\n ],\n};\n\nexport const ExpansionPanelAddon: string[] = [\n // Layout\n 'contents',\n\n // Typography\n 'typography-body-2-regular',\n\n // Theme\n 'theme-foreground-outline',\n 'dark:theme-foreground-outline-dark',\n];\n\nexport const ExpansionPanelContentLeftIndent: string[] = [\n // Spacing\n 'ml-[28px] md:ml-[24px]',\n];\n","<template>\n <div\n :ref=\"'root'\"\n :class=\"rootStyles\"\n :disabled=\"disabled\"\n >\n <div :class=\"['layout-row', 'justify-between']\">\n <div\n :class=\"headerStyles\"\n :tabindex=\"!disabled ? 0 : null\"\n :disabled=\"disabled\"\n @click.stop=\"toggle()\"\n >\n <OrIcon\n :class=\"[state === 'open' ? 'rotate-0' : 'rotate-[-90deg]']\"\n :icon=\"'expand_more'\"\n :variant=\"'filled-bold'\"\n />\n\n <slot\n name=\"label\"\n :state=\"state\"\n >\n <span class=\"truncate\">\n {{ label }}\n </span>\n </slot>\n </div>\n\n <div :class=\"addonStyles\">\n <slot name=\"addon\" />\n </div>\n </div>\n\n <template v-if=\"keepAlive\">\n <div\n v-show=\"state === 'open'\"\n :class=\"contentStyles\"\n >\n <slot />\n </div>\n </template>\n\n <template v-else>\n <div\n v-if=\"state === 'open'\"\n :class=\"contentStyles\"\n >\n <slot />\n </div>\n </template>\n <div\n v-if=\"(description \|\| $slots.description) && state != 'open'\"\n :class=\"descriptionStyles\"\n >\n <slot\n name=\"description\"\n >\n {{ description }}\n </slot>\n </div>\n </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, PropType, ref, toRef } from 'vue';\nimport { usePopoverState } from '@onereach/ui-components-common/hooks';\nimport { OrIconV3 as OrIcon } from '@onereach/ui-components.or-icon-v3';\nimport { ExpansionPanelBackgroundColor, ExpansionPanelColor, ExpansionPanelVariant } from './props';\nimport * as Styles from './styles';\n\nexport default defineComponent({\n name: 'OrExpansionPanel',\n\n components: {\n OrIcon,\n },\n\n props: {\n label: {\n type: String,\n default: undefined,\n },\n\n isOpen: {\n type: Boolean,\n default: false,\n },\n\n description: {\n type: String,\n default: undefined,\n },\n\n variant: {\n type: String as PropType<`${ExpansionPanelVariant}`>,\n default: () => ExpansionPanelVariant.Default,\n },\n\n color: {\n type: String as PropType<`${ExpansionPanelColor}`>,\n default: () => ExpansionPanelColor.Default,\n },\n\n backgroundColor: {\n type: String as PropType<`${ExpansionPanelBackgroundColor}`>,\n default: () => ExpansionPanelBackgroundColor.Primary,\n },\n\n leftIndent: {\n type: Boolean,\n default: false,\n },\n\n disabled: {\n type: Boolean,\n default: false,\n },\n\n keepAlive: {\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 '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-expansion-panel-v3',\n ...Styles.ExpansionPanel,\n ...Styles.ExpansionPanelVariants[props.variant],\n ...Styles.ExpansionPanelBackgroundColors[`${props.backgroundColor}-${props.variant}`],\n ]);\n\n const headerStyles = computed(() => [\n ...Styles.ExpansionPanelHeader,\n ...Styles.ExpansionPanelHeaderColors[props.color],\n ]);\n\n const addonStyles = computed(() => [\n ...Styles.ExpansionPanelAddon,\n ]);\n\n const contentStyles = computed(() => [\n props.leftIndent ? Styles.ExpansionPanelContentLeftIndent : '',\n ]);\n\n const descriptionStyles = computed(() => [\n ...Styles.ExpansionPanelDescription,\n props.disabled ? Styles.ExpansionPanelDescriptionDisabled : '',\n ]);\n\n // State\n const { state, open, close, toggle } = usePopoverState(toRef(props, 'isOpen'), context.emit);\n\n return {\n root,\n rootStyles,\n headerStyles,\n addonStyles,\n contentStyles,\n descriptionStyles,\n\n state,\n open,\n close,\n toggle,\n };\n },\n});\n</script>\n"],"names":["ExpansionPanelVariant","ExpansionPanelColor","ExpansionPanelBackgroundColor","ExpansionPanel","ExpansionPanelDescription","ExpansionPanelDescriptionDisabled","ExpansionPanelVariants","ExpansionPanelBackgroundColors","ExpansionPanelHeader","ExpansionPanelHeaderColors","ExpansionPanelAddon","ExpansionPanelContentLeftIndent","_sfc_main","defineComponent","OrIcon","props","context","root","ref","rootStyles","computed","Styles.ExpansionPanel","Styles.ExpansionPanelVariants","Styles.ExpansionPanelBackgroundColors","headerStyles","Styles.ExpansionPanelHeader","Styles.ExpansionPanelHeaderColors","addonStyles","Styles.ExpansionPanelAddon","contentStyles","Styles.ExpansionPanelContentLeftIndent","descriptionStyles","Styles.ExpansionPanelDescription","Styles.ExpansionPanelDescriptionDisabled","state","open","close","toggle","usePopoverState","toRef","_hoisted_1","_normalizeClass","_resolveComponent","_openBlock","_createElementBlock","_ctx","disabled","_cache","_withModifiers","$event","_component_OrIcon","_renderSlot","_createElementVNode","_hoisted_4","_toDisplayString","_hoisted_3","keepAlive","_withDirectives","_vShow","_Fragment","description","$slots","_createCommentVNode"],"mappings":"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"}

package/dist/esm/OrFab-Cbg9unNc.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"OrFab-Cbg9unNc.mjs","sources":["../../../components/or-fab-v3/src/props.ts","../../../components/or-fab-v3/src/styles.ts","../../../components/or-fab-v3/src/OrFab.vue"],"sourcesContent":["export enum FabColor {\n Primary = 'primary',\n Danger = 'danger',\n}\n","import { FabColor } from './props';\n\nexport const Fab: string[] = [\n // Layout\n 'layout-inline-row justify-center',\n\n // Box\n 'w-[56px]',\n 'h-[56px]',\n\n // Shape\n 'rounded-full',\n\n // Elevation\n 'enabled:shadow-button',\n 'dark:enabled:shadow-button-dark',\n];\n\nexport const FabColors: Record<FabColor, string[]> = {\n 'primary': [\n // Theme\n 'theme-preset-1-primary',\n 'dark:theme-preset-1-primary-dark',\n ],\n\n 'danger': [\n // Theme\n 'theme-preset-1-error',\n 'dark:theme-preset-1-error-dark',\n ],\n};\n","<template>\n <button\n :ref=\"'root'\"\n :class=\"rootStyles\"\n :type=\"'button'\"\n :disabled=\"disabled\"\n v-on=\"{\n ...(isVue3 ? {} : $listeners),\n click: onClick,\n focus: onFocus,\n blur: onBlur,\n }\"\n >\n <OrIcon\n v-bind=\"typeof icon === 'string'\n ? { icon, size: 'l' }\n : { size: 'l', ...icon }\"\n />\n </button>\n</template>\n\n<script lang=\"ts\">\nimport { PropType, computed, defineComponent, ref } from 'vue';\nimport { isVue3 } from '@/constants';\n\nimport { OrIconV3 as OrIcon } from '@onereach/ui-components.or-icon-v3';\nimport { FabColor } from './props';\nimport { Fab, FabColors } from './styles';\n\nexport default defineComponent({\n name: 'OrFab',\n\n components: {\n OrIcon,\n },\n\n props: {\n icon: {\n type: [String, Object] as PropType<string \| Omit<InstanceType<typeof OrIcon>['$props'], 'size'>>,\n required: true,\n },\n\n color: {\n type: String as PropType<`${FabColor}`>,\n default: () => FabColor.Primary,\n },\n\n disabled: {\n type: Boolean,\n default: false,\n },\n },\n\n emits: [\n 'click',\n 'focus',\n 'blur',\n ],\n\n expose: [\n 'root',\n ],\n\n setup(props, { emit }) {\n // Refs\n const root = ref<HTMLElement>();\n\n // Styles\n const rootStyles = computed(() => [\n 'or-fab-v3',\n ...Fab,\n ...FabColors[props.color],\n ]);\n\n return {\n root,\n rootStyles,\n\n isVue3,\n onClick: (e: unknown) => emit('click', e),\n onFocus: (e: unknown) => emit('focus', e),\n onBlur: (e: unknown) => emit('blur', e),\n };\n },\n});\n</script>\n"],"names":["FabColor","Fab","FabColors","_sfc_main","defineComponent","OrIcon","props","emit","root","ref","rootStyles","computed","isVue3","e","_component_OrIcon","_resolveComponent","_openBlock","_createElementBlock","_mergeProps","~~_ctx~~","~~_toHandlers~~","~~_createVNode~~","_normalizeProps","_guardReactiveProps"],"mappings":";;;;AAAY,IAAAA,sBAAAA,OACVA,EAAA,UAAU,WACVA,EAAA,SAAS,UAFCA,IAAAA,KAAA,CAAA,CAAA;ACEL,MAAMC,IAAgB;AAAA;AAAA,EAE3B;AAAA;AAAA,EAGA;AAAA,EACA;AAAA;AAAA,EAGA;AAAA;AAAA,EAGA;AAAA,EACA;AACF,GAEaC,IAAwC;AAAA,EACnD,SAAW;AAAA;AAAA,IAET;AAAA,IACA;AAAA,EACF;AAAA,EAEA,QAAU;AAAA;AAAA,IAER;AAAA,IACA;AAAA,EACF;AACF,GCDAC,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EAEN,YAAY;AAAA,IACV,QAAAC;AAAA,EACF;AAAA,EAEA,OAAO;AAAA,IACL,MAAM;AAAA,MACJ,MAAM,CAAC,QAAQ,MAAM;AAAA,MACrB,UAAU;AAAA,IACZ;AAAA,IAEA,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS,MAAML,EAAS;AAAA,IAC1B;AAAA,IAEA,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EAEA,OAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAAA,EAEA,QAAQ;AAAA,IACN;AAAA,EACF;AAAA,EAEA,MAAMM,GAAO,EAAE,MAAAC,KAAQ;AAErB,UAAMC,IAAOC,KAGPC,IAAaC,EAAS,MAAM;AAAA,MAChC;AAAA,MACA,GAAGV;AAAA,MACH,GAAGC,EAAUI,EAAM,KAAK;AAAA,IAAA,CACzB;AAEM,WAAA;AAAA,MACL,MAAAE;AAAA,MACA,YAAAE;AAAA,MAEA,QAAAE;AAAA,MACA,SAAS,CAACC,MAAeN,EAAK,SAASM,CAAC;AAAA,MACxC,SAAS,CAACA,MAAeN,EAAK,SAASM,CAAC;AAAA,MACxC,QAAQ,CAACA,MAAeN,EAAK,QAAQM,CAAC;AAAA,IAAA;AAAA,EAE1C;AACF,CAAC;;AAnFC,QAAAC,IAAAC,EAiBS,QAjBT;AAEQ,SAAAC,EAAY,GAAAC,EAAA,UAAAC,EAAA;AAAA,IACjB,KAAI;AAAA,IACJ,OAAUC,~~EAAA~~;~~AAAA~~,IACX,MAAA;AAAA,~~IAAkB~~,UAAAA,~~EAAA~~;~~AAAA~~,~~EAAwC~~,~~GAAAC~~,~~EAAA~~;~~AAAA~~,~~IAAA~~,~~GAAAD~~,~~EAAsB~~,SAAO,CAAA,~~IAAAA~~,EAAA;AAAA,~~IAAc~~,OAAAA,~~EAAA~~;~~AAAA~~,~~IAAA~~,OAAAA,~~EAAA~~;~~AAAA~~,IAOrG,~~MAIEA~~,EAAA;AAAA,EAAA,GAAA,EAAA,CAAA,GAAA;AAAA,~~IAH6FE~~,~~EAAAP~~,~~GAAAQ,EAAAC,~~EAAA,~~OAAAJ~~,EAAA,QAAA,WAAA,EAAA,MAAAA,EAAA,MAAA,MAAA,IAAA,IAAA,EAAA,MAAA,KAAA,GAAAA,EAAA,MAAA,CAAA,GAAA,MAAA,EAAA;AAAA;;;"}
1	+ {"version":3,"file":"OrFab-Cbg9unNc.mjs","sources":["../../../components/or-fab-v3/src/props.ts","../../../components/or-fab-v3/src/styles.ts","../../../components/or-fab-v3/src/OrFab.vue"],"sourcesContent":["export enum FabColor {\n Primary = 'primary',\n Danger = 'danger',\n}\n","import { FabColor } from './props';\n\nexport const Fab: string[] = [\n // Layout\n 'layout-inline-row justify-center',\n\n // Box\n 'w-[56px]',\n 'h-[56px]',\n\n // Shape\n 'rounded-full',\n\n // Elevation\n 'enabled:shadow-button',\n 'dark:enabled:shadow-button-dark',\n];\n\nexport const FabColors: Record<FabColor, string[]> = {\n 'primary': [\n // Theme\n 'theme-preset-1-primary',\n 'dark:theme-preset-1-primary-dark',\n ],\n\n 'danger': [\n // Theme\n 'theme-preset-1-error',\n 'dark:theme-preset-1-error-dark',\n ],\n};\n","<template>\n <button\n :ref=\"'root'\"\n :class=\"rootStyles\"\n :type=\"'button'\"\n :disabled=\"disabled\"\n v-on=\"{\n ...(isVue3 ? {} : $listeners),\n click: onClick,\n focus: onFocus,\n blur: onBlur,\n }\"\n >\n <OrIcon\n v-bind=\"typeof icon === 'string'\n ? { icon, size: 'l' }\n : { size: 'l', ...icon }\"\n />\n </button>\n</template>\n\n<script lang=\"ts\">\nimport { PropType, computed, defineComponent, ref } from 'vue';\nimport { isVue3 } from '@/constants';\n\nimport { OrIconV3 as OrIcon } from '@onereach/ui-components.or-icon-v3';\nimport { FabColor } from './props';\nimport { Fab, FabColors } from './styles';\n\nexport default defineComponent({\n name: 'OrFab',\n\n components: {\n OrIcon,\n },\n\n props: {\n icon: {\n type: [String, Object] as PropType<string \| Omit<InstanceType<typeof OrIcon>['$props'], 'size'>>,\n required: true,\n },\n\n color: {\n type: String as PropType<`${FabColor}`>,\n default: () => FabColor.Primary,\n },\n\n disabled: {\n type: Boolean,\n default: false,\n },\n },\n\n emits: [\n 'click',\n 'focus',\n 'blur',\n ],\n\n expose: [\n 'root',\n ],\n\n setup(props, { emit }) {\n // Refs\n const root = ref<HTMLElement>();\n\n // Styles\n const rootStyles = computed(() => [\n 'or-fab-v3',\n ...Fab,\n ...FabColors[props.color],\n ]);\n\n return {\n root,\n rootStyles,\n\n isVue3,\n onClick: (e: unknown) => emit('click', e),\n onFocus: (e: unknown) => emit('focus', e),\n onBlur: (e: unknown) => emit('blur', e),\n };\n },\n});\n</script>\n"],"names":["FabColor","Fab","FabColors","_sfc_main","defineComponent","OrIcon","props","emit","root","ref","rootStyles","computed","isVue3","e","_component_OrIcon","_resolveComponent","_openBlock","_createElementBlock","_mergeProps","disabled","onClick","onFocus","_ctx","onBlur","_normalizeProps","_guardReactiveProps"],"mappings":";;;;AAAY,IAAAA,sBAAAA,OACVA,EAAA,UAAU,WACVA,EAAA,SAAS,UAFCA,IAAAA,KAAA,CAAA,CAAA;ACEL,MAAMC,IAAgB;AAAA;AAAA,EAE3B;AAAA;AAAA,EAGA;AAAA,EACA;AAAA;AAAA,EAGA;AAAA;AAAA,EAGA;AAAA,EACA;AACF,GAEaC,IAAwC;AAAA,EACnD,SAAW;AAAA;AAAA,IAET;AAAA,IACA;AAAA,EACF;AAAA,EAEA,QAAU;AAAA;AAAA,IAER;AAAA,IACA;AAAA,EACF;AACF,GCDAC,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EAEN,YAAY;AAAA,IACV,QAAAC;AAAA,EACF;AAAA,EAEA,OAAO;AAAA,IACL,MAAM;AAAA,MACJ,MAAM,CAAC,QAAQ,MAAM;AAAA,MACrB,UAAU;AAAA,IACZ;AAAA,IAEA,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS,MAAML,EAAS;AAAA,IAC1B;AAAA,IAEA,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EAEA,OAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAAA,EAEA,QAAQ;AAAA,IACN;AAAA,EACF;AAAA,EAEA,MAAMM,GAAO,EAAE,MAAAC,KAAQ;AAErB,UAAMC,IAAOC,KAGPC,IAAaC,EAAS,MAAM;AAAA,MAChC;AAAA,MACA,GAAGV;AAAA,MACH,GAAGC,EAAUI,EAAM,KAAK;AAAA,IAAA,CACzB;AAEM,WAAA;AAAA,MACL,MAAAE;AAAA,MACA,YAAAE;AAAA,MAEA,QAAAE;AAAA,MACA,SAAS,CAACC,MAAeN,EAAK,SAASM,CAAC;AAAA,MACxC,SAAS,CAACA,MAAeN,EAAK,SAASM,CAAC;AAAA,MACxC,QAAQ,CAACA,MAAeN,EAAK,QAAQM,CAAC;AAAA,IAAA;AAAA,EAE1C;AACF,CAAC;;AAnFC,QAAAC,IAAAC,EAiBS,QAjBT;AAEQ,SAAAC,EAAY,GAAAC,EAAA,UAAAC,EAAA;AAAA,IACjB,KAAI;AAAA,IACJ,OAAUC,EAAAA;AAAAA,IACX,MAAA;AAAA,IAAkBP,UAAAA,EAAAA;AAAAA,EAAwCQ,GAAAA,EAAAA;AAAAA,IAAAA,GAAAA,EAAsBC,SAAO,CAAA,IAAAC,EAAA;AAAA,IAAcC,OAAAA,EAAAA;AAAAA,IAAAA,OAAAA,EAAAA;AAAAA,IAOrG,MAIED,EAAA;AAAA,EAAA,GAAA,EAAA,CAAA,GAAA;AAAA,SAH6FE,EAdnGC,EAAA,OAAAH,EAAA,QAAA,WAAA,EAAA,MAAAA,EAAA,MAAA,MAAA,IAAA,IAAA,EAAA,MAAA,KAAA,GAAAA,EAAA,MAAA,CAAA,GAAA,MAAA,EAAA;AAAA;;;"}

package/dist/esm/OrFilter-C8d3OmGK.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"OrFilter-C8d3OmGK.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~~;;;;;;;;~~"}
1	+ {"version":3,"file":"OrFilter-C8d3OmGK.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","_mergeProps","triggerProps","_cache","$event","_createVNode","popoverProps","_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;AA5BE,SAAAC,EAAA,GAAYC,EAAA,OAAA;AAAA,IAAA,KAAA;AAAA,IAElB,OAMEC,EAAAC,EAAA,UAAA;AAAA,EAAA,GAAA;AAAA,MAJUZ,GAAKa,EAAA;AAAA,MACPC,KAAAA;AAAAA,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,EACLjB,GAAKa,EAAA;AAAA,MACd,KAAA;AAAA,MAAA,WACOK,EAAY,UAAA;AAAA,MACnB,SAAAN,EAAA;AAAA,IAAA,GACAA,EAAK,cAAA;AAAA,MACL,kBAAKG,uBAAER,MAAK,SAAAK,EAAA,KAAA,IAAAA,EAAA,MAAA;AAAA,MAAA,SAAAG,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAAJ,EAAA;MAII,SAAOG,SAAEA,EAAK,CAAA,IAAA,CAAAC,MAAAJ,EAAA;IAAA,CAC7B,GAAA;AAAA,MAAA,SAAAO,EAAA,CAAA9B,MAAA;AAAA,QAzBR+B,EAsBcR,EAAA,QAAA,WAAAS,EAAAC,EAAAjC,CAAA,CAAA,CAAA;AAAA,MAAA,CAAA;AAAA;QAtBd+B,EAAAR,EAAA,QAAA,SAAA;AAAA,MAAA,CAAA;AAAA;;;;;"}

package/dist/esm/OrFilterPopover-C8lXb-hJ.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"OrFilterPopover-C8lXb-hJ.mjs","sources":["../../../components/or-filter-popover-v3/src/styles.ts","../../../components/or-filter-popover-v3/src/OrFilterPopover.vue"],"sourcesContent":["export const FilterPopover: string[] = [\n // Layout\n 'layout-column',\n\n // Box\n 'w-auto md:w-[352px]',\n\n // Spacing\n 'px-0 md:px-md',\n 'py-0 md:py-md',\n\n 'gap-md',\n];\n\nexport const FilterPopoverHeader: string[] = [\n // Layout\n 'layout-row',\n\n // Spacing\n 'gap-md',\n\n // Typography\n 'typography-headline-3',\n];\n\nexport const FilterPopoverFooter: string[] = [\n // Layout\n 'layout-row-reverse',\n\n // Spacing\n 'gap-md',\n];\n","<template>\n <div :class=\"['contents']\">\n <template v-if=\"isDesktop\">\n <OrPopover\n :is-open=\"state === 'open'\"\n :variant=\"'popover'\"\n :trigger=\"trigger\"\n :placement=\"placement\"\n :fallback-placement=\"fallbackPlacement\"\n :offset=\"offset\"\n @update:state=\"$event === 'open' ? open() : close()\"\n >\n <div\n v-bind=\"$attrs\"\n :ref=\"'root'\"\n :class=\"rootStyles\"\n >\n <div :class=\"headerStyles\">\n <div :class=\"['grow', 'truncate']\">\n {{ title }}\n </div>\n\n <OrButton\n :variant=\"'link'\"\n @click=\"reset()\"\n >\n {{ resetLabel }}\n </OrButton>\n </div>\n\n <slot />\n\n <slot\n v-bind=\"{ apply, reset, isDesktop, isMobile }\"\n :name=\"'actions'\"\n >\n <div\n v-if=\"enableDesktopControls\"\n :class=\"footerStyles\"\n >\n <OrButton\n :class=\"['grow']\"\n :variant=\"'contained'\"\n @click=\"apply()\"\n >\n {{ applyLabel }}\n </OrButton>\n\n <OrButton\n :class=\"['grow']\"\n :variant=\"'outlined'\"\n @click=\"close()\"\n >\n {{ closeLabel }}\n </OrButton>\n </div>\n </slot>\n </div>\n </OrPopover>\n </template>\n\n <template v-if=\"isMobile\">\n <OrModal\n :is-open=\"state === 'open'\"\n @update:state=\"$event === 'open' ? open() : close()\"\n >\n <template v-slot:header>\n {{ title }}\n </template>\n\n <div\n v-bind=\"$attrs\"\n :ref=\"'root'\"\n :class=\"rootStyles\"\n >\n <slot />\n </div>\n\n <template v-slot:footer>\n <slot\n v-bind=\"{ apply, reset, isDesktop, isMobile }\"\n :name=\"'actions'\"\n >\n <div :class=\"footerStyles\">\n <OrButton\n :class=\"['grow']\"\n :variant=\"'contained'\"\n @click=\"apply()\"\n >\n {{ applyLabel }}\n </OrButton>\n\n <OrButton\n :class=\"['grow']\"\n :variant=\"'outlined'\"\n @click=\"reset()\"\n >\n {{ resetLabel }}\n </OrButton>\n </div>\n </slot>\n </template>\n </OrModal>\n </template>\n </div>\n</template>\n\n<script lang=\"ts\">\nimport { FlipOptions, ReferenceElement } from '@floating-ui/dom';\nimport { PropType, computed, defineComponent, ref, toRef } from 'vue';\nimport { usePopoverState, useResponsive } from '@onereach/ui-components-common/hooks';\nimport { OrButtonV3 as OrButton } from '@onereach/ui-components.or-button-v3';\nimport { OrModalV3 as OrModal } from '@onereach/ui-components.or-modal-v3';\nimport { OrPopoverV3 as OrPopover, PopoverOffset, PopoverPlacement } from '@onereach/ui-components.or-popover-v3';\nimport * as Styles from './styles';\n\nexport default defineComponent({\n name: 'OrFilterPopover',\n\n components: {\n OrButton,\n OrModal,\n OrPopover,\n },\n\n inheritAttrs: false,\n\n props: {\n isOpen: {\n type: Boolean,\n default: false,\n },\n\n title: {\n type: String,\n default: 'Filters',\n },\n\n applyLabel: {\n type: String,\n default: 'View Results',\n },\n\n resetLabel: {\n type: String,\n default: 'Reset All',\n },\n\n closeLabel: {\n type: String,\n default: 'Close',\n },\n\n trigger: {\n type: Object as PropType<ReferenceElement>,\n default: undefined,\n },\n\n placement: {\n type: String as PropType<`${PopoverPlacement}`>,\n default: () => PopoverPlacement.BottomStart,\n },\n\n fallbackPlacement: {\n type: String as PropType<FlipOptions['fallbackAxisSideDirection']>,\n default: undefined,\n },\n\n enableDesktopControls: {\n type: Boolean,\n default: false,\n },\n\n offset: {\n type: [Number, Object, Function] as PropType<PopoverOffset>,\n default: 8,\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-popover-v3',\n ...Styles.FilterPopover,\n ]);\n\n const headerStyles = computed(() => [\n ...Styles.FilterPopoverHeader,\n ]);\n\n const footerStyles = computed(() => [\n ...Styles.FilterPopoverFooter,\n ]);\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 // Helpers\n const { isDesktop, isMobile } = useResponsive();\n\n return {\n root,\n rootStyles,\n\n headerStyles,\n footerStyles,\n\n state,\n\n open,\n close,\n toggle,\n\n apply,\n reset,\n\n isDesktop,\n isMobile,\n };\n },\n});\n</script>\n"],"names":["FilterPopover","FilterPopoverHeader","FilterPopoverFooter","_sfc_main","defineComponent","OrButton","OrModal","OrPopover","PopoverPlacement","props","context","root","ref","rootStyles","computed","Styles.FilterPopover","headerStyles","Styles.FilterPopoverHeader","footerStyles","Styles.FilterPopoverFooter","state","open","close","toggle","usePopoverState","toRef","apply","reset","isDesktop","isMobile","useResponsive","_component_OrModal","_resolveComponent","_createElementBlock","_hoisted_1","_ctx","_openBlock","_createBlock","_component_OrPopover","_cache","$event","_withCtx","_createElementVNode","_mergeProps","_normalizeClass","_hoisted_2","_toDisplayString","_createVNode","_component_OrButton","_renderSlot","_normalizeProps","_guardReactiveProps","_createTextVNode"],"mappings":"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"}
1	+ {"version":3,"file":"OrFilterPopover-C8lXb-hJ.mjs","sources":["../../../components/or-filter-popover-v3/src/styles.ts","../../../components/or-filter-popover-v3/src/OrFilterPopover.vue"],"sourcesContent":["export const FilterPopover: string[] = [\n // Layout\n 'layout-column',\n\n // Box\n 'w-auto md:w-[352px]',\n\n // Spacing\n 'px-0 md:px-md',\n 'py-0 md:py-md',\n\n 'gap-md',\n];\n\nexport const FilterPopoverHeader: string[] = [\n // Layout\n 'layout-row',\n\n // Spacing\n 'gap-md',\n\n // Typography\n 'typography-headline-3',\n];\n\nexport const FilterPopoverFooter: string[] = [\n // Layout\n 'layout-row-reverse',\n\n // Spacing\n 'gap-md',\n];\n","<template>\n <div :class=\"['contents']\">\n <template v-if=\"isDesktop\">\n <OrPopover\n :is-open=\"state === 'open'\"\n :variant=\"'popover'\"\n :trigger=\"trigger\"\n :placement=\"placement\"\n :fallback-placement=\"fallbackPlacement\"\n :offset=\"offset\"\n @update:state=\"$event === 'open' ? open() : close()\"\n >\n <div\n v-bind=\"$attrs\"\n :ref=\"'root'\"\n :class=\"rootStyles\"\n >\n <div :class=\"headerStyles\">\n <div :class=\"['grow', 'truncate']\">\n {{ title }}\n </div>\n\n <OrButton\n :variant=\"'link'\"\n @click=\"reset()\"\n >\n {{ resetLabel }}\n </OrButton>\n </div>\n\n <slot />\n\n <slot\n v-bind=\"{ apply, reset, isDesktop, isMobile }\"\n :name=\"'actions'\"\n >\n <div\n v-if=\"enableDesktopControls\"\n :class=\"footerStyles\"\n >\n <OrButton\n :class=\"['grow']\"\n :variant=\"'contained'\"\n @click=\"apply()\"\n >\n {{ applyLabel }}\n </OrButton>\n\n <OrButton\n :class=\"['grow']\"\n :variant=\"'outlined'\"\n @click=\"close()\"\n >\n {{ closeLabel }}\n </OrButton>\n </div>\n </slot>\n </div>\n </OrPopover>\n </template>\n\n <template v-if=\"isMobile\">\n <OrModal\n :is-open=\"state === 'open'\"\n @update:state=\"$event === 'open' ? open() : close()\"\n >\n <template v-slot:header>\n {{ title }}\n </template>\n\n <div\n v-bind=\"$attrs\"\n :ref=\"'root'\"\n :class=\"rootStyles\"\n >\n <slot />\n </div>\n\n <template v-slot:footer>\n <slot\n v-bind=\"{ apply, reset, isDesktop, isMobile }\"\n :name=\"'actions'\"\n >\n <div :class=\"footerStyles\">\n <OrButton\n :class=\"['grow']\"\n :variant=\"'contained'\"\n @click=\"apply()\"\n >\n {{ applyLabel }}\n </OrButton>\n\n <OrButton\n :class=\"['grow']\"\n :variant=\"'outlined'\"\n @click=\"reset()\"\n >\n {{ resetLabel }}\n </OrButton>\n </div>\n </slot>\n </template>\n </OrModal>\n </template>\n </div>\n</template>\n\n<script lang=\"ts\">\nimport { FlipOptions, ReferenceElement } from '@floating-ui/dom';\nimport { PropType, computed, defineComponent, ref, toRef } from 'vue';\nimport { usePopoverState, useResponsive } from '@onereach/ui-components-common/hooks';\nimport { OrButtonV3 as OrButton } from '@onereach/ui-components.or-button-v3';\nimport { OrModalV3 as OrModal } from '@onereach/ui-components.or-modal-v3';\nimport { OrPopoverV3 as OrPopover, PopoverOffset, PopoverPlacement } from '@onereach/ui-components.or-popover-v3';\nimport * as Styles from './styles';\n\nexport default defineComponent({\n name: 'OrFilterPopover',\n\n components: {\n OrButton,\n OrModal,\n OrPopover,\n },\n\n inheritAttrs: false,\n\n props: {\n isOpen: {\n type: Boolean,\n default: false,\n },\n\n title: {\n type: String,\n default: 'Filters',\n },\n\n applyLabel: {\n type: String,\n default: 'View Results',\n },\n\n resetLabel: {\n type: String,\n default: 'Reset All',\n },\n\n closeLabel: {\n type: String,\n default: 'Close',\n },\n\n trigger: {\n type: Object as PropType<ReferenceElement>,\n default: undefined,\n },\n\n placement: {\n type: String as PropType<`${PopoverPlacement}`>,\n default: () => PopoverPlacement.BottomStart,\n },\n\n fallbackPlacement: {\n type: String as PropType<FlipOptions['fallbackAxisSideDirection']>,\n default: undefined,\n },\n\n enableDesktopControls: {\n type: Boolean,\n default: false,\n },\n\n offset: {\n type: [Number, Object, Function] as PropType<PopoverOffset>,\n default: 8,\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-popover-v3',\n ...Styles.FilterPopover,\n ]);\n\n const headerStyles = computed(() => [\n ...Styles.FilterPopoverHeader,\n ]);\n\n const footerStyles = computed(() => [\n ...Styles.FilterPopoverFooter,\n ]);\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 // Helpers\n const { isDesktop, isMobile } = useResponsive();\n\n return {\n root,\n rootStyles,\n\n headerStyles,\n footerStyles,\n\n state,\n\n open,\n close,\n toggle,\n\n apply,\n reset,\n\n isDesktop,\n isMobile,\n };\n },\n});\n</script>\n"],"names":["FilterPopover","FilterPopoverHeader","FilterPopoverFooter","_sfc_main","defineComponent","OrButton","OrModal","OrPopover","PopoverPlacement","props","context","root","ref","rootStyles","computed","Styles.FilterPopover","headerStyles","Styles.FilterPopoverHeader","footerStyles","Styles.FilterPopoverFooter","state","open","close","toggle","usePopoverState","toRef","apply","reset","isDesktop","isMobile","useResponsive","_component_OrModal","_resolveComponent","_createElementBlock","_hoisted_1","_ctx","_openBlock","_component_OrPopover","trigger","offset","_cache","$event","_withCtx","_createElementVNode","_mergeProps","_normalizeClass","_hoisted_2","_toDisplayString","_createVNode","_component_OrButton","_createTextVNode","_renderSlot","enableDesktopControls","_normalizeProps","_guardReactiveProps","_createCommentVNode"],"mappings":"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"}

package/dist/esm/OrFilterTrigger-zfcgyC7C.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"OrFilterTrigger-zfcgyC7C.mjs","sources":["../../../components/or-filter-trigger-v3/src/styles.ts","../../../components/or-filter-trigger-v3/src/OrFilterTrigger.vue"],"sourcesContent":["export const FilterTrigger: string[] = [\n // Layout\n 'layout-row',\n\n // Interactivity\n 'interactivity-click',\n\n // Shape\n 'rounded-full',\n\n // Box\n 'h-[44px] md:h-[32px]',\n\n // Spacing\n 'px-md md:px-sm+',\n 'py-0',\n\n 'gap-md+ md:gap-md',\n\n // Typography\n 'typography-button',\n\n // Theme\n 'theme-foreground-default',\n 'dark:theme-foreground-default-dark',\n\n // Theme (hover)\n 'hover:theme-foreground-primary-hover',\n 'dark:hover:theme-foreground-primary-hover-dark',\n\n 'hover:theme-background-primary-translucent-1',\n 'dark:hover:theme-background-primary-translucent-1-dark',\n\n // Theme (selected)\n 'selected:theme-foreground-primary',\n 'dark:selected:theme-foreground-primary-dark',\n\n 'selected:theme-background-primary-translucent-1',\n 'dark:selected:theme-background-primary-translucent-1-dark',\n\n // Theme (activated)\n 'activated:theme-background-primary-translucent-1',\n 'dark:activated:theme-background-primary-translucent-1-dark',\n\n // Theme (.icon)\n '[&_.icon]:theme-foreground-primary',\n 'dark:[&_.icon]:theme-foreground-primary-dark',\n\n // Theme (.icon / hover)\n '[&_.icon]:hover:theme-foreground-primary-hover',\n 'dark:[&_.icon]:hover:theme-foreground-primary-hover-dark',\n];\n\nexport const FilterTriggerLabel: string[] = [\n // Layout\n 'layout-row',\n\n // Spacing\n 'gap-xs',\n];\n\nexport const FilterTriggerTag: string[] = [\n // Layout\n 'layout-row',\n\n // Shape\n 'rounded-full',\n\n // Box\n 'h-[36px] md:h-[24px]',\n\n // Spacing\n 'px-sm+ md:px-sm',\n 'py-0',\n\n 'gap-sm+ md:gap-sm',\n\n // Theme\n 'theme-foreground-default',\n 'dark:theme-foreground-default-dark',\n\n 'theme-background-default',\n 'dark:theme-background-default-dark',\n];\n","<template>\n <div\n :ref=\"'root'\"\n :class=\"rootStyles\"\n :selected=\"isOpen\"\n :activated=\"!!value\"\n @click=\"$emit('click', $event)\"\n >\n <div :class=\"labelStyles\">\n <OrIcon\n :class=\"'icon'\"\n :icon=\"icon\"\n />\n\n {{ label }}\n </div>\n\n <template v-if=\"value\">\n <div :class=\"['layout-inline-row', '-m-[12px] md:-m-[8px]']\">\n <div :class=\"tagStyles\">\n {{ value }}\n\n <div :class=\"['layout-inline-row', '-m-[4px]']\">\n <OrIconButton\n :icon=\"'close'\"\n @click.stop=\"reset()\"\n />\n </div>\n </div>\n </div>\n </template>\n </div>\n</template>\n\n<script lang=\"ts\">\nimport { OrIconButtonV3 as OrIconButton } from '@onereach/ui-components.or-icon-button-v3';\nimport { OrIconV3 as OrIcon } from '@onereach/ui-components.or-icon-v3';\nimport { computed, defineComponent, ref } from 'vue';\n\nimport * as Styles from './styles';\n\nexport default defineComponent({\n name: 'OrFilterTrigger',\n\n components: {\n OrIcon,\n OrIconButton,\n },\n\n props: {\n isOpen: {\n type: Boolean,\n default: false,\n },\n\n value: {\n type: [Number, String],\n default: undefined,\n },\n\n label: {\n type: String,\n default: 'Filters',\n },\n\n icon: {\n type: String,\n default: 'filter_list',\n },\n },\n\n emits: [\n 'reset',\n 'click',\n ],\n\n expose: [\n 'root',\n ],\n\n setup(props, context) {\n // Refs & Styles\n const root = ref<HTMLElement>();\n\n const rootStyles = computed(() => [\n 'or-filter-trigger-v3',\n ...Styles.FilterTrigger,\n ]);\n\n const labelStyles = computed(() => [\n ...Styles.FilterTriggerLabel,\n ]);\n\n const tagStyles = computed(() => [\n ...Styles.FilterTriggerTag,\n ]);\n\n // Methods\n function reset(): void {\n context.emit('reset');\n }\n\n return {\n root,\n rootStyles,\n\n labelStyles,\n\n tagStyles,\n\n reset,\n };\n },\n});\n</script>\n"],"names":["FilterTrigger","FilterTriggerLabel","FilterTriggerTag","_sfc_main","defineComponent","OrIcon","OrIconButton","props","context","root","ref","rootStyles","computed","Styles.FilterTrigger","labelStyles","Styles.FilterTriggerLabel","tagStyles","Styles.FilterTriggerTag","reset","_hoisted_2","_resolveComponent","_openBlock","_createElementBlock","_normalizeClass","_ctx","_cache","$event","~~_component_OrIcon~~","~~_createTextVNode~~","_toDisplayString","_createElementVNode","_hoisted_3","_createVNode","_component_OrIconButton"],"mappings":";;;;AAAO,MAAMA,IAA0B;AAAA;AAAA,EAErC;AAAA;AAAA,EAGA;AAAA;AAAA,EAGA;AAAA;AAAA,EAGA;AAAA;AAAA,EAGA;AAAA,EACA;AAAA,EAEA;AAAA;AAAA,EAGA;AAAA;AAAA,EAGA;AAAA,EACA;AAAA;AAAA,EAGA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA;AAAA,EAGA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA;AAAA,EAGA;AAAA,EACA;AAAA;AAAA,EAGA;AAAA,EACA;AAAA;AAAA,EAGA;AAAA,EACA;AACF,GAEaC,IAA+B;AAAA;AAAA,EAE1C;AAAA;AAAA,EAGA;AACF,GAEaC,IAA6B;AAAA;AAAA,EAExC;AAAA;AAAA,EAGA;AAAA;AAAA,EAGA;AAAA;AAAA,EAGA;AAAA,EACA;AAAA,EAEA;AAAA;AAAA,EAGA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AACF,GC1CAC,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EAEN,YAAY;AAAA,IACV,QAAAC;AAAA,IACA,cAAAC;AAAA,EACF;AAAA,EAEA,OAAO;AAAA,IACL,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,OAAO;AAAA,MACL,MAAM,CAAC,QAAQ,MAAM;AAAA,MACrB,SAAS;AAAA,IACX;AAAA,IAEA,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EAEA,OAAO;AAAA,IACL;AAAA,IACA;AAAA,EACF;AAAA,EAEA,QAAQ;AAAA,IACN;AAAA,EACF;AAAA,EAEA,MAAMC,GAAOC,GAAS;AAEpB,UAAMC,IAAOC,KAEPC,IAAaC,EAAS,MAAM;AAAA,MAChC;AAAA,MACA,GAAGC;AAAAA,IAAO,CACX,GAEKC,IAAcF,EAAS,MAAM;AAAA,MACjC,GAAGG;AAAAA,IAAO,CACX,GAEKC,IAAYJ,EAAS,MAAM;AAAA,MAC/B,GAAGK;AAAAA,IAAO,CACX;AAGD,aAASC,IAAc;AACrB,MAAAV,EAAQ,KAAK,OAAO;AAAA,IACtB;AAEO,WAAA;AAAA,MACL,MAAAC;AAAA,MACA,YAAAE;AAAA,MAEA,aAAAG;AAAA,MAEA,WAAAE;AAAA,MAEA,OAAAE;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC,~~kCA/FWC~~,IAAK;AAAA,EAAA,KAAA;AAAA;;;;;6BAjBfC,EA8BM,cAAA;~~SA5BEC~~,~~EAAY~~,~~GAAAC~~,EAAA,OAAA;AAAA,IACjB,KAAA;AAAA,IACA,OAAkBC,EAAAC,EAAA,UAAA;AAAA,IAClB,UAAKA,EAAA;AAAA,IAAA,WAAA,CAAA,CAAAA,EAAA;AAAA,IAEN,SAOMC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAAF,EAAA,MAAA,SAAAE,CAAA;AAAA,EAAA,GAAA;AAAA;MANJ,OAGEH,EAAAC,EAAA,WAAA;AAAA,IAAA,GAAA;AAAA,QADOG,GAAI;AAAA,QAAA,OAAAJ,EAAA,MAAA;AAAA~~;;MAMCK~~,EAAK,MAAAC,EAAAL,EAAA,KAAA,GAAA,CAAA;AAAA,IAAA,GAAA,CAAA;AAAA,IAEjBA,EAAA,SAAAH,EAAA,~~KAAa~~,~~OAASF~~,GAAA;AAAA,MAAAW,EAAA,OAAA;AAAA,~~QACjB~~,~~OAAAP~~,~~EAAAC~~,~~EAAA~~,~~SAAA~~;~~AAAA~~,~~MAAA~~,GAEH;AAAA,~~QAIII~~,~~EAAAC~~,EAAAL,EAAA,KAAA,IAAA,KAAA,CAAA;AAAA,QAFcM,EAAA,~~OAAAC~~,GAAA;AAAA,~~UACRC~~,~~EAAAC~~,~~GAAA~~;AAAA,YAAA,MAAA;AAAA~~;;;;;;;;~~"}
1	+ {"version":3,"file":"OrFilterTrigger-zfcgyC7C.mjs","sources":["../../../components/or-filter-trigger-v3/src/styles.ts","../../../components/or-filter-trigger-v3/src/OrFilterTrigger.vue"],"sourcesContent":["export const FilterTrigger: string[] = [\n // Layout\n 'layout-row',\n\n // Interactivity\n 'interactivity-click',\n\n // Shape\n 'rounded-full',\n\n // Box\n 'h-[44px] md:h-[32px]',\n\n // Spacing\n 'px-md md:px-sm+',\n 'py-0',\n\n 'gap-md+ md:gap-md',\n\n // Typography\n 'typography-button',\n\n // Theme\n 'theme-foreground-default',\n 'dark:theme-foreground-default-dark',\n\n // Theme (hover)\n 'hover:theme-foreground-primary-hover',\n 'dark:hover:theme-foreground-primary-hover-dark',\n\n 'hover:theme-background-primary-translucent-1',\n 'dark:hover:theme-background-primary-translucent-1-dark',\n\n // Theme (selected)\n 'selected:theme-foreground-primary',\n 'dark:selected:theme-foreground-primary-dark',\n\n 'selected:theme-background-primary-translucent-1',\n 'dark:selected:theme-background-primary-translucent-1-dark',\n\n // Theme (activated)\n 'activated:theme-background-primary-translucent-1',\n 'dark:activated:theme-background-primary-translucent-1-dark',\n\n // Theme (.icon)\n '[&_.icon]:theme-foreground-primary',\n 'dark:[&_.icon]:theme-foreground-primary-dark',\n\n // Theme (.icon / hover)\n '[&_.icon]:hover:theme-foreground-primary-hover',\n 'dark:[&_.icon]:hover:theme-foreground-primary-hover-dark',\n];\n\nexport const FilterTriggerLabel: string[] = [\n // Layout\n 'layout-row',\n\n // Spacing\n 'gap-xs',\n];\n\nexport const FilterTriggerTag: string[] = [\n // Layout\n 'layout-row',\n\n // Shape\n 'rounded-full',\n\n // Box\n 'h-[36px] md:h-[24px]',\n\n // Spacing\n 'px-sm+ md:px-sm',\n 'py-0',\n\n 'gap-sm+ md:gap-sm',\n\n // Theme\n 'theme-foreground-default',\n 'dark:theme-foreground-default-dark',\n\n 'theme-background-default',\n 'dark:theme-background-default-dark',\n];\n","<template>\n <div\n :ref=\"'root'\"\n :class=\"rootStyles\"\n :selected=\"isOpen\"\n :activated=\"!!value\"\n @click=\"$emit('click', $event)\"\n >\n <div :class=\"labelStyles\">\n <OrIcon\n :class=\"'icon'\"\n :icon=\"icon\"\n />\n\n {{ label }}\n </div>\n\n <template v-if=\"value\">\n <div :class=\"['layout-inline-row', '-m-[12px] md:-m-[8px]']\">\n <div :class=\"tagStyles\">\n {{ value }}\n\n <div :class=\"['layout-inline-row', '-m-[4px]']\">\n <OrIconButton\n :icon=\"'close'\"\n @click.stop=\"reset()\"\n />\n </div>\n </div>\n </div>\n </template>\n </div>\n</template>\n\n<script lang=\"ts\">\nimport { OrIconButtonV3 as OrIconButton } from '@onereach/ui-components.or-icon-button-v3';\nimport { OrIconV3 as OrIcon } from '@onereach/ui-components.or-icon-v3';\nimport { computed, defineComponent, ref } from 'vue';\n\nimport * as Styles from './styles';\n\nexport default defineComponent({\n name: 'OrFilterTrigger',\n\n components: {\n OrIcon,\n OrIconButton,\n },\n\n props: {\n isOpen: {\n type: Boolean,\n default: false,\n },\n\n value: {\n type: [Number, String],\n default: undefined,\n },\n\n label: {\n type: String,\n default: 'Filters',\n },\n\n icon: {\n type: String,\n default: 'filter_list',\n },\n },\n\n emits: [\n 'reset',\n 'click',\n ],\n\n expose: [\n 'root',\n ],\n\n setup(props, context) {\n // Refs & Styles\n const root = ref<HTMLElement>();\n\n const rootStyles = computed(() => [\n 'or-filter-trigger-v3',\n ...Styles.FilterTrigger,\n ]);\n\n const labelStyles = computed(() => [\n ...Styles.FilterTriggerLabel,\n ]);\n\n const tagStyles = computed(() => [\n ...Styles.FilterTriggerTag,\n ]);\n\n // Methods\n function reset(): void {\n context.emit('reset');\n }\n\n return {\n root,\n rootStyles,\n\n labelStyles,\n\n tagStyles,\n\n reset,\n };\n },\n});\n</script>\n"],"names":["FilterTrigger","FilterTriggerLabel","FilterTriggerTag","_sfc_main","defineComponent","OrIcon","OrIconButton","props","context","root","ref","rootStyles","computed","Styles.FilterTrigger","labelStyles","Styles.FilterTriggerLabel","tagStyles","Styles.FilterTriggerTag","reset","_hoisted_1","_hoisted_2","_resolveComponent","_openBlock","_createElementBlock","_normalizeClass","_ctx","_cache","$event","icon","value","_toDisplayString","_createElementVNode","_createTextVNode","_hoisted_3","_createVNode","_component_OrIconButton","_createCommentVNode"],"mappings":"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"}