npm - @onereach/ui-components - Versions diffs - 27.0.2-beta.6096.0 → 27.0.2-beta.6099.0 - Mend

@onereach/ui-components 27.0.2-beta.6096.0 → 27.0.2-beta.6099.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 (33) hide show

package/dist/esm/{OrRadio-BZN3fBLW.mjs → OrRadio-DmqGtOvf.mjs} RENAMED Viewed

@@ -50,14 +50,14 @@ const T = [
   // Shape (children)
   "after:rounded-full",
   // Theme (checked / children)
-  "after:checked:bg-on-primary",
-  "dark:after:checked:bg-on-primary-dark",
+  "checked:after:bg-on-primary",
+  "dark:checked:after:bg-on-primary-dark",
   // Theme (checked + disabled / children)
-  "after:disabled:checked:bg-on-disabled",
-  "dark:after:disabled:checked:bg-on-disabled-dark",
+  "disabled:checked:after:bg-on-disabled",
+  "dark:disabled:checked:after:bg-on-disabled-dark",
   // Theme (checked + read-only / children)
-  "after:checked:read-only:bg-outline",
-  "dark:after:checked:read-only:bg-outline-dark"
+  "checked:read-only:after:bg-outline",
+  "dark:checked:read-only:after:bg-outline-dark"
 ], D = $({
   name: "OrRadio",
   components: {
@@ -189,4 +189,4 @@ const Q = /* @__PURE__ */ P(D, [["render", H], ["__scopeId", "data-v-2e8eb50d"]]
 export {
   Q as O
 };
-//# sourceMappingURL=OrRadio-BZN3fBLW.mjs.map
+//# sourceMappingURL=OrRadio-DmqGtOvf.mjs.map

package/dist/esm/{OrRadio-BZN3fBLW.mjs.map → OrRadio-DmqGtOvf.mjs.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"OrRadio-~~BZN3fBLW~~.mjs","sources":["../../../components/or-radio-v3/src/styles.ts","../../../components/or-radio-v3/src/OrRadio.vue"],"sourcesContent":["export const Radio: string[] = [\n // Layout\n 'layout-row',\n\n // Spacing\n 'gap-[10px] md:gap-sm',\n 'p-sm pl-[10px] md:p-none md:pl-none',\n];\n\nexport const RadioControl: string[] = [\n // Layout\n 'layout-inline-row justify-center',\n\n // Interactivity\n 'interactivity-click',\n\n // Shape\n 'rounded-full',\n\n // Box\n 'w-md+ md:w-md',\n 'h-md+ md:h-md',\n\n // Theme\n 'theme-preset-3-primary',\n 'dark:theme-preset-3-primary-dark',\n\n 'theme-background-default',\n 'dark:theme-background-default-dark',\n\n 'theme-border-outline border-1',\n 'dark:theme-border-outline-dark',\n\n // Theme (focus)\n 'focus-visible:theme-outline-primary focus-visible:outline-2',\n 'dark:focus-visible:theme-outline-primary-dark',\n\n // Theme (checked)\n 'checked:theme-preset-1-primary',\n 'dark:checked:theme-preset-1-primary-dark',\n\n // Theme (read-only)\n 'read-only:theme-border-outline',\n 'read-only:dark:theme-border-outline-dark',\n\n 'checked:read-only:theme-background-base',\n 'checked:read-only:dark:theme-background-base-dark',\n\n 'checked:read-only:theme-foreground-outline',\n 'checked:read-only:dark:theme-foreground-outline-dark',\n\n // Interactivity\n 'interactivity-click',\n\n // Interactivity (read-only)\n 'read-only:interactivity-none',\n];\n\nexport const RadioControlHandle: string[] = [\n // Box (children)\n 'after:w-sm after:md:w-xs',\n 'after:h-sm after:md:h-xs',\n\n // Shape (children)\n 'after:rounded-full',\n\n // Theme (checked / children)\n 'after:~~checked:~~bg-on-primary',\n 'dark:after:~~checked:~~bg-on-primary-dark',\n\n // Theme (checked + disabled / children)\n '~~after:~~disabled:checked:bg-on-disabled',\n 'dark:~~after:~~disabled:checked:bg-on-disabled-dark',\n\n // Theme (checked + read-only / children)\n '~~after:~~checked:read-only:bg-outline',\n 'dark:~~after:~~checked:read-only:bg-outline-dark',\n];\n","<template>\n <div\n :ref=\"'root'\"\n :class=\"rootStyles\"\n >\n <input\n :ref=\"'control'\"\n v-bind=\"attributes\"\n :class=\"controlStyles\"\n :type=\"'radio'\"\n :checked=\"checked\"\n :required=\"required\"\n :disabled=\"disabled\"\n :readonly=\"readonly\"\n @change=\"$emit('change', $event); onChange()\"\n @click=\"$emit('click', $event)\"\n @focus=\"$emit('focus', $event)\"\n @blur=\"$emit('blur', $event)\"\n >\n\n <template v-if=\"$slots.default \|\| label\">\n <OrLabel\n :control-id=\"attributes.id\"\n :variant=\"labelVariant\"\n :selected=\"checked\"\n :required=\"required\"\n :disabled=\"disabled\"\n :readonly=\"readonly\"\n >\n <slot>{{ label }}</slot>\n\n <template v-slot:addon>\n <slot name=\"addon\" />\n </template>\n </OrLabel>\n </template>\n </div>\n</template>\n\n<script lang=\"ts\">\nimport { useControlAttributes, useIdAttribute, useProxyModelValue } from '@onereach/ui-components-common/hooks';\nimport { LabelVariant, OrLabelV3 as OrLabel } from '@onereach/ui-components.or-label-v3';\nimport { PropType, computed, defineComponent, reactive, ref, toRef } from 'vue';\n\nimport { Radio, RadioControl, RadioControlHandle } from './styles';\nimport { RadioModelValue, RadioValue } from './types';\n\nexport default defineComponent({\n name: 'OrRadio',\n\n components: {\n OrLabel,\n },\n\n model: {\n prop: 'modelValue',\n event: 'update:modelValue',\n },\n\n props: {\n modelValue: {\n type: undefined as unknown as PropType<RadioModelValue>,\n default: undefined,\n },\n\n value: {\n type: undefined as unknown as PropType<RadioValue>,\n required: true,\n },\n\n label: {\n type: String,\n default: undefined,\n },\n\n labelVariant: {\n type: String as PropType<`${LabelVariant}`>,\n default: () => LabelVariant.Toggle,\n },\n\n required: {\n type: Boolean,\n default: false,\n },\n\n readonly: {\n type: Boolean,\n default: false,\n },\n\n disabled: {\n type: Boolean,\n default: false,\n },\n },\n\n emits: [\n 'update:modelValue',\n\n 'change',\n 'click',\n 'focus',\n 'blur',\n ],\n\n expose: [\n 'root',\n\n 'focus',\n 'blur',\n ],\n\n setup(props, context) {\n const attributes = reactive({\n id: useIdAttribute(),\n ...useControlAttributes(),\n });\n\n // Refs & Styles\n const root = ref<HTMLElement>();\n\n const rootStyles = computed(() => [\n 'or-radio-v3',\n ...Radio,\n ]);\n\n const control = ref<HTMLElement>();\n\n const controlStyles = computed(() => [\n ...RadioControl,\n ...RadioControlHandle,\n ]);\n\n // State\n const model = useProxyModelValue(toRef(props, 'modelValue'), context.emit);\n\n const checked = computed(() => {\n return model.value === props.value;\n });\n\n // Handlers\n function onChange(): void {\n model.value = props.value;\n }\n\n // Methods\n function focus(): void {\n control.value?.focus();\n }\n\n function blur(): void {\n control.value?.blur();\n }\n\n return {\n attributes,\n\n root,\n rootStyles,\n\n control,\n controlStyles,\n\n checked,\n\n onChange,\n\n focus,\n blur,\n };\n },\n});\n</script>\n\n<style scoped>\ninput {\n line-height: 0;\n appearance: none;\n}\n</style>\n"],"names":["Radio","RadioControl","RadioControlHandle","_sfc_main","defineComponent","OrLabel","LabelVariant","props","context","attributes","reactive","useIdAttribute","useControlAttributes","root","ref","rootStyles","computed","control","controlStyles","model","useProxyModelValue","toRef","checked","onChange","focus","_a","blur","_resolveComponent","_openBlock","_createElementBlock","_normalizeClass","_ctx","_createElementVNode","_mergeProps","_cache","$event","_hoisted_1","_createBlock","_component_OrLabel","_renderSlot"],"mappings":"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"}
1	+ {"version":3,"file":"OrRadio-DmqGtOvf.mjs","sources":["../../../components/or-radio-v3/src/styles.ts","../../../components/or-radio-v3/src/OrRadio.vue"],"sourcesContent":["export const Radio: string[] = [\n // Layout\n 'layout-row',\n\n // Spacing\n 'gap-[10px] md:gap-sm',\n 'p-sm pl-[10px] md:p-none md:pl-none',\n];\n\nexport const RadioControl: string[] = [\n // Layout\n 'layout-inline-row justify-center',\n\n // Interactivity\n 'interactivity-click',\n\n // Shape\n 'rounded-full',\n\n // Box\n 'w-md+ md:w-md',\n 'h-md+ md:h-md',\n\n // Theme\n 'theme-preset-3-primary',\n 'dark:theme-preset-3-primary-dark',\n\n 'theme-background-default',\n 'dark:theme-background-default-dark',\n\n 'theme-border-outline border-1',\n 'dark:theme-border-outline-dark',\n\n // Theme (focus)\n 'focus-visible:theme-outline-primary focus-visible:outline-2',\n 'dark:focus-visible:theme-outline-primary-dark',\n\n // Theme (checked)\n 'checked:theme-preset-1-primary',\n 'dark:checked:theme-preset-1-primary-dark',\n\n // Theme (read-only)\n 'read-only:theme-border-outline',\n 'read-only:dark:theme-border-outline-dark',\n\n 'checked:read-only:theme-background-base',\n 'checked:read-only:dark:theme-background-base-dark',\n\n 'checked:read-only:theme-foreground-outline',\n 'checked:read-only:dark:theme-foreground-outline-dark',\n\n // Interactivity\n 'interactivity-click',\n\n // Interactivity (read-only)\n 'read-only:interactivity-none',\n];\n\nexport const RadioControlHandle: string[] = [\n // Box (children)\n 'after:w-sm after:md:w-xs',\n 'after:h-sm after:md:h-xs',\n\n // Shape (children)\n 'after:rounded-full',\n\n // Theme (checked / children)\n 'checked:after:bg-on-primary',\n 'dark:checked:after:bg-on-primary-dark',\n\n // Theme (checked + disabled / children)\n 'disabled:checked:after:bg-on-disabled',\n 'dark:disabled:checked:after:bg-on-disabled-dark',\n\n // Theme (checked + read-only / children)\n 'checked:read-only:after:bg-outline',\n 'dark:checked:read-only:after:bg-outline-dark',\n];\n","<template>\n <div\n :ref=\"'root'\"\n :class=\"rootStyles\"\n >\n <input\n :ref=\"'control'\"\n v-bind=\"attributes\"\n :class=\"controlStyles\"\n :type=\"'radio'\"\n :checked=\"checked\"\n :required=\"required\"\n :disabled=\"disabled\"\n :readonly=\"readonly\"\n @change=\"$emit('change', $event); onChange()\"\n @click=\"$emit('click', $event)\"\n @focus=\"$emit('focus', $event)\"\n @blur=\"$emit('blur', $event)\"\n >\n\n <template v-if=\"$slots.default \|\| label\">\n <OrLabel\n :control-id=\"attributes.id\"\n :variant=\"labelVariant\"\n :selected=\"checked\"\n :required=\"required\"\n :disabled=\"disabled\"\n :readonly=\"readonly\"\n >\n <slot>{{ label }}</slot>\n\n <template v-slot:addon>\n <slot name=\"addon\" />\n </template>\n </OrLabel>\n </template>\n </div>\n</template>\n\n<script lang=\"ts\">\nimport { useControlAttributes, useIdAttribute, useProxyModelValue } from '@onereach/ui-components-common/hooks';\nimport { LabelVariant, OrLabelV3 as OrLabel } from '@onereach/ui-components.or-label-v3';\nimport { PropType, computed, defineComponent, reactive, ref, toRef } from 'vue';\n\nimport { Radio, RadioControl, RadioControlHandle } from './styles';\nimport { RadioModelValue, RadioValue } from './types';\n\nexport default defineComponent({\n name: 'OrRadio',\n\n components: {\n OrLabel,\n },\n\n model: {\n prop: 'modelValue',\n event: 'update:modelValue',\n },\n\n props: {\n modelValue: {\n type: undefined as unknown as PropType<RadioModelValue>,\n default: undefined,\n },\n\n value: {\n type: undefined as unknown as PropType<RadioValue>,\n required: true,\n },\n\n label: {\n type: String,\n default: undefined,\n },\n\n labelVariant: {\n type: String as PropType<`${LabelVariant}`>,\n default: () => LabelVariant.Toggle,\n },\n\n required: {\n type: Boolean,\n default: false,\n },\n\n readonly: {\n type: Boolean,\n default: false,\n },\n\n disabled: {\n type: Boolean,\n default: false,\n },\n },\n\n emits: [\n 'update:modelValue',\n\n 'change',\n 'click',\n 'focus',\n 'blur',\n ],\n\n expose: [\n 'root',\n\n 'focus',\n 'blur',\n ],\n\n setup(props, context) {\n const attributes = reactive({\n id: useIdAttribute(),\n ...useControlAttributes(),\n });\n\n // Refs & Styles\n const root = ref<HTMLElement>();\n\n const rootStyles = computed(() => [\n 'or-radio-v3',\n ...Radio,\n ]);\n\n const control = ref<HTMLElement>();\n\n const controlStyles = computed(() => [\n ...RadioControl,\n ...RadioControlHandle,\n ]);\n\n // State\n const model = useProxyModelValue(toRef(props, 'modelValue'), context.emit);\n\n const checked = computed(() => {\n return model.value === props.value;\n });\n\n // Handlers\n function onChange(): void {\n model.value = props.value;\n }\n\n // Methods\n function focus(): void {\n control.value?.focus();\n }\n\n function blur(): void {\n control.value?.blur();\n }\n\n return {\n attributes,\n\n root,\n rootStyles,\n\n control,\n controlStyles,\n\n checked,\n\n onChange,\n\n focus,\n blur,\n };\n },\n});\n</script>\n\n<style scoped>\ninput {\n line-height: 0;\n appearance: none;\n}\n</style>\n"],"names":["Radio","RadioControl","RadioControlHandle","_sfc_main","defineComponent","OrLabel","LabelVariant","props","context","attributes","reactive","useIdAttribute","useControlAttributes","root","ref","rootStyles","computed","control","controlStyles","model","useProxyModelValue","toRef","checked","onChange","focus","_a","blur","_resolveComponent","_openBlock","_createElementBlock","_normalizeClass","_ctx","_createElementVNode","_mergeProps","_cache","$event","_hoisted_1","_createBlock","_component_OrLabel","_renderSlot"],"mappings":"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"}

package/dist/esm/{OrRadioGroup-PJcCPCFn.mjs → OrRadioGroup-BAcRSss9.mjs} RENAMED Viewed

@@ -1,6 +1,6 @@
 import { useProxyModelValue as c, useResponsive as y } from "@onereach/ui-components-common/hooks";
 import { O as b, F as g, a as t } from "./OrFormGroup-CUNdt7UL.mjs";
-import { O as V } from "./OrRadio-BZN3fBLW.mjs";
+import { O as V } from "./OrRadio-DmqGtOvf.mjs";
 import { defineComponent as v, toRef as O, computed as S, resolveComponent as i, openBlock as r, createBlock as p, withCtx as s, renderSlot as F, createElementBlock as G, Fragment as R, renderList as M } from "vue";
 import { _ as B } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
 const $ = v({
@@ -93,4 +93,4 @@ const D = /* @__PURE__ */ B($, [["render", h]]);
 export {
   D as O
 };
-//# sourceMappingURL=OrRadioGroup-PJcCPCFn.mjs.map
+//# sourceMappingURL=OrRadioGroup-BAcRSss9.mjs.map

package/dist/esm/{OrRadioGroup-PJcCPCFn.mjs.map → OrRadioGroup-BAcRSss9.mjs.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"OrRadioGroup-~~PJcCPCFn~~.mjs","sources":["../../../components/or-radio-group-v3/src/OrRadioGroup.vue"],"sourcesContent":["<template>\n <OrFormGroup\n :direction=\"direction\"\n :label=\"label\"\n :hint=\"hint\"\n :error=\"error\"\n :disabled=\"disabled\"\n :spacing=\"localSpacing\"\n >\n <template v-slot:addon>\n <slot name=\"addon\" />\n </template>\n\n <OrRadio\n v-for=\"option in options\"\n :key=\"option.label\"\n v-model=\"proxyModelValue\"\n :value=\"option.value\"\n :label=\"option.label\"\n :disabled=\"disabled \|\| option.disabled\"\n :readonly=\"readonly \|\| option.readonly\"\n />\n </OrFormGroup>\n</template>\n\n<script lang=\"ts\">\nimport { useProxyModelValue, useResponsive } from '@onereach/ui-components-common/hooks';\nimport { FormGroupDirection, OrFormGroupV3 as OrFormGroup, FormGroupSpacing } from '@onereach/ui-components.or-form-group-v3';\nimport { OrRadioV3 as OrRadio, RadioModelValue } from '@onereach/ui-components.or-radio-v3';\nimport { PropType, defineComponent, toRef, computed } from 'vue';\n\nimport { RadioGroupOption } from './types';\n\nexport default defineComponent({\n name: 'OrRadioGroup',\n\n components: {\n OrFormGroup,\n OrRadio,\n },\n\n model: {\n prop: 'modelValue',\n event: 'update:modelValue',\n },\n\n props: {\n modelValue: {\n type: undefined as unknown as PropType<RadioModelValue>,\n default: undefined,\n },\n\n options: {\n type: Array as PropType<RadioGroupOption[]>,\n default: () => [],\n },\n\n direction: {\n type: String as PropType<`${FormGroupDirection}`>,\n default: () => FormGroupDirection.Vertical,\n },\n\n label: {\n type: String,\n default: undefined,\n },\n\n hint: {\n type: String,\n default: undefined,\n },\n\n error: {\n type: String,\n default: undefined,\n },\n\n disabled: {\n type: Boolean,\n default: false,\n },\n\n readonly: {\n type: Boolean,\n default: false,\n },\n\n spacing: {\n type: String as PropType<`${FormGroupSpacing}`>,\n default: FormGroupSpacing.SM,\n },\n },\n\n emits: [\n 'update:modelValue',\n ],\n\n setup(props, context) {\n // State\n const proxyModelValue = useProxyModelValue(toRef(props, 'modelValue'), context.emit);\n\n const { isMobile } = useResponsive();\n const localSpacing = computed(() => isMobile.value ? FormGroupSpacing.NONE : props.spacing);\n return {\n proxyModelValue,\n localSpacing,\n };\n },\n});\n</script>\n"],"names":["_sfc_main","defineComponent","OrFormGroup","OrRadio","FormGroupDirection","FormGroupSpacing","props","context","proxyModelValue","useProxyModelValue","toRef","isMobile","useResponsive","localSpacing","computed","_resolveComponent","_openBlock","_createBlock","_component_OrFormGroup","_ctx","_renderSlot","_createElementBlock","_Fragment","_renderList","option","_component_OrRadio","_cache","$event"],"mappings":";;;;;AAiCA,MAAAA,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EAEN,YAAY;AAAA,IACV,aAAAC;AAAA,IACA,SAAAC;AAAA,EACF;AAAA,EAEA,OAAO;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,EACT;AAAA,EAEA,OAAO;AAAA,IACL,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS,MAAM,CAAC;AAAA,IAClB;AAAA,IAEA,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS,MAAMC,EAAmB;AAAA,IACpC;AAAA,IAEA,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SAASC,EAAiB;AAAA,IAC5B;AAAA,EACF;AAAA,EAEA,OAAO;AAAA,IACL;AAAA,EACF;AAAA,EAEA,MAAMC,GAAOC,GAAS;AAEpB,UAAMC,IAAkBC,EAAmBC,EAAMJ,GAAO,YAAY,GAAGC,EAAQ,IAAI,GAE7E,EAAE,UAAAI,MAAaC,KACfC,IAAeC,EAAS,MAAMH,EAAS,QAAQN,EAAiB,OAAOC,EAAM,OAAO;AACnF,WAAA;AAAA,MACL,iBAAAE;AAAA,MACA,cAAAK;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;;8BA3GCE,EAqBc,aAAA;SAnBNC,EAAO,GAAAC,EAAAC,GAAA;AAAA,IACZ,WAAMC,EAAI;AAAA,IACV,OAAOA,EAAA;AAAA,IACP,MAAUA,EAAA;AAAA,IACV,OAAOA,EAAE;AAAA,IAAA,UAAAA,EAAA;AAAA,IAEO,SAAKA,EAAA;AAAA,EAAA,GAAA;AAAA;MAKKC,EAAAD,EAAA,QAAA,OAAA;AAAA,IAAA,CAAA;AAAA;OACnBH,EAAA,EAAO,GAAKK,EAAAC,GAAA,MAAAC,EAAAJ,EAAA,SAAA,CAAAK,YACMP,EAAAQ,GAAA;AAAA,QAAA,KAAAD,EAAA;AAAA,QACvB,YAAOL,EAAO;AAAA,QACd,uBAAmBO,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAAR,EAAA,kBAAAQ;AAAA,QACnB,OAAUH,EAAA;AAAA,QACV,OAAUA,EAAA;AAAA,QAAA,UAAAL,EAAA,YAAAK,EAAA;AAAA;;;;;;;"}
1	+ {"version":3,"file":"OrRadioGroup-BAcRSss9.mjs","sources":["../../../components/or-radio-group-v3/src/OrRadioGroup.vue"],"sourcesContent":["<template>\n <OrFormGroup\n :direction=\"direction\"\n :label=\"label\"\n :hint=\"hint\"\n :error=\"error\"\n :disabled=\"disabled\"\n :spacing=\"localSpacing\"\n >\n <template v-slot:addon>\n <slot name=\"addon\" />\n </template>\n\n <OrRadio\n v-for=\"option in options\"\n :key=\"option.label\"\n v-model=\"proxyModelValue\"\n :value=\"option.value\"\n :label=\"option.label\"\n :disabled=\"disabled \|\| option.disabled\"\n :readonly=\"readonly \|\| option.readonly\"\n />\n </OrFormGroup>\n</template>\n\n<script lang=\"ts\">\nimport { useProxyModelValue, useResponsive } from '@onereach/ui-components-common/hooks';\nimport { FormGroupDirection, OrFormGroupV3 as OrFormGroup, FormGroupSpacing } from '@onereach/ui-components.or-form-group-v3';\nimport { OrRadioV3 as OrRadio, RadioModelValue } from '@onereach/ui-components.or-radio-v3';\nimport { PropType, defineComponent, toRef, computed } from 'vue';\n\nimport { RadioGroupOption } from './types';\n\nexport default defineComponent({\n name: 'OrRadioGroup',\n\n components: {\n OrFormGroup,\n OrRadio,\n },\n\n model: {\n prop: 'modelValue',\n event: 'update:modelValue',\n },\n\n props: {\n modelValue: {\n type: undefined as unknown as PropType<RadioModelValue>,\n default: undefined,\n },\n\n options: {\n type: Array as PropType<RadioGroupOption[]>,\n default: () => [],\n },\n\n direction: {\n type: String as PropType<`${FormGroupDirection}`>,\n default: () => FormGroupDirection.Vertical,\n },\n\n label: {\n type: String,\n default: undefined,\n },\n\n hint: {\n type: String,\n default: undefined,\n },\n\n error: {\n type: String,\n default: undefined,\n },\n\n disabled: {\n type: Boolean,\n default: false,\n },\n\n readonly: {\n type: Boolean,\n default: false,\n },\n\n spacing: {\n type: String as PropType<`${FormGroupSpacing}`>,\n default: FormGroupSpacing.SM,\n },\n },\n\n emits: [\n 'update:modelValue',\n ],\n\n setup(props, context) {\n // State\n const proxyModelValue = useProxyModelValue(toRef(props, 'modelValue'), context.emit);\n\n const { isMobile } = useResponsive();\n const localSpacing = computed(() => isMobile.value ? FormGroupSpacing.NONE : props.spacing);\n return {\n proxyModelValue,\n localSpacing,\n };\n },\n});\n</script>\n"],"names":["_sfc_main","defineComponent","OrFormGroup","OrRadio","FormGroupDirection","FormGroupSpacing","props","context","proxyModelValue","useProxyModelValue","toRef","isMobile","useResponsive","localSpacing","computed","_resolveComponent","_openBlock","_createBlock","_component_OrFormGroup","_ctx","_renderSlot","_createElementBlock","_Fragment","_renderList","option","_component_OrRadio","_cache","$event"],"mappings":";;;;;AAiCA,MAAAA,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EAEN,YAAY;AAAA,IACV,aAAAC;AAAA,IACA,SAAAC;AAAA,EACF;AAAA,EAEA,OAAO;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,EACT;AAAA,EAEA,OAAO;AAAA,IACL,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS,MAAM,CAAC;AAAA,IAClB;AAAA,IAEA,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS,MAAMC,EAAmB;AAAA,IACpC;AAAA,IAEA,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SAASC,EAAiB;AAAA,IAC5B;AAAA,EACF;AAAA,EAEA,OAAO;AAAA,IACL;AAAA,EACF;AAAA,EAEA,MAAMC,GAAOC,GAAS;AAEpB,UAAMC,IAAkBC,EAAmBC,EAAMJ,GAAO,YAAY,GAAGC,EAAQ,IAAI,GAE7E,EAAE,UAAAI,MAAaC,KACfC,IAAeC,EAAS,MAAMH,EAAS,QAAQN,EAAiB,OAAOC,EAAM,OAAO;AACnF,WAAA;AAAA,MACL,iBAAAE;AAAA,MACA,cAAAK;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;;8BA3GCE,EAqBc,aAAA;SAnBNC,EAAO,GAAAC,EAAAC,GAAA;AAAA,IACZ,WAAMC,EAAI;AAAA,IACV,OAAOA,EAAA;AAAA,IACP,MAAUA,EAAA;AAAA,IACV,OAAOA,EAAE;AAAA,IAAA,UAAAA,EAAA;AAAA,IAEO,SAAKA,EAAA;AAAA,EAAA,GAAA;AAAA;MAKKC,EAAAD,EAAA,QAAA,OAAA;AAAA,IAAA,CAAA;AAAA;OACnBH,EAAA,EAAO,GAAKK,EAAAC,GAAA,MAAAC,EAAAJ,EAAA,SAAA,CAAAK,YACMP,EAAAQ,GAAA;AAAA,QAAA,KAAAD,EAAA;AAAA,QACvB,YAAOL,EAAO;AAAA,QACd,uBAAmBO,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAAR,EAAA,kBAAAQ;AAAA,QACnB,OAAUH,EAAA;AAAA,QACV,OAAUA,EAAA;AAAA,QAAA,UAAAL,EAAA,YAAAK,EAAA;AAAA;;;;;;;"}

package/dist/esm/{OrResizeablePanel-DEV0naD5.mjs → OrResizeablePanel-BBoIfFxF.mjs} RENAMED Viewed

@@ -81,11 +81,11 @@ const q = [
   "after:border-outline-variant",
   "dark:after:border-outline-variant-dark",
   // Theme (after, hover)
-  "after:hover:border-primary-hover",
-  "dark:after:hover:border-primary-hover-dark",
+  "hover:after:border-primary-hover",
+  "dark:hover:after:border-primary-hover-dark",
   // Theme (after, activated)
-  "after:activated:border-primary-hover",
-  "dark:after:activated:border-primary-hover-dark"
+  "activated:after:border-primary-hover",
+  "dark:activated:after:border-primary-hover-dark"
 ], Q = {
   [t.Top]: [
     // Layout
@@ -458,4 +458,4 @@ export {
   l as R,
   t as a
 };
-//# sourceMappingURL=OrResizeablePanel-DEV0naD5.mjs.map
+//# sourceMappingURL=OrResizeablePanel-BBoIfFxF.mjs.map

package/dist/esm/{OrResizeablePanel-DEV0naD5.mjs.map → OrResizeablePanel-BBoIfFxF.mjs.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"OrResizeablePanel-DEV0naD5.mjs","sources":["../../../components/or-resizeable-panel-v3/src/props.ts","../../../components/or-resizeable-panel-v3/src/styles.ts","../../../components/or-resizeable-panel-v3/src/OrResizeablePanel.vue"],"sourcesContent":["export enum ResizeablePanelPadding {\n L = 'l',\n M = 'm',\n S = 's',\n None = 'none',\n}\n\nexport enum ResizeablePanelPlacement {\n Top = 'top',\n Bottom = 'bottom',\n Left = 'left',\n Right = 'right',\n}\n","import { ResizeablePanelPadding, ResizeablePanelPlacement } from './props';\n\nexport const ResizeablePanel: string[] = [\n // Layout\n 'shrink-0',\n\n // Theme\n 'theme-background-default',\n 'dark:theme-background-default-dark',\n];\n\nexport const ResizeablePanelPlacements: Record<ResizeablePanelPlacement, string[]> = {\n [ResizeablePanelPlacement.Top]: [\n // Layout\n 'layout-column',\n ],\n\n [ResizeablePanelPlacement.Bottom]: [\n // Layout\n 'layout-column-reverse',\n ],\n\n [ResizeablePanelPlacement.Left]: [\n // Layout\n 'layout-row !items-stretch',\n\n // Box\n 'h-full min-h-0',\n ],\n\n [ResizeablePanelPlacement.Right]: [\n // Layout\n 'layout-row-reverse !items-stretch',\n\n // Box\n 'h-full min-h-0',\n ],\n};\n\nexport const ResizeablePanelContent: string[] = [\n // Layout\n 'layout-column grow',\n\n // Overflow\n 'overflow-auto',\n];\n\nexport const ResizeablePanelContentPaddings: Record<ResizeablePanelPadding, string[]> = {\n [ResizeablePanelPadding.L]: [\n // Spacing\n 'px-lg',\n 'py-lg',\n ],\n\n [ResizeablePanelPadding.M]: [\n // Spacing\n 'px-md',\n 'py-md',\n ],\n\n [ResizeablePanelPadding.S]: [\n // Spacing\n 'px-sm',\n 'py-sm',\n ],\n\n [ResizeablePanelPadding.None]: [],\n};\n\nexport const ResizeablePanelContentPlaceholder: string[] = [];\n\nexport const ResizeablePanelContentPlaceholderPlacements: Record<ResizeablePanelPlacement, string[]> = {\n [ResizeablePanelPlacement.Top]: [\n // Box\n 'h-[calc(theme(spacing.md)+theme(spacing.sm))]',\n ],\n\n [ResizeablePanelPlacement.Bottom]: [\n // Box\n 'h-[calc(theme(spacing.md)+theme(spacing.sm))]',\n ],\n\n [ResizeablePanelPlacement.Left]: [\n // Box\n 'w-[calc(theme(spacing.md)+theme(spacing.sm))]',\n ],\n\n [ResizeablePanelPlacement.Right]: [\n // Box\n 'w-[calc(theme(spacing.md)+theme(spacing.sm))]',\n ],\n};\n\nexport const ResizeablePanelResizeBar: string[] = [\n // Position\n 'relative',\n\n // Layout\n 'shrink-0',\n\n // Layout (after)\n 'after:block',\n\n // Theme (after)\n 'after:border-outline-variant',\n 'dark:after:border-outline-variant-dark',\n\n // Theme (after, hover)\n 'after:hover:border-primary-hover',\n 'dark:after:hover:border-primary-hover-dark',\n\n // Theme (after, activated)\n 'after:activated:border-primary-hover',\n 'dark:after:activated:border-primary-hover-dark',\n];\n\nexport const ResizeablePanelResizeBarPlacements: Record<ResizeablePanelPlacement, string[]> = {\n [ResizeablePanelPlacement.Top]: [\n // Layout\n 'flex flex-col justify-center',\n\n // Interactivity\n 'interactivity-resize-row',\n\n // Spacing\n '-my-[calc(theme(spacing.md)/2)]',\n 'py-[calc(theme(spacing.md)/2)]',\n\n // Theme (after)\n 'after:border-b-1',\n ],\n\n [ResizeablePanelPlacement.Bottom]: [\n // Layout\n 'flex flex-col justify-center',\n\n // Interactivity\n 'interactivity-resize-row',\n\n // Spacing\n '-my-[calc(theme(spacing.md)/2)]',\n 'py-[calc(theme(spacing.md)/2)]',\n\n // Theme (after)\n 'after:border-t-1',\n ],\n\n [ResizeablePanelPlacement.Left]: [\n // Layout\n 'flex flex-row justify-center',\n\n // Interactivity\n 'interactivity-resize-column',\n\n // Spacing\n '-mx-[calc(theme(spacing.md)/2)]',\n 'px-[calc(theme(spacing.md)/2)]',\n\n // Theme (after)\n 'after:border-r-1',\n ],\n\n [ResizeablePanelPlacement.Right]: [\n // Layout\n 'flex flex-row justify-center',\n\n // Interactivity\n 'interactivity-resize-column',\n\n // Spacing\n '-mx-[calc(theme(spacing.md)/2)]',\n 'px-[calc(theme(spacing.md)/2)]',\n\n // Theme (after)\n 'after:border-l-1',\n ],\n};\n\nexport const ResizeablePanelCollapseButtonContainer: string[] = [\n // Position\n 'absolute',\n\n // Shape\n 'rounded-full',\n\n // Box\n 'w-fit',\n 'h-fit',\n\n // Typography\n 'leading-[0]',\n\n // Theme\n 'theme-background-default',\n 'dark:theme-background-default-dark',\n\n 'theme-border-outline-variant border-1',\n 'dark:theme-border-outline-variant-dark',\n];\n\nexport const ResizeablePanelCollapseButtonContainerPlacements: Record<ResizeablePanelPlacement, string[]> = {\n [ResizeablePanelPlacement.Top]: [\n // Position\n 'left-md',\n ],\n\n [ResizeablePanelPlacement.Bottom]: [\n // Position\n 'left-md',\n ],\n\n [ResizeablePanelPlacement.Left]: [\n // Position\n 'top-md',\n ],\n\n [ResizeablePanelPlacement.Right]: [\n // Position\n 'top-md',\n ],\n};\n\nexport const ResizeablePanelToolbar: string[] = [\n // Layout\n 'shrink-0',\n\n // Overflow\n 'overflow-auto',\n\n // Spacing\n 'px-md',\n 'py-md',\n\n 'gap-md',\n\n // Theme\n 'theme-border-outline-variant border-1',\n 'dark:theme-border-outline-variant-dark',\n];\n\nexport const ResizeablePanelToolbarPlacements: Record<ResizeablePanelPlacement, string[]> = {\n [ResizeablePanelPlacement.Top]: [\n // Layout\n 'layout-row',\n\n // Theme\n '!border-t-0',\n '!border-x-0',\n ],\n\n [ResizeablePanelPlacement.Bottom]: [\n // Layout\n 'layout-row',\n\n // Theme\n '!border-b-0',\n '!border-x-0',\n ],\n\n [ResizeablePanelPlacement.Left]: [\n // Layout\n 'layout-column',\n\n // Theme\n '!border-l-0',\n '!border-y-0',\n ],\n\n [ResizeablePanelPlacement.Right]: [\n // Layout\n 'layout-column',\n\n // Theme\n '!border-r-0',\n '!border-y-0',\n ],\n};\n\nexport const ResizeablePanelCollapsedContent: string[] = [\n // Layout\n 'layout-column',\n 'shrink-0',\n\n // Overflow\n 'overflow-auto',\n\n // Spacing\n 'px-md',\n 'py-md',\n\n 'gap-md',\n];\n\nexport const ResizeablePanelCollapsedContentPaddings: Record<ResizeablePanelPadding, string[]> = {\n [ResizeablePanelPadding.L]: [\n // Box\n 'px-lg',\n 'py-lg',\n ],\n\n [ResizeablePanelPadding.M]: [\n // Box\n 'px-md',\n 'py-md',\n ],\n\n [ResizeablePanelPadding.S]: [\n // Box\n 'px-sm',\n 'py-sm',\n ],\n\n [ResizeablePanelPadding.None]: [],\n};\n","<template>\n <div\n :ref=\"'root'\"\n :class=\"rootStyles\"\n :style=\"{ [currentDirection]: !collapsible \|\| state === 'open' ? `${currentSize}px` : 'auto' }\"\n >\n <template v-if=\"!collapsible \|\| state === 'open'\">\n <div :class=\"contentStyles\">\n <slot />\n </div>\n </template>\n\n <template v-else-if=\"collapsible && state === 'closed' && $slots.collapsedContent\">\n <div :class=\"collapsedContentStyles\">\n <slot name=\"collapsedContent\" />\n </div>\n </template>\n\n <template v-else>\n <div :class=\"contentPlaceholderStyles\" />\n </template>\n\n <div\n :ref=\"'resizeBar'\"\n :class=\"resizeBarStyles\"\n :activated=\"isDragging\"\n >\n <template v-if=\"collapsible\">\n <div :class=\"collapseButtonContainerStyles\">\n <OrIconButton\n :additional-styles=\"['p-xs']\"\n :icon=\"collapseButtonIcon\"\n :color=\"'primary'\"\n :size=\"'m'\"\n @click=\"toggle()\"\n />\n </div>\n </template>\n </div>\n\n <template v-if=\"$slots.toolbar\">\n <div :class=\"toolbarStyles\">\n <slot name=\"toolbar\" />\n </div>\n </template>\n </div>\n</template>\n\n<script lang=\"ts\">\nimport { usePopoverState } from '@onereach/ui-components-common/hooks';\nimport { OrIconButtonV3 as OrIconButton } from '@onereach/ui-components.or-icon-button-v3';\nimport { useDraggable } from '@vueuse/core';\nimport { PropType, computed, defineComponent, ref, toRef, watch } from 'vue';\n\nimport { ResizeablePanelPadding, ResizeablePanelPlacement } from './props';\nimport * as Styles from './styles';\n\nexport default defineComponent({\n name: 'OrResizeablePanel',\n\n components: {\n OrIconButton,\n },\n\n props: {\n isOpen: {\n type: Boolean,\n default: true,\n },\n\n width: {\n type: Number,\n default: 320,\n },\n\n minWidth: {\n type: Number,\n default: 256,\n },\n\n maxWidth: {\n type: Number,\n default: 384,\n },\n\n padding: {\n type: String as PropType<`${ResizeablePanelPadding}`>,\n default: () => ResizeablePanelPadding.M,\n },\n\n placement: {\n type: String as PropType<`${ResizeablePanelPlacement}`>,\n default: () => ResizeablePanelPlacement.Right,\n },\n\n resizeable: {\n type: Boolean,\n default: true,\n },\n\n collapsible: {\n type: Boolean,\n default: false,\n },\n },\n\n emits: [\n 'update:state',\n\n 'open',\n 'close',\n\n 'resize',\n ],\n\n expose: [\n 'root',\n\n 'state',\n 'isDragging',\n\n 'open',\n 'close',\n 'toggle',\n ],\n\n setup(props, context) {\n // Refs\n const root = ref<HTMLElement>();\n const resizeBar = ref<HTMLElement>();\n\n // Styles\n const rootStyles = computed(() => [\n 'or-resizeable-panel-v3',\n ...Styles.ResizeablePanel,\n ...Styles.ResizeablePanelPlacements[props.placement],\n ]);\n\n const contentStyles = computed(() => [\n ...Styles.ResizeablePanelContent,\n ...Styles.ResizeablePanelContentPaddings[props.padding],\n ]);\n\n const contentPlaceholderStyles = computed(() => [\n ...Styles.ResizeablePanelContentPlaceholder,\n ...Styles.ResizeablePanelContentPlaceholderPlacements[props.placement],\n ]);\n\n const resizeBarStyles = computed(() => [\n ...Styles.ResizeablePanelResizeBar,\n ...Styles.ResizeablePanelResizeBarPlacements[props.placement],\n ...!props.resizeable \|\| props.collapsible && state.value === 'closed' ? ['interactivity-none'] : [],\n ]);\n\n const collapseButtonContainerStyles = computed(() => [\n ...Styles.ResizeablePanelCollapseButtonContainer,\n ...Styles.ResizeablePanelCollapseButtonContainerPlacements[props.placement],\n ]);\n\n const toolbarStyles = computed(() => [\n ...Styles.ResizeablePanelToolbar,\n ...Styles.ResizeablePanelToolbarPlacements[props.placement],\n ]);\n\n const collapsedContentStyles = computed(() => [\n ...Styles.ResizeablePanelCollapsedContent,\n ...Styles.ResizeablePanelCollapsedContentPaddings[props.padding],\n ]);\n\n // State\n const { state, open, close, toggle } = usePopoverState(toRef(props, 'isOpen'), context.emit);\n\n const collapseButtonIcon = computed(() => {\n if (state.value === 'open') {\n switch (props.placement) {\n case ResizeablePanelPlacement.Top:\n return 'keyboard_arrow_up';\n\n case ResizeablePanelPlacement.Bottom:\n return 'keyboard_arrow_down';\n\n case ResizeablePanelPlacement.Left:\n return 'keyboard_arrow_left';\n\n case ResizeablePanelPlacement.Right:\n return 'keyboard_arrow_right';\n }\n }\n\n if (state.value === 'closed') {\n switch (props.placement) {\n case ResizeablePanelPlacement.Top:\n return 'keyboard_arrow_down';\n\n case ResizeablePanelPlacement.Bottom:\n return 'keyboard_arrow_up';\n\n case ResizeablePanelPlacement.Left:\n return 'keyboard_arrow_right';\n\n case ResizeablePanelPlacement.Right:\n return 'keyboard_arrow_left';\n }\n }\n\n return 'menu';\n });\n\n const currentDirection = computed(() => {\n switch (props.placement) {\n case ResizeablePanelPlacement.Top:\n case ResizeablePanelPlacement.Bottom:\n return 'height';\n }\n\n return 'width';\n });\n\n const currentSize = ref(props.width);\n\n watch(() => props.width, (value) => {\n currentSize.value = value;\n });\n\n // Effects\n // #region Resize\n let referencePoint = 0;\n\n const { isDragging } = useDraggable(resizeBar, {\n onStart: (_position, event) => {\n if (props.resizeable) {\n switch (props.placement) {\n case ResizeablePanelPlacement.Top:\n case ResizeablePanelPlacement.Bottom:\n referencePoint = event.y;\n break;\n\n case ResizeablePanelPlacement.Left:\n case ResizeablePanelPlacement.Right:\n referencePoint = event.x;\n break;\n }\n\n document.body.style.userSelect = 'none';\n }\n },\n\n onMove: (position) => {\n if (props.resizeable) {\n let nextWidth = 0;\n\n switch (props.placement) {\n case ResizeablePanelPlacement.Top:\n nextWidth = currentSize.value + (position.y - referencePoint);\n referencePoint = position.y;\n break;\n\n case ResizeablePanelPlacement.Bottom:\n nextWidth = currentSize.value + (referencePoint - position.y);\n referencePoint = position.y;\n break;\n\n case ResizeablePanelPlacement.Left:\n nextWidth = currentSize.value + (position.x - referencePoint);\n referencePoint = position.x;\n break;\n\n case ResizeablePanelPlacement.Right:\n nextWidth = currentSize.value + (referencePoint - position.x);\n referencePoint = position.x;\n break;\n }\n\n if (nextWidth < props.minWidth) {\n nextWidth = props.minWidth;\n }\n\n if (nextWidth > props.maxWidth) {\n nextWidth = props.maxWidth;\n }\n\n if (nextWidth !== currentSize.value) {\n context.emit('resize', currentSize.value = nextWidth);\n }\n }\n },\n\n onEnd: () => {\n if (props.resizeable) {\n document.body.style.userSelect = '';\n }\n },\n });\n // #endregion\n\n return {\n root,\n resizeBar,\n\n rootStyles,\n contentStyles,\n contentPlaceholderStyles,\n resizeBarStyles,\n collapseButtonContainerStyles,\n toolbarStyles,\n collapsedContentStyles,\n\n state,\n open,\n close,\n toggle,\n\n collapseButtonIcon,\n currentDirection,\n currentSize,\n\n isDragging,\n };\n },\n});\n</script>\n"],"names":["ResizeablePanelPadding","ResizeablePanelPlacement","ResizeablePanel","ResizeablePanelPlacements","ResizeablePanelContent","ResizeablePanelContentPaddings","ResizeablePanelContentPlaceholder","ResizeablePanelContentPlaceholderPlacements","ResizeablePanelResizeBar","ResizeablePanelResizeBarPlacements","ResizeablePanelCollapseButtonContainer","ResizeablePanelCollapseButtonContainerPlacements","ResizeablePanelToolbar","ResizeablePanelToolbarPlacements","ResizeablePanelCollapsedContent","ResizeablePanelCollapsedContentPaddings","_sfc_main","defineComponent","OrIconButton","props","context","root","ref","resizeBar","rootStyles","computed","Styles.ResizeablePanel","Styles.ResizeablePanelPlacements","contentStyles","Styles.ResizeablePanelContent","Styles.ResizeablePanelContentPaddings","contentPlaceholderStyles","Styles.ResizeablePanelContentPlaceholder","Styles.ResizeablePanelContentPlaceholderPlacements","resizeBarStyles","Styles.ResizeablePanelResizeBar","Styles.ResizeablePanelResizeBarPlacements","state","collapseButtonContainerStyles","Styles.ResizeablePanelCollapseButtonContainer","Styles.ResizeablePanelCollapseButtonContainerPlacements","toolbarStyles","Styles.ResizeablePanelToolbar","Styles.ResizeablePanelToolbarPlacements","collapsedContentStyles","Styles.ResizeablePanelCollapsedContent","Styles.ResizeablePanelCollapsedContentPaddings","open","close","toggle","usePopoverState","toRef","collapseButtonIcon","currentDirection","currentSize","watch","value","referencePoint","isDragging","useDraggable","_position","event","position","nextWidth","_resolveComponent","_openBlock","_createElementBlock","_normalizeClass","_ctx","_normalizeStyle","_renderSlot","_createElementVNode","_component_OrIconButton","_createCommentVNode","_hoisted_1"],"mappings":"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"}
1	+ {"version":3,"file":"OrResizeablePanel-BBoIfFxF.mjs","sources":["../../../components/or-resizeable-panel-v3/src/props.ts","../../../components/or-resizeable-panel-v3/src/styles.ts","../../../components/or-resizeable-panel-v3/src/OrResizeablePanel.vue"],"sourcesContent":["export enum ResizeablePanelPadding {\n L = 'l',\n M = 'm',\n S = 's',\n None = 'none',\n}\n\nexport enum ResizeablePanelPlacement {\n Top = 'top',\n Bottom = 'bottom',\n Left = 'left',\n Right = 'right',\n}\n","import { ResizeablePanelPadding, ResizeablePanelPlacement } from './props';\n\nexport const ResizeablePanel: string[] = [\n // Layout\n 'shrink-0',\n\n // Theme\n 'theme-background-default',\n 'dark:theme-background-default-dark',\n];\n\nexport const ResizeablePanelPlacements: Record<ResizeablePanelPlacement, string[]> = {\n [ResizeablePanelPlacement.Top]: [\n // Layout\n 'layout-column',\n ],\n\n [ResizeablePanelPlacement.Bottom]: [\n // Layout\n 'layout-column-reverse',\n ],\n\n [ResizeablePanelPlacement.Left]: [\n // Layout\n 'layout-row !items-stretch',\n\n // Box\n 'h-full min-h-0',\n ],\n\n [ResizeablePanelPlacement.Right]: [\n // Layout\n 'layout-row-reverse !items-stretch',\n\n // Box\n 'h-full min-h-0',\n ],\n};\n\nexport const ResizeablePanelContent: string[] = [\n // Layout\n 'layout-column grow',\n\n // Overflow\n 'overflow-auto',\n];\n\nexport const ResizeablePanelContentPaddings: Record<ResizeablePanelPadding, string[]> = {\n [ResizeablePanelPadding.L]: [\n // Spacing\n 'px-lg',\n 'py-lg',\n ],\n\n [ResizeablePanelPadding.M]: [\n // Spacing\n 'px-md',\n 'py-md',\n ],\n\n [ResizeablePanelPadding.S]: [\n // Spacing\n 'px-sm',\n 'py-sm',\n ],\n\n [ResizeablePanelPadding.None]: [],\n};\n\nexport const ResizeablePanelContentPlaceholder: string[] = [];\n\nexport const ResizeablePanelContentPlaceholderPlacements: Record<ResizeablePanelPlacement, string[]> = {\n [ResizeablePanelPlacement.Top]: [\n // Box\n 'h-[calc(theme(spacing.md)+theme(spacing.sm))]',\n ],\n\n [ResizeablePanelPlacement.Bottom]: [\n // Box\n 'h-[calc(theme(spacing.md)+theme(spacing.sm))]',\n ],\n\n [ResizeablePanelPlacement.Left]: [\n // Box\n 'w-[calc(theme(spacing.md)+theme(spacing.sm))]',\n ],\n\n [ResizeablePanelPlacement.Right]: [\n // Box\n 'w-[calc(theme(spacing.md)+theme(spacing.sm))]',\n ],\n};\n\nexport const ResizeablePanelResizeBar: string[] = [\n // Position\n 'relative',\n\n // Layout\n 'shrink-0',\n\n // Layout (after)\n 'after:block',\n\n // Theme (after)\n 'after:border-outline-variant',\n 'dark:after:border-outline-variant-dark',\n\n // Theme (after, hover)\n 'hover:after:border-primary-hover',\n 'dark:hover:after:border-primary-hover-dark',\n\n // Theme (after, activated)\n 'activated:after:border-primary-hover',\n 'dark:activated:after:border-primary-hover-dark',\n];\n\nexport const ResizeablePanelResizeBarPlacements: Record<ResizeablePanelPlacement, string[]> = {\n [ResizeablePanelPlacement.Top]: [\n // Layout\n 'flex flex-col justify-center',\n\n // Interactivity\n 'interactivity-resize-row',\n\n // Spacing\n '-my-[calc(theme(spacing.md)/2)]',\n 'py-[calc(theme(spacing.md)/2)]',\n\n // Theme (after)\n 'after:border-b-1',\n ],\n\n [ResizeablePanelPlacement.Bottom]: [\n // Layout\n 'flex flex-col justify-center',\n\n // Interactivity\n 'interactivity-resize-row',\n\n // Spacing\n '-my-[calc(theme(spacing.md)/2)]',\n 'py-[calc(theme(spacing.md)/2)]',\n\n // Theme (after)\n 'after:border-t-1',\n ],\n\n [ResizeablePanelPlacement.Left]: [\n // Layout\n 'flex flex-row justify-center',\n\n // Interactivity\n 'interactivity-resize-column',\n\n // Spacing\n '-mx-[calc(theme(spacing.md)/2)]',\n 'px-[calc(theme(spacing.md)/2)]',\n\n // Theme (after)\n 'after:border-r-1',\n ],\n\n [ResizeablePanelPlacement.Right]: [\n // Layout\n 'flex flex-row justify-center',\n\n // Interactivity\n 'interactivity-resize-column',\n\n // Spacing\n '-mx-[calc(theme(spacing.md)/2)]',\n 'px-[calc(theme(spacing.md)/2)]',\n\n // Theme (after)\n 'after:border-l-1',\n ],\n};\n\nexport const ResizeablePanelCollapseButtonContainer: string[] = [\n // Position\n 'absolute',\n\n // Shape\n 'rounded-full',\n\n // Box\n 'w-fit',\n 'h-fit',\n\n // Typography\n 'leading-[0]',\n\n // Theme\n 'theme-background-default',\n 'dark:theme-background-default-dark',\n\n 'theme-border-outline-variant border-1',\n 'dark:theme-border-outline-variant-dark',\n];\n\nexport const ResizeablePanelCollapseButtonContainerPlacements: Record<ResizeablePanelPlacement, string[]> = {\n [ResizeablePanelPlacement.Top]: [\n // Position\n 'left-md',\n ],\n\n [ResizeablePanelPlacement.Bottom]: [\n // Position\n 'left-md',\n ],\n\n [ResizeablePanelPlacement.Left]: [\n // Position\n 'top-md',\n ],\n\n [ResizeablePanelPlacement.Right]: [\n // Position\n 'top-md',\n ],\n};\n\nexport const ResizeablePanelToolbar: string[] = [\n // Layout\n 'shrink-0',\n\n // Overflow\n 'overflow-auto',\n\n // Spacing\n 'px-md',\n 'py-md',\n\n 'gap-md',\n\n // Theme\n 'theme-border-outline-variant border-1',\n 'dark:theme-border-outline-variant-dark',\n];\n\nexport const ResizeablePanelToolbarPlacements: Record<ResizeablePanelPlacement, string[]> = {\n [ResizeablePanelPlacement.Top]: [\n // Layout\n 'layout-row',\n\n // Theme\n '!border-t-0',\n '!border-x-0',\n ],\n\n [ResizeablePanelPlacement.Bottom]: [\n // Layout\n 'layout-row',\n\n // Theme\n '!border-b-0',\n '!border-x-0',\n ],\n\n [ResizeablePanelPlacement.Left]: [\n // Layout\n 'layout-column',\n\n // Theme\n '!border-l-0',\n '!border-y-0',\n ],\n\n [ResizeablePanelPlacement.Right]: [\n // Layout\n 'layout-column',\n\n // Theme\n '!border-r-0',\n '!border-y-0',\n ],\n};\n\nexport const ResizeablePanelCollapsedContent: string[] = [\n // Layout\n 'layout-column',\n 'shrink-0',\n\n // Overflow\n 'overflow-auto',\n\n // Spacing\n 'px-md',\n 'py-md',\n\n 'gap-md',\n];\n\nexport const ResizeablePanelCollapsedContentPaddings: Record<ResizeablePanelPadding, string[]> = {\n [ResizeablePanelPadding.L]: [\n // Box\n 'px-lg',\n 'py-lg',\n ],\n\n [ResizeablePanelPadding.M]: [\n // Box\n 'px-md',\n 'py-md',\n ],\n\n [ResizeablePanelPadding.S]: [\n // Box\n 'px-sm',\n 'py-sm',\n ],\n\n [ResizeablePanelPadding.None]: [],\n};\n","<template>\n <div\n :ref=\"'root'\"\n :class=\"rootStyles\"\n :style=\"{ [currentDirection]: !collapsible \|\| state === 'open' ? `${currentSize}px` : 'auto' }\"\n >\n <template v-if=\"!collapsible \|\| state === 'open'\">\n <div :class=\"contentStyles\">\n <slot />\n </div>\n </template>\n\n <template v-else-if=\"collapsible && state === 'closed' && $slots.collapsedContent\">\n <div :class=\"collapsedContentStyles\">\n <slot name=\"collapsedContent\" />\n </div>\n </template>\n\n <template v-else>\n <div :class=\"contentPlaceholderStyles\" />\n </template>\n\n <div\n :ref=\"'resizeBar'\"\n :class=\"resizeBarStyles\"\n :activated=\"isDragging\"\n >\n <template v-if=\"collapsible\">\n <div :class=\"collapseButtonContainerStyles\">\n <OrIconButton\n :additional-styles=\"['p-xs']\"\n :icon=\"collapseButtonIcon\"\n :color=\"'primary'\"\n :size=\"'m'\"\n @click=\"toggle()\"\n />\n </div>\n </template>\n </div>\n\n <template v-if=\"$slots.toolbar\">\n <div :class=\"toolbarStyles\">\n <slot name=\"toolbar\" />\n </div>\n </template>\n </div>\n</template>\n\n<script lang=\"ts\">\nimport { usePopoverState } from '@onereach/ui-components-common/hooks';\nimport { OrIconButtonV3 as OrIconButton } from '@onereach/ui-components.or-icon-button-v3';\nimport { useDraggable } from '@vueuse/core';\nimport { PropType, computed, defineComponent, ref, toRef, watch } from 'vue';\n\nimport { ResizeablePanelPadding, ResizeablePanelPlacement } from './props';\nimport * as Styles from './styles';\n\nexport default defineComponent({\n name: 'OrResizeablePanel',\n\n components: {\n OrIconButton,\n },\n\n props: {\n isOpen: {\n type: Boolean,\n default: true,\n },\n\n width: {\n type: Number,\n default: 320,\n },\n\n minWidth: {\n type: Number,\n default: 256,\n },\n\n maxWidth: {\n type: Number,\n default: 384,\n },\n\n padding: {\n type: String as PropType<`${ResizeablePanelPadding}`>,\n default: () => ResizeablePanelPadding.M,\n },\n\n placement: {\n type: String as PropType<`${ResizeablePanelPlacement}`>,\n default: () => ResizeablePanelPlacement.Right,\n },\n\n resizeable: {\n type: Boolean,\n default: true,\n },\n\n collapsible: {\n type: Boolean,\n default: false,\n },\n },\n\n emits: [\n 'update:state',\n\n 'open',\n 'close',\n\n 'resize',\n ],\n\n expose: [\n 'root',\n\n 'state',\n 'isDragging',\n\n 'open',\n 'close',\n 'toggle',\n ],\n\n setup(props, context) {\n // Refs\n const root = ref<HTMLElement>();\n const resizeBar = ref<HTMLElement>();\n\n // Styles\n const rootStyles = computed(() => [\n 'or-resizeable-panel-v3',\n ...Styles.ResizeablePanel,\n ...Styles.ResizeablePanelPlacements[props.placement],\n ]);\n\n const contentStyles = computed(() => [\n ...Styles.ResizeablePanelContent,\n ...Styles.ResizeablePanelContentPaddings[props.padding],\n ]);\n\n const contentPlaceholderStyles = computed(() => [\n ...Styles.ResizeablePanelContentPlaceholder,\n ...Styles.ResizeablePanelContentPlaceholderPlacements[props.placement],\n ]);\n\n const resizeBarStyles = computed(() => [\n ...Styles.ResizeablePanelResizeBar,\n ...Styles.ResizeablePanelResizeBarPlacements[props.placement],\n ...!props.resizeable \|\| props.collapsible && state.value === 'closed' ? ['interactivity-none'] : [],\n ]);\n\n const collapseButtonContainerStyles = computed(() => [\n ...Styles.ResizeablePanelCollapseButtonContainer,\n ...Styles.ResizeablePanelCollapseButtonContainerPlacements[props.placement],\n ]);\n\n const toolbarStyles = computed(() => [\n ...Styles.ResizeablePanelToolbar,\n ...Styles.ResizeablePanelToolbarPlacements[props.placement],\n ]);\n\n const collapsedContentStyles = computed(() => [\n ...Styles.ResizeablePanelCollapsedContent,\n ...Styles.ResizeablePanelCollapsedContentPaddings[props.padding],\n ]);\n\n // State\n const { state, open, close, toggle } = usePopoverState(toRef(props, 'isOpen'), context.emit);\n\n const collapseButtonIcon = computed(() => {\n if (state.value === 'open') {\n switch (props.placement) {\n case ResizeablePanelPlacement.Top:\n return 'keyboard_arrow_up';\n\n case ResizeablePanelPlacement.Bottom:\n return 'keyboard_arrow_down';\n\n case ResizeablePanelPlacement.Left:\n return 'keyboard_arrow_left';\n\n case ResizeablePanelPlacement.Right:\n return 'keyboard_arrow_right';\n }\n }\n\n if (state.value === 'closed') {\n switch (props.placement) {\n case ResizeablePanelPlacement.Top:\n return 'keyboard_arrow_down';\n\n case ResizeablePanelPlacement.Bottom:\n return 'keyboard_arrow_up';\n\n case ResizeablePanelPlacement.Left:\n return 'keyboard_arrow_right';\n\n case ResizeablePanelPlacement.Right:\n return 'keyboard_arrow_left';\n }\n }\n\n return 'menu';\n });\n\n const currentDirection = computed(() => {\n switch (props.placement) {\n case ResizeablePanelPlacement.Top:\n case ResizeablePanelPlacement.Bottom:\n return 'height';\n }\n\n return 'width';\n });\n\n const currentSize = ref(props.width);\n\n watch(() => props.width, (value) => {\n currentSize.value = value;\n });\n\n // Effects\n // #region Resize\n let referencePoint = 0;\n\n const { isDragging } = useDraggable(resizeBar, {\n onStart: (_position, event) => {\n if (props.resizeable) {\n switch (props.placement) {\n case ResizeablePanelPlacement.Top:\n case ResizeablePanelPlacement.Bottom:\n referencePoint = event.y;\n break;\n\n case ResizeablePanelPlacement.Left:\n case ResizeablePanelPlacement.Right:\n referencePoint = event.x;\n break;\n }\n\n document.body.style.userSelect = 'none';\n }\n },\n\n onMove: (position) => {\n if (props.resizeable) {\n let nextWidth = 0;\n\n switch (props.placement) {\n case ResizeablePanelPlacement.Top:\n nextWidth = currentSize.value + (position.y - referencePoint);\n referencePoint = position.y;\n break;\n\n case ResizeablePanelPlacement.Bottom:\n nextWidth = currentSize.value + (referencePoint - position.y);\n referencePoint = position.y;\n break;\n\n case ResizeablePanelPlacement.Left:\n nextWidth = currentSize.value + (position.x - referencePoint);\n referencePoint = position.x;\n break;\n\n case ResizeablePanelPlacement.Right:\n nextWidth = currentSize.value + (referencePoint - position.x);\n referencePoint = position.x;\n break;\n }\n\n if (nextWidth < props.minWidth) {\n nextWidth = props.minWidth;\n }\n\n if (nextWidth > props.maxWidth) {\n nextWidth = props.maxWidth;\n }\n\n if (nextWidth !== currentSize.value) {\n context.emit('resize', currentSize.value = nextWidth);\n }\n }\n },\n\n onEnd: () => {\n if (props.resizeable) {\n document.body.style.userSelect = '';\n }\n },\n });\n // #endregion\n\n return {\n root,\n resizeBar,\n\n rootStyles,\n contentStyles,\n contentPlaceholderStyles,\n resizeBarStyles,\n collapseButtonContainerStyles,\n toolbarStyles,\n collapsedContentStyles,\n\n state,\n open,\n close,\n toggle,\n\n collapseButtonIcon,\n currentDirection,\n currentSize,\n\n isDragging,\n };\n },\n});\n</script>\n"],"names":["ResizeablePanelPadding","ResizeablePanelPlacement","ResizeablePanel","ResizeablePanelPlacements","ResizeablePanelContent","ResizeablePanelContentPaddings","ResizeablePanelContentPlaceholder","ResizeablePanelContentPlaceholderPlacements","ResizeablePanelResizeBar","ResizeablePanelResizeBarPlacements","ResizeablePanelCollapseButtonContainer","ResizeablePanelCollapseButtonContainerPlacements","ResizeablePanelToolbar","ResizeablePanelToolbarPlacements","ResizeablePanelCollapsedContent","ResizeablePanelCollapsedContentPaddings","_sfc_main","defineComponent","OrIconButton","props","context","root","ref","resizeBar","rootStyles","computed","Styles.ResizeablePanel","Styles.ResizeablePanelPlacements","contentStyles","Styles.ResizeablePanelContent","Styles.ResizeablePanelContentPaddings","contentPlaceholderStyles","Styles.ResizeablePanelContentPlaceholder","Styles.ResizeablePanelContentPlaceholderPlacements","resizeBarStyles","Styles.ResizeablePanelResizeBar","Styles.ResizeablePanelResizeBarPlacements","state","collapseButtonContainerStyles","Styles.ResizeablePanelCollapseButtonContainer","Styles.ResizeablePanelCollapseButtonContainerPlacements","toolbarStyles","Styles.ResizeablePanelToolbar","Styles.ResizeablePanelToolbarPlacements","collapsedContentStyles","Styles.ResizeablePanelCollapsedContent","Styles.ResizeablePanelCollapsedContentPaddings","open","close","toggle","usePopoverState","toRef","collapseButtonIcon","currentDirection","currentSize","watch","value","referencePoint","isDragging","useDraggable","_position","event","position","nextWidth","_resolveComponent","_openBlock","_createElementBlock","_normalizeClass","_ctx","_normalizeStyle","_renderSlot","_createElementVNode","_component_OrIconButton","_createCommentVNode","_hoisted_1"],"mappings":";;;;;AAAY,IAAAA,sBAAAA,OACVA,EAAA,IAAI,KACJA,EAAA,IAAI,KACJA,EAAA,IAAI,KACJA,EAAA,OAAO,QAJGA,IAAAA,KAAA,CAAA,CAAA,GAOAC,sBAAAA,OACVA,EAAA,MAAM,OACNA,EAAA,SAAS,UACTA,EAAA,OAAO,QACPA,EAAA,QAAQ,SAJEA,IAAAA,KAAA,CAAA,CAAA;ACLL,MAAMC,IAA4B;AAAA;AAAA,EAEvC;AAAA;AAAA,EAGA;AAAA,EACA;AACF,GAEaC,IAAwE;AAAA,EACnF,CAACF,EAAyB,GAAG,GAAG;AAAA;AAAA,IAE9B;AAAA,EACF;AAAA,EAEA,CAACA,EAAyB,MAAM,GAAG;AAAA;AAAA,IAEjC;AAAA,EACF;AAAA,EAEA,CAACA,EAAyB,IAAI,GAAG;AAAA;AAAA,IAE/B;AAAA;AAAA,IAGA;AAAA,EACF;AAAA,EAEA,CAACA,EAAyB,KAAK,GAAG;AAAA;AAAA,IAEhC;AAAA;AAAA,IAGA;AAAA,EACF;AACF,GAEaG,IAAmC;AAAA;AAAA,EAE9C;AAAA;AAAA,EAGA;AACF,GAEaC,IAA2E;AAAA,EACtF,CAACL,EAAuB,CAAC,GAAG;AAAA;AAAA,IAE1B;AAAA,IACA;AAAA,EACF;AAAA,EAEA,CAACA,EAAuB,CAAC,GAAG;AAAA;AAAA,IAE1B;AAAA,IACA;AAAA,EACF;AAAA,EAEA,CAACA,EAAuB,CAAC,GAAG;AAAA;AAAA,IAE1B;AAAA,IACA;AAAA,EACF;AAAA,EAEA,CAACA,EAAuB,IAAI,GAAG,CAAC;AAClC,GAEaM,IAA8C,CAAA,GAE9CC,IAA0F;AAAA,EACrG,CAACN,EAAyB,GAAG,GAAG;AAAA;AAAA,IAE9B;AAAA,EACF;AAAA,EAEA,CAACA,EAAyB,MAAM,GAAG;AAAA;AAAA,IAEjC;AAAA,EACF;AAAA,EAEA,CAACA,EAAyB,IAAI,GAAG;AAAA;AAAA,IAE/B;AAAA,EACF;AAAA,EAEA,CAACA,EAAyB,KAAK,GAAG;AAAA;AAAA,IAEhC;AAAA,EACF;AACF,GAEaO,IAAqC;AAAA;AAAA,EAEhD;AAAA;AAAA,EAGA;AAAA;AAAA,EAGA;AAAA;AAAA,EAGA;AAAA,EACA;AAAA;AAAA,EAGA;AAAA,EACA;AAAA;AAAA,EAGA;AAAA,EACA;AACF,GAEaC,IAAiF;AAAA,EAC5F,CAACR,EAAyB,GAAG,GAAG;AAAA;AAAA,IAE9B;AAAA;AAAA,IAGA;AAAA;AAAA,IAGA;AAAA,IACA;AAAA;AAAA,IAGA;AAAA,EACF;AAAA,EAEA,CAACA,EAAyB,MAAM,GAAG;AAAA;AAAA,IAEjC;AAAA;AAAA,IAGA;AAAA;AAAA,IAGA;AAAA,IACA;AAAA;AAAA,IAGA;AAAA,EACF;AAAA,EAEA,CAACA,EAAyB,IAAI,GAAG;AAAA;AAAA,IAE/B;AAAA;AAAA,IAGA;AAAA;AAAA,IAGA;AAAA,IACA;AAAA;AAAA,IAGA;AAAA,EACF;AAAA,EAEA,CAACA,EAAyB,KAAK,GAAG;AAAA;AAAA,IAEhC;AAAA;AAAA,IAGA;AAAA;AAAA,IAGA;AAAA,IACA;AAAA;AAAA,IAGA;AAAA,EACF;AACF,GAEaS,IAAmD;AAAA;AAAA,EAE9D;AAAA;AAAA,EAGA;AAAA;AAAA,EAGA;AAAA,EACA;AAAA;AAAA,EAGA;AAAA;AAAA,EAGA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AACF,GAEaC,IAA+F;AAAA,EAC1G,CAACV,EAAyB,GAAG,GAAG;AAAA;AAAA,IAE9B;AAAA,EACF;AAAA,EAEA,CAACA,EAAyB,MAAM,GAAG;AAAA;AAAA,IAEjC;AAAA,EACF;AAAA,EAEA,CAACA,EAAyB,IAAI,GAAG;AAAA;AAAA,IAE/B;AAAA,EACF;AAAA,EAEA,CAACA,EAAyB,KAAK,GAAG;AAAA;AAAA,IAEhC;AAAA,EACF;AACF,GAEaW,IAAmC;AAAA;AAAA,EAE9C;AAAA;AAAA,EAGA;AAAA;AAAA,EAGA;AAAA,EACA;AAAA,EAEA;AAAA;AAAA,EAGA;AAAA,EACA;AACF,GAEaC,IAA+E;AAAA,EAC1F,CAACZ,EAAyB,GAAG,GAAG;AAAA;AAAA,IAE9B;AAAA;AAAA,IAGA;AAAA,IACA;AAAA,EACF;AAAA,EAEA,CAACA,EAAyB,MAAM,GAAG;AAAA;AAAA,IAEjC;AAAA;AAAA,IAGA;AAAA,IACA;AAAA,EACF;AAAA,EAEA,CAACA,EAAyB,IAAI,GAAG;AAAA;AAAA,IAE/B;AAAA;AAAA,IAGA;AAAA,IACA;AAAA,EACF;AAAA,EAEA,CAACA,EAAyB,KAAK,GAAG;AAAA;AAAA,IAEhC;AAAA;AAAA,IAGA;AAAA,IACA;AAAA,EACF;AACF,GAEaa,KAA4C;AAAA;AAAA,EAEvD;AAAA,EACA;AAAA;AAAA,EAGA;AAAA;AAAA,EAGA;AAAA,EACA;AAAA,EAEA;AACF,GAEaC,KAAoF;AAAA,EAC/F,CAACf,EAAuB,CAAC,GAAG;AAAA;AAAA,IAE1B;AAAA,IACA;AAAA,EACF;AAAA,EAEA,CAACA,EAAuB,CAAC,GAAG;AAAA;AAAA,IAE1B;AAAA,IACA;AAAA,EACF;AAAA,EAEA,CAACA,EAAuB,CAAC,GAAG;AAAA;AAAA,IAE1B;AAAA,IACA;AAAA,EACF;AAAA,EAEA,CAACA,EAAuB,IAAI,GAAG,CAAC;AAClC,GChQAgB,KAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EAEN,YAAY;AAAA,IACV,cAAAC;AAAA,EACF;AAAA,EAEA,OAAO;AAAA,IACL,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS,MAAMlB,EAAuB;AAAA,IACxC;AAAA,IAEA,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS,MAAMC,EAAyB;AAAA,IAC1C;AAAA,IAEA,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,aAAa;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EAEA,OAAO;AAAA,IACL;AAAA,IAEA;AAAA,IACA;AAAA,IAEA;AAAA,EACF;AAAA,EAEA,QAAQ;AAAA,IACN;AAAA,IAEA;AAAA,IACA;AAAA,IAEA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAAA,EAEA,MAAMkB,GAAOC,GAAS;AAEpB,UAAMC,IAAOC,KACPC,IAAYD,KAGZE,IAAaC,EAAS,MAAM;AAAA,MAChC;AAAA,MACA,GAAGC;AAAAA,MACH,GAAGC,EAAiCR,EAAM,SAAS;AAAA,IAAA,CACpD,GAEKS,IAAgBH,EAAS,MAAM;AAAA,MACnC,GAAGI;AAAAA,MACH,GAAGC,EAAsCX,EAAM,OAAO;AAAA,IAAA,CACvD,GAEKY,IAA2BN,EAAS,MAAM;AAAA,MAC9C,GAAGO;AAAAA,MACH,GAAGC,EAAmDd,EAAM,SAAS;AAAA,IAAA,CACtE,GAEKe,IAAkBT,EAAS,MAAM;AAAA,MACrC,GAAGU;AAAAA,MACH,GAAGC,EAA0CjB,EAAM,SAAS;AAAA,MAC5D,GAAG,CAACA,EAAM,cAAcA,EAAM,eAAekB,EAAM,UAAU,WAAW,CAAC,oBAAoB,IAAI,CAAC;AAAA,IAAA,CACnG,GAEKC,IAAgCb,EAAS,MAAM;AAAA,MACnD,GAAGc;AAAAA,MACH,GAAGC,EAAwDrB,EAAM,SAAS;AAAA,IAAA,CAC3E,GAEKsB,IAAgBhB,EAAS,MAAM;AAAA,MACnC,GAAGiB;AAAAA,MACH,GAAGC,EAAwCxB,EAAM,SAAS;AAAA,IAAA,CAC3D,GAEKyB,IAAyBnB,EAAS,MAAM;AAAA,MAC5C,GAAGoB;AAAAA,MACH,GAAGC,GAA+C3B,EAAM,OAAO;AAAA,IAAA,CAChE,GAGK,EAAE,OAAAkB,GAAO,MAAAU,GAAM,OAAAC,GAAO,QAAAC,EAAO,IAAIC,EAAgBC,EAAMhC,GAAO,QAAQ,GAAGC,EAAQ,IAAI,GAErFgC,IAAqB3B,EAAS,MAAM;AACpC,UAAAY,EAAM,UAAU;AAClB,gBAAQlB,EAAM,WAAW;AAAA,UACvB,KAAKlB,EAAyB;AACrB,mBAAA;AAAA,UAET,KAAKA,EAAyB;AACrB,mBAAA;AAAA,UAET,KAAKA,EAAyB;AACrB,mBAAA;AAAA,UAET,KAAKA,EAAyB;AACrB,mBAAA;AAAA,QACX;AAGE,UAAAoC,EAAM,UAAU;AAClB,gBAAQlB,EAAM,WAAW;AAAA,UACvB,KAAKlB,EAAyB;AACrB,mBAAA;AAAA,UAET,KAAKA,EAAyB;AACrB,mBAAA;AAAA,UAET,KAAKA,EAAyB;AACrB,mBAAA;AAAA,UAET,KAAKA,EAAyB;AACrB,mBAAA;AAAA,QACX;AAGK,aAAA;AAAA,IAAA,CACR,GAEKoD,IAAmB5B,EAAS,MAAM;AACtC,cAAQN,EAAM,WAAW;AAAA,QACvB,KAAKlB,EAAyB;AAAA,QAC9B,KAAKA,EAAyB;AACrB,iBAAA;AAAA,MACX;AAEO,aAAA;AAAA,IAAA,CACR,GAEKqD,IAAchC,EAAIH,EAAM,KAAK;AAEnC,IAAAoC,EAAM,MAAMpC,EAAM,OAAO,CAACqC,MAAU;AAClC,MAAAF,EAAY,QAAQE;AAAA,IAAA,CACrB;AAID,QAAIC,IAAiB;AAErB,UAAM,EAAE,YAAAC,EAAA,IAAeC,EAAapC,GAAW;AAAA,MAC7C,SAAS,CAACqC,GAAWC,MAAU;AAC7B,YAAI1C,EAAM,YAAY;AACpB,kBAAQA,EAAM,WAAW;AAAA,YACvB,KAAKlB,EAAyB;AAAA,YAC9B,KAAKA,EAAyB;AAC5B,cAAAwD,IAAiBI,EAAM;AACvB;AAAA,YAEF,KAAK5D,EAAyB;AAAA,YAC9B,KAAKA,EAAyB;AAC5B,cAAAwD,IAAiBI,EAAM;AACvB;AAAA,UACJ;AAES,mBAAA,KAAK,MAAM,aAAa;AAAA,QACnC;AAAA,MACF;AAAA,MAEA,QAAQ,CAACC,MAAa;AACpB,YAAI3C,EAAM,YAAY;AACpB,cAAI4C,IAAY;AAEhB,kBAAQ5C,EAAM,WAAW;AAAA,YACvB,KAAKlB,EAAyB;AAChB,cAAA8D,IAAAT,EAAY,SAASQ,EAAS,IAAIL,IAC9CA,IAAiBK,EAAS;AAC1B;AAAA,YAEF,KAAK7D,EAAyB;AAChB,cAAA8D,IAAAT,EAAY,SAASG,IAAiBK,EAAS,IAC3DL,IAAiBK,EAAS;AAC1B;AAAA,YAEF,KAAK7D,EAAyB;AAChB,cAAA8D,IAAAT,EAAY,SAASQ,EAAS,IAAIL,IAC9CA,IAAiBK,EAAS;AAC1B;AAAA,YAEF,KAAK7D,EAAyB;AAChB,cAAA8D,IAAAT,EAAY,SAASG,IAAiBK,EAAS,IAC3DL,IAAiBK,EAAS;AAC1B;AAAA,UACJ;AAEI,UAAAC,IAAY5C,EAAM,aACpB4C,IAAY5C,EAAM,WAGhB4C,IAAY5C,EAAM,aACpB4C,IAAY5C,EAAM,WAGhB4C,MAAcT,EAAY,SAC5BlC,EAAQ,KAAK,UAAUkC,EAAY,QAAQS,CAAS;AAAA,QAExD;AAAA,MACF;AAAA,MAEA,OAAO,MAAM;AACX,QAAI5C,EAAM,eACC,SAAA,KAAK,MAAM,aAAa;AAAA,MAErC;AAAA,IAAA,CACD;AAGM,WAAA;AAAA,MACL,MAAAE;AAAA,MACA,WAAAE;AAAA,MAEA,YAAAC;AAAA,MACA,eAAAI;AAAA,MACA,0BAAAG;AAAA,MACA,iBAAAG;AAAA,MACA,+BAAAI;AAAA,MACA,eAAAG;AAAA,MACA,wBAAAG;AAAA,MAEA,OAAAP;AAAA,MACA,MAAAU;AAAA,MACA,OAAAC;AAAA,MACA,QAAAC;AAAA,MAEA,oBAAAG;AAAA,MACA,kBAAAC;AAAA,MACA,aAAAC;AAAA,MAEA,YAAAI;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;;YA9TCM,EA4CM,cAAA;SA1CEC,EAAY,GAAAC,EAAA,OAAA;AAAA,IACjB,KAAK;AAAA,IAAA,OAAAC,EAAAC,EAAA,UAAA;AAAA,IAEW,OAAAC,EAAe,EAAK,CAAAD,EAAA,gBAAA,GAAA,CAAAA,EAAA,eAAAA,EAAA,UAAA,SAAA,GAAAA,EAAA,WAAA,OAAA,QAAA;AAAA,EAAA,GAAA;AAAA,iDACtBF,EAAA,OAAA;AAAA,MAAA,KAAA;AAAA,MACX,OAAQC,EAAAC,EAAA,aAAA;AAAA,IAAA,GAAA;AAAA,MAISE,EAAAF,EAAW,QAAI,SAAK;AAAA,IAAA,GAAA,CAAA,KAAAA,EAAA,eAAAA,EAAA,UAAA,YAAAA,EAAA,OAAA,oBAAAH,EAAA,GAC1BC,EAAA,OAAA;AAAA,MAAA,KAAA;AAAA,MACX,OAAgCC,EAAAC,EAAA,sBAAA;AAAA,IAAA,GAAA;AAAA,UAKlC,QAAyC,kBAAA;AAAA,IAAA,GAAA,CAAA,MAAAH,KAA5BC,EAAA,OAAA;AAAA,MAAA,KAAA;AAAA,MAGf,OAgBMC,EAAAC,EAAA,wBAAA;AAAA,IAAA,GAfE,MAAA,CAAA;AAAA,IAAAG,EACA,OAAE;AAAA,MACP,KAAA;AAAA,MAAA,OAAAJ,EAAAC,EAAA,eAAA;AAAA,MAEe,WAAAA,EAAA;AAAA,IAAA,GAAA;AAAA,4BACDF,EAAA,OAAA;AAAA,QAAA,KAAA;AAAA,QACX,OAMEC,EAAAC,EAAA,6BAAA;AAAA,MAAA,GAAA;AAAA,UAJOI,GAAkB;AAAA,UACxB,qBAAgB,CAAA,MAAA;AAAA,UAChB,MAAMJ,EAAG;AAAA,UACT,OAAK;AAAA,UAAA,MAAA;AAAA;;eAMEK,EAAc,IAAA,EAAA;AAAA,IAAA,GAAA,IAAAC,EAAA;AAAA,6BACfR,EAAA,OAAA;AAAA,MAAA,KAAA;AAAA,MACX,OAAuBC,EAAAC,EAAA,aAAA;AAAA,IAAA,GAAA;AAAA;;;;;"}

package/dist/esm/{OrSelect-DB9Suqc1.mjs → OrSelect-Dr6j_nSl.mjs} RENAMED Viewed

@@ -2,7 +2,7 @@ import { DropdownClose as Ee, DropdownOpen as Pe } from "@onereach/ui-components
 import { searchItemsByLabel as Le } from "@onereach/ui-components-common/helpers";
 import { useProxyModelValue as ee, useResponsive as Re } from "@onereach/ui-components-common/hooks";
 import { isNil as De, toArray as Z, isEqual as ce, isEmpty as me, include as de, exclude as ie } from "@onereach/ui-components-common/utils";
-import { O as Fe } from "./OrCheckbox-B_121oYu.mjs";
+import { O as Fe } from "./OrCheckbox-BOjpvXxF.mjs";
 import { O as Ae } from "./OrError-B5ihH6-3.mjs";
 import { O as Ue } from "./OrExpansionPanel-CrGf7B-b.mjs";
 import { O as qe } from "./OrHint-NvbZyURY.mjs";
@@ -883,13 +883,13 @@ function Uo(e, o, w, f, v, u) {
             key: 0,
             icon: "close",
             color: "inherit",
-            "additional-styles": ["!text-outline", "!dark:text-outline-dark"],
+            "additional-styles": ["!text-outline", "dark:!text-outline-dark"],
             disabled: e.readonly || e.disabled,
             onClick: o[5] || (o[5] = j((t) => e.$emit("update:modelValue", e.multiple ? [] : void 0), ["stop"]))
           }, null, 8, ["disabled"])) : G("", !0),
           z(L(g, {
             icon: e.popoverState === "open" ? e.enableSearch ? "search" : "arrow_drop_up" : "arrow_drop_down",
-            class: y(e.popoverState === "open" && e.enableSearch ? "!text-outline !dark:text-outline-dark" : ""),
+            class: y(e.popoverState === "open" && e.enableSearch ? "!text-outline dark:!text-outline-dark" : ""),
             variant: "outlined"
           }, null, 8, ["icon", "class"]), [
             [x, !(e.popoverState === "open" && e.enableSearch && e.enableClear && !e.isEmptyModelValue)]
@@ -1077,4 +1077,4 @@ const dl = /* @__PURE__ */ K(Lo, [["render", Uo]]);
 export {
   dl as O
 };
-//# sourceMappingURL=OrSelect-DB9Suqc1.mjs.map
+//# sourceMappingURL=OrSelect-Dr6j_nSl.mjs.map