@onereach/ui-components 27.0.2-beta.6101.0 → 27.0.2-beta.6103.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.
- package/dist/esm/{OrButtonGroup-D7l0IW6B.mjs → OrButtonGroup-CKCpTfVl.mjs} +2 -2
- package/dist/esm/{OrButtonGroup-D7l0IW6B.mjs.map → OrButtonGroup-CKCpTfVl.mjs.map} +1 -1
- package/dist/esm/{OrCombinedInput-Bo5Nge5z.mjs → OrCombinedInput-dpWGsQmE.mjs} +6 -6
- package/dist/esm/{OrCombinedInput-Bo5Nge5z.mjs.map → OrCombinedInput-dpWGsQmE.mjs.map} +1 -1
- package/dist/esm/{OrRadio-DmqGtOvf.mjs → OrRadio-DdFBJaoq.mjs} +3 -3
- package/dist/esm/{OrRadio-DmqGtOvf.mjs.map → OrRadio-DdFBJaoq.mjs.map} +1 -1
- package/dist/esm/{OrRadioGroup-BAcRSss9.mjs → OrRadioGroup-CHxkcLRh.mjs} +2 -2
- package/dist/esm/{OrRadioGroup-BAcRSss9.mjs.map → OrRadioGroup-CHxkcLRh.mjs.map} +1 -1
- package/dist/esm/components/index.mjs +4 -4
- package/dist/esm/components/or-button-group-v3/index.mjs +1 -1
- package/dist/esm/components/or-combined-input-v3/index.mjs +1 -1
- package/dist/esm/components/or-radio-group-v3/index.mjs +1 -1
- package/dist/esm/components/or-radio-v3/index.mjs +1 -1
- package/dist/esm/index.mjs +4 -4
- package/package.json +3 -3
|
@@ -16,7 +16,7 @@ const h = [
|
|
|
16
16
|
// Position (children)
|
|
17
17
|
"children:relative",
|
|
18
18
|
// Position (children:active)
|
|
19
|
-
"active:
|
|
19
|
+
"children:active:z-10",
|
|
20
20
|
// Spacing (children)
|
|
21
21
|
"children:[&:not(:first-child)]:-ml-[1px]"
|
|
22
22
|
],
|
|
@@ -69,4 +69,4 @@ const x = /* @__PURE__ */ m(B, [["render", y]]);
|
|
|
69
69
|
export {
|
|
70
70
|
x as O
|
|
71
71
|
};
|
|
72
|
-
//# sourceMappingURL=OrButtonGroup-
|
|
72
|
+
//# sourceMappingURL=OrButtonGroup-CKCpTfVl.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OrButtonGroup-
|
|
1
|
+
{"version":3,"file":"OrButtonGroup-CKCpTfVl.mjs","sources":["../../../components/or-button-group-v3/src/styles.ts","../../../components/or-button-group-v3/src/OrButtonGroup.vue"],"sourcesContent":["import { ButtonVariant } from '@onereach/ui-components.or-button-v3';\n\nexport const ButtonGroup: string[] = [\n // Layout\n 'layout-row',\n\n // Shape (children)\n 'children:[&:not(:first-child)]:rounded-l-0',\n 'children:[&:not(:last-child)]:rounded-r-0',\n];\n\nexport const ButtonGroupVariants: Record<ButtonVariant, string[]> = {\n [ButtonVariant.Contained]: [\n // Spacing\n 'gap-[1px]',\n ],\n\n [ButtonVariant.Outlined]: [\n // Position (children)\n 'children:relative',\n\n // Position (children:active)\n 'children:active:z-10',\n\n // Spacing (children)\n 'children:[&:not(:first-child)]:-ml-[1px]',\n ],\n\n [ButtonVariant.Text]: [\n // Theme\n 'theme-divider-outline-variant',\n 'dark:theme-divider-outline-variant-dark',\n ],\n\n [ButtonVariant.Link]: [],\n};\n","<template>\n <div\n :ref=\"'root'\"\n :class=\"rootStyles\"\n >\n <slot v-bind=\"$props\" />\n </div>\n</template>\n\n<script lang=\"ts\">\nimport { ButtonColor, ButtonVariant } from '@onereach/ui-components.or-button-v3';\nimport { PropType, computed, defineComponent, ref } from 'vue';\n\nimport { ButtonGroup, ButtonGroupVariants } from './styles';\n\nexport default defineComponent({\n name: 'OrButtonGroup',\n\n props: {\n variant: {\n type: String as PropType<`${ButtonVariant}`>,\n default: () => ButtonVariant.Contained,\n },\n\n color: {\n type: String as PropType<`${ButtonColor}`>,\n default: () => ButtonColor.Primary,\n },\n\n disabled: {\n type: Boolean,\n default: false,\n },\n },\n\n expose: [\n 'root',\n ],\n\n setup(props) {\n // Refs\n const root = ref<HTMLElement>();\n\n // Styles\n const rootStyles = computed(() => [\n 'or-button-group-v3',\n ...ButtonGroup,\n ...ButtonGroupVariants[props.variant],\n ]);\n\n return {\n root,\n rootStyles,\n };\n },\n});\n</script>\n"],"names":["ButtonGroup","ButtonGroupVariants","ButtonVariant","_sfc_main","defineComponent","ButtonColor","props","root","ref","rootStyles","computed","_sfc_render","_ctx","_cache","$props","$setup","$data","$options","_openBlock","_createElementBlock","_normalizeClass"],"mappings":";;;AAEO,MAAMA,IAAwB;AAAA;AAAA,EAEnC;AAAA;AAAA,EAGA;AAAA,EACA;AACF,GAEaC,IAAuD;AAAA,EAClE,CAACC,EAAc,SAAS,GAAG;AAAA;AAAA,IAEzB;AAAA,EACF;AAAA,EAEA,CAACA,EAAc,QAAQ,GAAG;AAAA;AAAA,IAExB;AAAA;AAAA,IAGA;AAAA;AAAA,IAGA;AAAA,EACF;AAAA,EAEA,CAACA,EAAc,IAAI,GAAG;AAAA;AAAA,IAEpB;AAAA,IACA;AAAA,EACF;AAAA,EAEA,CAACA,EAAc,IAAI,GAAG,CAAC;AACzB,GCpBAC,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EAEN,OAAO;AAAA,IACL,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS,MAAMF,EAAc;AAAA,IAC/B;AAAA,IAEA,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS,MAAMG,EAAY;AAAA,IAC7B;AAAA,IAEA,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EAEA,QAAQ;AAAA,IACN;AAAA,EACF;AAAA,EAEA,MAAMC,GAAO;AAEX,UAAMC,IAAOC,KAGPC,IAAaC,EAAS,MAAM;AAAA,MAChC;AAAA,MACA,GAAGV;AAAA,MACH,GAAGC,EAAoBK,EAAM,OAAO;AAAA,IAAA,CACrC;AAEM,WAAA;AAAA,MACL,MAAAC;AAAA,MACA,YAAAE;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;SArDSE,EAAMC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAA;SACNC,EAAY,GAAAC,EAAA,OAAA;AAAA,IAAA,KAAA;AAAA,IAElB,OAAwBC,EAAAR,EAAA,UAAA;AAAA,EAAA,GAAA;AAAA;;;;"}
|
|
@@ -15,14 +15,14 @@ const z = [
|
|
|
15
15
|
// Box
|
|
16
16
|
"w-full",
|
|
17
17
|
// Position (.or-input-box-v3)
|
|
18
|
-
"[&_.or-input-box-v3]:
|
|
18
|
+
"children:[&_.or-input-box-v3]:relative",
|
|
19
19
|
// Position (.or-input-box-v3/focus)
|
|
20
|
-
"
|
|
20
|
+
"children:[&_.or-input-box-v3]:focus-within:z-10",
|
|
21
21
|
// Spacing (.or-input-box-v3)
|
|
22
|
-
"[&_.or-input-box-v3]
|
|
22
|
+
"children:[&:not(:first-child)]:[&_.or-input-box-v3]:-ml-[1px]",
|
|
23
23
|
// Shape (.or-input-box-v3)
|
|
24
|
-
"[&_.or-input-box-v3]:
|
|
25
|
-
"[&_.or-input-box-v3]:
|
|
24
|
+
"children:[&:not(:first-child)]:[&_.or-input-box-v3]:rounded-l-0",
|
|
25
|
+
"children:[&:not(:last-child)]:[&_.or-input-box-v3]:rounded-r-0"
|
|
26
26
|
], V = C({
|
|
27
27
|
name: "OrCombinedInput",
|
|
28
28
|
components: {
|
|
@@ -140,4 +140,4 @@ const J = /* @__PURE__ */ k(V, [["render", N]]);
|
|
|
140
140
|
export {
|
|
141
141
|
J as O
|
|
142
142
|
};
|
|
143
|
-
//# sourceMappingURL=OrCombinedInput-
|
|
143
|
+
//# sourceMappingURL=OrCombinedInput-dpWGsQmE.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OrCombinedInput-
|
|
1
|
+
{"version":3,"file":"OrCombinedInput-dpWGsQmE.mjs","sources":["../../../components/or-combined-input-v3/src/styles.ts","../../../components/or-combined-input-v3/src/OrCombinedInput.vue"],"sourcesContent":["export const CombinedInput: string[] = [\n // Layout\n 'layout-column',\n\n // Spacing\n 'gap-xs',\n];\n\nexport const CombinedInputControlGroup: string[] = [\n // Layout\n 'layout-row',\n\n // Box\n 'w-full',\n\n // Position (.or-input-box-v3)\n 'children:[&_.or-input-box-v3]:relative',\n\n // Position (.or-input-box-v3/focus)\n 'children:[&_.or-input-box-v3]:focus-within:z-10',\n\n // Spacing (.or-input-box-v3)\n 'children:[&:not(:first-child)]:[&_.or-input-box-v3]:-ml-[1px]',\n\n // Shape (.or-input-box-v3)\n 'children:[&:not(:first-child)]:[&_.or-input-box-v3]:rounded-l-0',\n 'children:[&:not(:last-child)]:[&_.or-input-box-v3]:rounded-r-0',\n];\n","<template>\n <div\n :ref=\"'root'\"\n :class=\"rootStyles\"\n >\n <template v-if=\"$slots.label || $slots.addon || label\">\n <OrLabel\n :variant=\"'input'\"\n :required=\"required\"\n :disabled=\"disabled\"\n >\n <slot name=\"label\">\n {{ label }}\n </slot>\n\n <template v-slot:addon>\n <slot name=\"addon\" />\n </template>\n </OrLabel>\n </template>\n\n <div :class=\"controlGroup\">\n <slot\n :variant=\"variant\"\n :size=\"size\"\n :error=\"!!error\"\n :required=\"required\"\n :readonly=\"readonly\"\n :disabled=\"disabled\"\n />\n </div>\n\n <template v-if=\"$slots.hint || hint\">\n <OrHint\n v-show=\"!error\"\n :disabled=\"disabled\"\n >\n <slot name=\"hint\">\n {{ hint }}\n </slot>\n </OrHint>\n </template>\n\n <OrError\n v-show=\"typeof error === 'string' && error.length > 0\"\n :disabled=\"disabled\"\n >\n {{ error }}\n </OrError>\n </div>\n</template>\n\n<script lang=\"ts\">\nimport { OrErrorV3 as OrError } from '@onereach/ui-components.or-error-v3';\nimport { OrHintV3 as OrHint } from '@onereach/ui-components.or-hint-v3';\nimport { InputBoxSize, InputBoxVariant } from '@onereach/ui-components.or-input-box-v3';\nimport { OrLabelV3 as OrLabel } from '@onereach/ui-components.or-label-v3';\nimport { computed, defineComponent, PropType, ref } from 'vue';\n\nimport { CombinedInput, CombinedInputControlGroup } from './styles';\n\nexport default defineComponent({\n name: 'OrCombinedInput',\n\n components: {\n OrError,\n OrHint,\n OrLabel,\n },\n\n props: {\n variant: {\n type: String as PropType<`${InputBoxVariant}`>,\n default: undefined,\n },\n\n size: {\n type: String as PropType<`${InputBoxSize}`>,\n default: undefined,\n },\n\n label: {\n type: String,\n default: undefined,\n },\n\n hint: {\n type: String,\n default: undefined,\n },\n\n error: {\n type: [String, Boolean],\n default: undefined,\n },\n\n required: {\n type: Boolean,\n default: false,\n },\n\n readonly: {\n type: Boolean,\n default: false,\n },\n\n disabled: {\n type: Boolean,\n default: false,\n },\n },\n\n setup(props) {\n // Refs\n const root = ref<HTMLElement>();\n\n // Styles\n const rootStyles = computed(() => [\n 'or-combined-input-v3',\n ...CombinedInput,\n ...props.variant === InputBoxVariant.Embedded ? ['grow'] : [],\n ]);\n\n const controlGroup = computed(() => [\n ...CombinedInputControlGroup,\n ]);\n\n return {\n root,\n rootStyles,\n controlGroup,\n };\n },\n});\n</script>\n"],"names":["CombinedInput","CombinedInputControlGroup","_sfc_main","defineComponent","OrError","OrHint","OrLabel","props","root","ref","rootStyles","computed","InputBoxVariant","controlGroup","_resolveComponent","_openBlock","_createElementBlock","_normalizeClass","_ctx","_createBlock","_component_OrLabel","_renderSlot","_createCommentVNode","_createElementVNode","_component_OrHint","_withDirectives","_createVNode","_component_OrError","_withCtx"],"mappings":";;;;;;AAAO,MAAMA,IAA0B;AAAA;AAAA,EAErC;AAAA;AAAA,EAGA;AACF,GAEaC,IAAsC;AAAA;AAAA,EAEjD;AAAA;AAAA,EAGA;AAAA;AAAA,EAGA;AAAA;AAAA,EAGA;AAAA;AAAA,EAGA;AAAA;AAAA,EAGA;AAAA,EACA;AACF,GCkCAC,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EAEN,YAAY;AAAA,IACV,SAAAC;AAAA,IACA,QAAAC;AAAA,IACA,SAAAC;AAAA,EACF;AAAA,EAEA,OAAO;AAAA,IACL,SAAS;AAAA,MACP,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,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,OAAO;AAAA,MACL,MAAM,CAAC,QAAQ,OAAO;AAAA,MACtB,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,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EAEA,MAAMC,GAAO;AAEX,UAAMC,IAAOC,KAGPC,IAAaC,EAAS,MAAM;AAAA,MAChC;AAAA,MACA,GAAGX;AAAA,MACH,GAAGO,EAAM,YAAYK,EAAgB,WAAW,CAAC,MAAM,IAAI,CAAC;AAAA,IAAA,CAC7D,GAEKC,IAAeF,EAAS,MAAM;AAAA,MAClC,GAAGV;AAAA,IAAA,CACJ;AAEM,WAAA;AAAA,MACL,MAAAO;AAAA,MACA,YAAAE;AAAA,MACA,cAAAG;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;;+CApICC,EAgDM,SAAA;SA9CEC,EAAY,GAAAC,EAAA,OAAA;AAAA,IAAA,KAAA;AAAA,IAEF,OAAAC,EAAgBC,EAAO,UAAA;AAAA,EAAA,GAAA;AAAA,wDAElBC,EAAAC,GAAA;AAAA,MAChB,KAAA;AAAA,MACA,SAAQ;AAAA,MAAA,UAAAF,EAAA;AAAA,MAMQ,UAAKA,EAAA;AAAA,IAAA,GAAA;AAAA;QAFfG,EAAAH,EAAA,QAAA,OAAA;AAAA,MAAA,CAAA;AAAA;;;;;;OAiBL,GAAA,CAAA,YAAA,UAAA,CAAA,KATAI,EAAK,IAAE,EAAA;AAAA,IAAAC,EAAA,OAAA;AAAA,MACX,OAOEN,EAAAC,EAAA,YAAA;AAAA,IAAA,GAAA;AAAA,QALOA,EAAI,QAAA,WAAA;AAAA,QACV,SAASA,EAAA;AAAA,QACT,MAAUA,EAAA;AAAA,QACV,QAAQ,CAAEA,EAAA;AAAA,QACV,UAAUA,EAAA;AAAA,QAAA,UAAAA,EAAA;AAAA;MAIC,CAAA;AAAA,IAAA,GAAA,CAAA;AAAA,iCAGDH,EAAQ,GAAAI,EAAAK,GAAA;AAAA,MAAA,KAAA;AAAA;;;;;;;;;;IAYV,CAAA,IAAAF,EAAA,IAAA,EAAA;AAAA,IAAHG,EAAAC,EAAAC,GAAA,EAAA,UAAAT,EAAA,YAAA;AAAA,MAAA,SAAAU,EAAA,MAAA;AAAA;;;;;;;;;"}
|
|
@@ -45,8 +45,8 @@ const T = [
|
|
|
45
45
|
"read-only:interactivity-none"
|
|
46
46
|
], z = [
|
|
47
47
|
// Box (children)
|
|
48
|
-
"after:w-sm after:
|
|
49
|
-
"after:h-sm after:
|
|
48
|
+
"after:w-sm md:after:w-xs",
|
|
49
|
+
"after:h-sm md:after:h-xs",
|
|
50
50
|
// Shape (children)
|
|
51
51
|
"after:rounded-full",
|
|
52
52
|
// Theme (checked / children)
|
|
@@ -189,4 +189,4 @@ const Q = /* @__PURE__ */ P(D, [["render", H], ["__scopeId", "data-v-2e8eb50d"]]
|
|
|
189
189
|
export {
|
|
190
190
|
Q as O
|
|
191
191
|
};
|
|
192
|
-
//# sourceMappingURL=OrRadio-
|
|
192
|
+
//# sourceMappingURL=OrRadio-DdFBJaoq.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OrRadio-
|
|
1
|
+
{"version":3,"file":"OrRadio-DdFBJaoq.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 md:after:w-xs',\n 'after:h-sm md:after: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":";;;;AAAO,MAAMA,IAAkB;AAAA;AAAA,EAE7B;AAAA;AAAA,EAGA;AAAA,EACA;AACF,GAEaC,IAAyB;AAAA;AAAA,EAEpC;AAAA;AAAA,EAGA;AAAA;AAAA,EAGA;AAAA;AAAA,EAGA;AAAA,EACA;AAAA;AAAA,EAGA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA;AAAA,EAGA;AAAA,EACA;AAAA;AAAA,EAGA;AAAA,EACA;AAAA;AAAA,EAGA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA;AAAA,EAGA;AAAA;AAAA,EAGA;AACF,GAEaC,IAA+B;AAAA;AAAA,EAE1C;AAAA,EACA;AAAA;AAAA,EAGA;AAAA;AAAA,EAGA;AAAA,EACA;AAAA;AAAA,EAGA;AAAA,EACA;AAAA;AAAA,EAGA;AAAA,EACA;AACF,GC9BAC,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EAEN,YAAY;AAAA,IACV,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,OAAO;AAAA,MACL,MAAM;AAAA,MACN,UAAU;AAAA,IACZ;AAAA,IAEA,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,cAAc;AAAA,MACZ,MAAM;AAAA,MACN,SAAS,MAAMC,EAAa;AAAA,IAC9B;AAAA,IAEA,UAAU;AAAA,MACR,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,EACF;AAAA,EAEA,OAAO;AAAA,IACL;AAAA,IAEA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAAA,EAEA,QAAQ;AAAA,IACN;AAAA,IAEA;AAAA,IACA;AAAA,EACF;AAAA,EAEA,MAAMC,GAAOC,GAAS;AACpB,UAAMC,IAAaC,EAAS;AAAA,MAC1B,IAAIC,EAAe;AAAA,MACnB,GAAGC,EAAqB;AAAA,IAAA,CACzB,GAGKC,IAAOC,KAEPC,IAAaC,EAAS,MAAM;AAAA,MAChC;AAAA,MACA,GAAGhB;AAAA,IAAA,CACJ,GAEKiB,IAAUH,KAEVI,IAAgBF,EAAS,MAAM;AAAA,MACnC,GAAGf;AAAA,MACH,GAAGC;AAAA,IAAA,CACJ,GAGKiB,IAAQC,EAAmBC,EAAMd,GAAO,YAAY,GAAGC,EAAQ,IAAI,GAEnEc,IAAUN,EAAS,MAChBG,EAAM,UAAUZ,EAAM,KAC9B;AAGD,aAASgB,IAAiB;AACxB,MAAAJ,EAAM,QAAQZ,EAAM;AAAA,IACtB;AAGA,aAASiB,IAAc;;AACrB,OAAAC,IAAAR,EAAQ,UAAR,QAAAQ,EAAe;AAAA,IACjB;AAEA,aAASC,IAAa;;AACpB,OAAAD,IAAAR,EAAQ,UAAR,QAAAQ,EAAe;AAAA,IACjB;AAEO,WAAA;AAAA,MACL,YAAAhB;AAAA,MAEA,MAAAI;AAAA,MACA,YAAAE;AAAA,MAEA,SAAAE;AAAA,MACA,eAAAC;AAAA,MAEA,SAAAI;AAAA,MAEA,UAAAC;AAAA,MAEA,OAAAC;AAAA,MACA,MAAAE;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;;YA1KCC,EAmCM,SAAA;SAjCEC,EAAY,GAAAC,EAAA,OAAA;AAAA,IAAA,KAAA;AAAA,IAElB,OAAAC,EAaCC,EAbD,UAAA;AAAA,EAAA,GAAA;AAAA,IAIgBC,EAAA,SAAAC,EAAA,EAAA,KAAA,UAAA,GAAAF,EAAA,YAAA;AAAA,MACb,OAAOA,EAAE;AAAA,MACT,MAAA;AAAA,MACA,SAAQA,EAAE;AAAA,MACV,UAAUA,EAAA;AAAA,MACV,UAAMA,EAAA;AAAA,MACN,UAAKA,EAAA;AAAA,MACL,UAAKG,EAAE,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAA;AAAA,QAAAJ,EAAA,MAAK,UAAUI,CAAM,GAAAJ,EAAA,SAAA;AAAA,MAAA;AAAA,MAC5B,SAAIG,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAEJ,EAAK,MAAA,SAASI,CAAM;AAAA,MAAA,SAAAD,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAAJ,EAAA,MAAA,SAAAI,CAAA;AAAA,MAGb,QAAAD,EAAO,OAAWA,EAAK,CAAA,IAAA,CAAAC,MAAAJ,EAAA,MAAA,QAAAI,CAAA;AAAA,IAAA,CACrC,GAAA,MAAA,IAAAC,CAAA;AAAA,IACGL,EAAA,OAAA,WAAAA,EAAA,SAAAH,EAAA,GAAUS,EAAEC,GAAa;AAAA,MACzB,KAAA;AAAA,MACA,cAAUP,EAAO,WAAA;AAAA,MACjB,SAAQA,EAAE;AAAA,MACV,UAAUA,EAAA;AAAA,MACV,UAAUA,EAAA;AAAA,MAAA,UAAAA,EAAA;AAAA,MAIM,UAAKA,EAAA;AAAA,IAAA,GAAA;AAAA;QAFEQ,EAAAR,EAAA,QAAA,SAAA,CAAA,GAAA,QAAA,EAAA;AAAA,MAAA,CAAA;AAAA;;;;;;;;;;"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { useProxyModelValue as c, useResponsive as y } from "@onereach/ui-components-common/hooks";
|
|
2
2
|
import { O as b, F as g, a as t } from "./OrFormGroup-CUNdt7UL.mjs";
|
|
3
|
-
import { O as V } from "./OrRadio-
|
|
3
|
+
import { O as V } from "./OrRadio-DdFBJaoq.mjs";
|
|
4
4
|
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";
|
|
5
5
|
import { _ as B } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
|
|
6
6
|
const $ = v({
|
|
@@ -93,4 +93,4 @@ const D = /* @__PURE__ */ B($, [["render", h]]);
|
|
|
93
93
|
export {
|
|
94
94
|
D as O
|
|
95
95
|
};
|
|
96
|
-
//# sourceMappingURL=OrRadioGroup-
|
|
96
|
+
//# sourceMappingURL=OrRadioGroup-CHxkcLRh.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OrRadioGroup-
|
|
1
|
+
{"version":3,"file":"OrRadioGroup-CHxkcLRh.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,7 +1,7 @@
|
|
|
1
1
|
import { O as o } from "../OrAutocomplete-ChjEV7kw.mjs";
|
|
2
2
|
import { a as t, A as s, O } from "../OrAvatar-kdj2ReS0.mjs";
|
|
3
3
|
import { B as p, O as m } from "../OrBottomSheet-CALU9i4F.mjs";
|
|
4
|
-
import { O as x } from "../OrButtonGroup-
|
|
4
|
+
import { O as x } from "../OrButtonGroup-CKCpTfVl.mjs";
|
|
5
5
|
import { O as f } from "../OrButton-ZxDr22t7.mjs";
|
|
6
6
|
import { a as T, b as d, B as c } from "../OrButton.vue_vue_type_script_lang-CkMyXNEI.mjs";
|
|
7
7
|
import { C, O as b, d as u, g as S, l as I } from "../OrCardCollection-lBM8Kzcj.mjs";
|
|
@@ -16,7 +16,7 @@ import { json as _, jsonParseLinter as j } from "@codemirror/lang-json";
|
|
|
16
16
|
import { html as W } from "@codemirror/lang-html";
|
|
17
17
|
import { EditorView as Q } from "@codemirror/view";
|
|
18
18
|
import { EditorState as K } from "@codemirror/state";
|
|
19
|
-
import { O as Y } from "../OrCombinedInput-
|
|
19
|
+
import { O as Y } from "../OrCombinedInput-dpWGsQmE.mjs";
|
|
20
20
|
import { C as $, O as rr } from "../OrConfirm-BShQfZJi.mjs";
|
|
21
21
|
import { O as or } from "../OrContextMenu-DPkHnqgT.mjs";
|
|
22
22
|
import { a as tr, b as sr, D as Or, c as ir, d as pr, q as mr, o as nr, g as xr, e as Vr, f as fr, r as lr, j as Tr, h as dr, i as cr, m as Dr, k as Cr, l as br, n as ur, p as Sr, O as Ir } from "../OrDataGrid-edH2V98b.mjs";
|
|
@@ -61,8 +61,8 @@ import { O as wo } from "../OrOverlay-BzbAwvpo.mjs";
|
|
|
61
61
|
import { O as No } from "../OrPagination-CCEOMfsC.mjs";
|
|
62
62
|
import { O as Ho, a as _o, P as jo, g as Uo, b as Wo, i as qo, s as Qo } from "../OrPopover-DsFw4mp2.mjs";
|
|
63
63
|
import { O as Ko, P as Xo, a as Yo } from "../OrProgress-Cup4X--u.mjs";
|
|
64
|
-
import { O as $o } from "../OrRadioGroup-
|
|
65
|
-
import { O as ae } from "../OrRadio-
|
|
64
|
+
import { O as $o } from "../OrRadioGroup-CHxkcLRh.mjs";
|
|
65
|
+
import { O as ae } from "../OrRadio-DdFBJaoq.mjs";
|
|
66
66
|
import { O as ee } from "../OrRangeSlider-CCy-Y7EH.mjs";
|
|
67
67
|
import { O as se, R as Oe } from "../OrRating-CAwz23JA.mjs";
|
|
68
68
|
import { O as pe, R as me, a as ne } from "../OrResizeablePanel-BBoIfFxF.mjs";
|
package/dist/esm/index.mjs
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { O as o } from "./OrAutocomplete-ChjEV7kw.mjs";
|
|
2
2
|
import { a as t, A as s, O } from "./OrAvatar-kdj2ReS0.mjs";
|
|
3
3
|
import { B as p, O as m } from "./OrBottomSheet-CALU9i4F.mjs";
|
|
4
|
-
import { O as x } from "./OrButtonGroup-
|
|
4
|
+
import { O as x } from "./OrButtonGroup-CKCpTfVl.mjs";
|
|
5
5
|
import { O as V } from "./OrButton-ZxDr22t7.mjs";
|
|
6
6
|
import { a as T, b as d, B as c } from "./OrButton.vue_vue_type_script_lang-CkMyXNEI.mjs";
|
|
7
7
|
import { C, O as b, d as u, g as S, l as I } from "./OrCardCollection-lBM8Kzcj.mjs";
|
|
@@ -16,7 +16,7 @@ import { json as _, jsonParseLinter as j } from "@codemirror/lang-json";
|
|
|
16
16
|
import { html as W } from "@codemirror/lang-html";
|
|
17
17
|
import { EditorView as Q } from "@codemirror/view";
|
|
18
18
|
import { EditorState as K } from "@codemirror/state";
|
|
19
|
-
import { O as Y } from "./OrCombinedInput-
|
|
19
|
+
import { O as Y } from "./OrCombinedInput-dpWGsQmE.mjs";
|
|
20
20
|
import { C as $, O as rr } from "./OrConfirm-BShQfZJi.mjs";
|
|
21
21
|
import { O as or } from "./OrContextMenu-DPkHnqgT.mjs";
|
|
22
22
|
import { a as tr, b as sr, D as Or, c as ir, d as pr, q as mr, o as nr, g as xr, e as fr, f as Vr, r as lr, j as Tr, h as dr, i as cr, m as Dr, k as Cr, l as br, n as ur, p as Sr, O as Ir } from "./OrDataGrid-edH2V98b.mjs";
|
|
@@ -61,8 +61,8 @@ import { O as wo } from "./OrOverlay-BzbAwvpo.mjs";
|
|
|
61
61
|
import { O as No } from "./OrPagination-CCEOMfsC.mjs";
|
|
62
62
|
import { O as Ho, a as _o, P as jo, g as Uo, b as Wo, i as qo, s as Qo } from "./OrPopover-DsFw4mp2.mjs";
|
|
63
63
|
import { O as Ko, P as Xo, a as Yo } from "./OrProgress-Cup4X--u.mjs";
|
|
64
|
-
import { O as $o } from "./OrRadioGroup-
|
|
65
|
-
import { O as ae } from "./OrRadio-
|
|
64
|
+
import { O as $o } from "./OrRadioGroup-CHxkcLRh.mjs";
|
|
65
|
+
import { O as ae } from "./OrRadio-DdFBJaoq.mjs";
|
|
66
66
|
import { O as ee } from "./OrRangeSlider-CCy-Y7EH.mjs";
|
|
67
67
|
import { O as se, R as Oe } from "./OrRating-CAwz23JA.mjs";
|
|
68
68
|
import { O as pe, R as me, a as ne } from "./OrResizeablePanel-BBoIfFxF.mjs";
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@onereach/ui-components",
|
|
3
|
-
"version": "27.0.2-beta.
|
|
3
|
+
"version": "27.0.2-beta.6103.0",
|
|
4
4
|
"description": "Vue components library for v3",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"sideEffects": false,
|
|
@@ -47,8 +47,8 @@
|
|
|
47
47
|
"@floating-ui/dom": "1.7.6",
|
|
48
48
|
"@lezer/common": "1.5.2",
|
|
49
49
|
"@lezer/highlight": "*",
|
|
50
|
-
"@onereach/styles": "^27.0.2-beta.
|
|
51
|
-
"@onereach/ui-components-common": "^27.0.2-beta.
|
|
50
|
+
"@onereach/styles": "^27.0.2-beta.6103.0",
|
|
51
|
+
"@onereach/ui-components-common": "^27.0.2-beta.6103.0",
|
|
52
52
|
"@splidejs/splide": "4.0.6",
|
|
53
53
|
"@tiptap/core": "2.27.1",
|
|
54
54
|
"@tiptap/extension-blockquote": "2.27.1",
|