@onereach/ui-components 23.1.1 → 23.1.2
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/{OrFilter-sHL5dLBZ.mjs → OrFilter-C8d3OmGK.mjs} +2 -2
- package/dist/esm/{OrFilter-sHL5dLBZ.mjs.map → OrFilter-C8d3OmGK.mjs.map} +1 -1
- package/dist/esm/{OrFilterTrigger-CiScTjiQ.mjs → OrFilterTrigger-zfcgyC7C.mjs} +26 -22
- package/dist/esm/OrFilterTrigger-zfcgyC7C.mjs.map +1 -0
- package/dist/esm/components/index.mjs +2 -2
- package/dist/esm/components/or-filter-trigger-v3/index.mjs +1 -1
- package/dist/esm/components/or-filter-v3/index.mjs +1 -1
- package/dist/esm/index.mjs +2 -2
- package/dist/types/components/or-filter-trigger-v3/OrFilterTrigger.vue.d.ts +9 -0
- package/dist/types/components/or-filter-v3/OrFilter.vue.d.ts +13 -0
- package/package.json +4 -4
- package/dist/esm/OrFilterTrigger-CiScTjiQ.mjs.map +0 -1
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { defineComponent as R, ref as n, computed as m, toRef as C, resolveComponent as f, openBlock as S, createElementBlock as c, normalizeClass as k, createVNode as u, mergeProps as v, withCtx as d, renderSlot as O, normalizeProps as B, guardReactiveProps as T } from "vue";
|
|
2
2
|
import { usePopoverState as b } from "@onereach/ui-components-common/hooks";
|
|
3
3
|
import { O as j } from "./OrFilterPopover-C8lXb-hJ.mjs";
|
|
4
|
-
import { O as z } from "./OrFilterTrigger-
|
|
4
|
+
import { O as z } from "./OrFilterTrigger-zfcgyC7C.mjs";
|
|
5
5
|
import { _ as w } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
|
|
6
6
|
const A = [], E = R({
|
|
7
7
|
name: "OrFilter",
|
|
@@ -102,4 +102,4 @@ const H = /* @__PURE__ */ w(E, [["render", N]]);
|
|
|
102
102
|
export {
|
|
103
103
|
H as O
|
|
104
104
|
};
|
|
105
|
-
//# sourceMappingURL=OrFilter-
|
|
105
|
+
//# sourceMappingURL=OrFilter-C8d3OmGK.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OrFilter-
|
|
1
|
+
{"version":3,"file":"OrFilter-C8d3OmGK.mjs","sources":["../../../components/or-filter-v3/src/styles.ts","../../../components/or-filter-v3/src/OrFilter.vue"],"sourcesContent":["export const Filter: string[] = [];\n","<template>\n <div\n :ref=\"'root'\"\n :class=\"rootStyles\"\n >\n <OrFilterTrigger\n :ref=\"'trigger'\"\n :is-open=\"state === 'open'\"\n v-bind=\"triggerProps\"\n @click=\"toggle()\"\n @reset=\"reset()\"\n />\n\n <OrFilterPopover\n :ref=\"'popover'\"\n :is-open=\"state === 'open'\"\n :trigger=\"triggerRoot\"\n v-bind=\"popoverProps\"\n @update:state=\"$event === 'open' ? open() : close()\"\n @apply=\"apply()\"\n @reset=\"reset()\"\n >\n <slot />\n\n <template v-slot:actions=\"props\">\n <slot\n :name=\"'actions'\"\n v-bind=\"props\"\n />\n </template>\n </OrFilterPopover>\n </div>\n</template>\n\n<script lang=\"ts\">\nimport { PropType, computed, defineComponent, ref, toRef } from 'vue';\nimport { usePopoverState } from '@onereach/ui-components-common/hooks';\nimport { OrFilterPopoverV3 as OrFilterPopover } from '@onereach/ui-components.or-filter-popover-v3';\nimport { OrFilterTriggerV3 as OrFilterTrigger } from '@onereach/ui-components.or-filter-trigger-v3';\nimport * as Styles from './styles';\n\nexport default defineComponent({\n name: 'OrFilter',\n\n components: {\n OrFilterPopover,\n OrFilterTrigger,\n },\n\n props: {\n isOpen: {\n type: Boolean,\n default: false,\n },\n\n triggerProps: {\n type: Object as PropType<Omit<InstanceType<typeof OrFilterTrigger>['$props'], 'isOpen'>>,\n default: () => ({}),\n },\n\n popoverProps: {\n type: Object as PropType<Omit<InstanceType<typeof OrFilterPopover>['$props'], 'isOpen' | 'trigger'>>,\n default: () => ({}),\n },\n },\n\n emits: [\n 'update:state',\n\n 'open',\n 'close',\n\n 'apply',\n 'reset',\n ],\n\n expose: [\n 'root',\n\n 'state',\n\n 'open',\n 'close',\n 'toggle',\n ],\n\n setup(props, context) {\n // Refs & Styles\n const root = ref<HTMLElement>();\n\n const rootStyles = computed(() => [\n 'or-filter-v3',\n ...Styles.Filter,\n ]);\n\n const trigger = ref<InstanceType<typeof OrFilterTrigger>>();\n\n const triggerRoot = computed(() => {\n return trigger.value?.root;\n });\n\n const popover = ref<InstanceType<typeof OrFilterPopover>>();\n\n // State\n const { state, open, close, toggle } = usePopoverState(toRef(props, 'isOpen'), context.emit);\n\n // Methods\n function apply(): void {\n context.emit('apply');\n }\n\n function reset(): void {\n context.emit('reset');\n }\n\n return {\n root,\n rootStyles,\n\n trigger,\n triggerRoot,\n\n popover,\n\n state,\n\n open,\n close,\n toggle,\n\n apply,\n reset,\n };\n },\n});\n</script>\n"],"names":["Filter","_sfc_main","defineComponent","OrFilterPopover","OrFilterTrigger","props","context","root","ref","rootStyles","computed","Styles.Filter","trigger","triggerRoot","_a","popover","state","open","close","toggle","usePopoverState","toRef","apply","reset","_resolveComponent","_openBlock","_createElementBlock","_normalizeClass","_ctx","_component_OrFilterTrigger","_mergeProps","_cache","$event","_createVNode","_component_OrFilterPopover","_withCtx","_renderSlot","_normalizeProps","_guardReactiveProps"],"mappings":";;;;;AAAO,MAAMA,IAAmB,CAAC,GCyCjCC,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EAEN,YAAY;AAAA,IACV,iBAAAC;AAAA,IACA,iBAAAC;AAAA,EACF;AAAA,EAEA,OAAO;AAAA,IACL,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,cAAc;AAAA,MACZ,MAAM;AAAA,MACN,SAAS,OAAO,CAAA;AAAA,IAClB;AAAA,IAEA,cAAc;AAAA,MACZ,MAAM;AAAA,MACN,SAAS,OAAO,CAAA;AAAA,IAClB;AAAA,EACF;AAAA,EAEA,OAAO;AAAA,IACL;AAAA,IAEA;AAAA,IACA;AAAA,IAEA;AAAA,IACA;AAAA,EACF;AAAA,EAEA,QAAQ;AAAA,IACN;AAAA,IAEA;AAAA,IAEA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAAA,EAEA,MAAMC,GAAOC,GAAS;AAEpB,UAAMC,IAAOC,KAEPC,IAAaC,EAAS,MAAM;AAAA,MAChC;AAAA,MACA,GAAGC;AAAAA,IAAO,CACX,GAEKC,IAAUJ,KAEVK,IAAcH,EAAS,MAAM;;AACjC,cAAOI,IAAAF,EAAQ,UAAR,gBAAAE,EAAe;AAAA,IAAA,CACvB,GAEKC,IAAUP,KAGV,EAAE,OAAAQ,GAAO,MAAAC,GAAM,OAAAC,GAAO,QAAAC,EAAO,IAAIC,EAAgBC,EAAMhB,GAAO,QAAQ,GAAGC,EAAQ,IAAI;AAG3F,aAASgB,IAAc;AACrB,MAAAhB,EAAQ,KAAK,OAAO;AAAA,IACtB;AAEA,aAASiB,IAAc;AACrB,MAAAjB,EAAQ,KAAK,OAAO;AAAA,IACtB;AAEO,WAAA;AAAA,MACL,MAAAC;AAAA,MACA,YAAAE;AAAA,MAEA,SAAAG;AAAA,MACA,aAAAC;AAAA,MAEA,SAAAE;AAAA,MAEA,OAAAC;AAAA,MAEA,MAAAC;AAAA,MACA,OAAAC;AAAA,MACA,QAAAC;AAAA,MAEA,OAAAG;AAAA,MACA,OAAAC;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;;sCArICC,EA8BM,iBAAA;SA5BEC,EAAY,GAAAC,EAAA,OAAA;AAAA,IAAA,KAAA;AAAA,IAElB,OAMEC,EAAAC,EAAA,UAAA;AAAA,EAAA,GAAA;AAAA,MAJUC,GAAKC,EAAA;AAAA,MACP,KAAA;AAAA,MACP,WAAKF,EAAA,UAAA;AAAA,IAAA,GACLA,EAAK,cAAA;AAAA,MAAA,SAAAG,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAAJ,EAAA;MAGR,SAAAG,EAiBkB,qBAjBlBH,EAiBkB;IAAA,CAAA,GAhBf,MAAK,IAAS,CAAA,SAAA,CAAA;AAAA,IAAAK,EACLC,GAAKJ,EAAA;AAAA,MACd,KAAA;AAAA,MAAA,WACOF,EAAY,UAAA;AAAA,MACnB,SAAAA,EAAA;AAAA,IAAA,GACAA,EAAK,cAAA;AAAA,MACL,kBAAKG,uBAAEC,MAAK,SAAAJ,EAAA,KAAA,IAAAA,EAAA,MAAA;AAAA,MAAA,SAAAG,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAAJ,EAAA;MAII,SAAOG,SAIpBA,EAJ2B,CAAA,IAAA,CAAAC,MAAAJ,EAAA;IAAA,CAC7B,GAAA;AAAA,MAAA,SAAAO,EAAA,CAAA9B,MAAA;AAAA,QAHM+B,EAAAR,EAAA,QAAA,WAAAS,EAAAC,EAAAjC,CAAA,CAAA,CAAA;AAAA,MAAA,CAAA;AAAA;;;;;;;;"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { O as
|
|
3
|
-
import { O as S } from "
|
|
4
|
-
import { _ as
|
|
5
|
-
const
|
|
1
|
+
import { O as y } from "./OrIconButton-BlHCLpeW.mjs";
|
|
2
|
+
import { O as v } from "./OrIcon-k8cyvh-D.mjs";
|
|
3
|
+
import { defineComponent as b, ref as O, computed as a, resolveComponent as c, openBlock as p, createElementBlock as u, normalizeClass as t, createElementVNode as n, createVNode as g, createTextVNode as f, toDisplayString as h, withModifiers as S, createCommentVNode as _ } from "vue";
|
|
4
|
+
import { _ as T } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
|
|
5
|
+
const w = [
|
|
6
6
|
// Layout
|
|
7
7
|
"layout-row",
|
|
8
8
|
// Interactivity
|
|
@@ -39,7 +39,7 @@ const T = [
|
|
|
39
39
|
// Theme (.icon / hover)
|
|
40
40
|
"[&_.icon]:hover:theme-foreground-primary-hover",
|
|
41
41
|
"dark:[&_.icon]:hover:theme-foreground-primary-hover-dark"
|
|
42
|
-
],
|
|
42
|
+
], x = [
|
|
43
43
|
// Layout
|
|
44
44
|
"layout-row",
|
|
45
45
|
// Spacing
|
|
@@ -60,11 +60,11 @@ const T = [
|
|
|
60
60
|
"dark:theme-foreground-default-dark",
|
|
61
61
|
"theme-background-default",
|
|
62
62
|
"dark:theme-background-default-dark"
|
|
63
|
-
], C =
|
|
63
|
+
], C = b({
|
|
64
64
|
name: "OrFilterTrigger",
|
|
65
65
|
components: {
|
|
66
|
-
OrIcon:
|
|
67
|
-
OrIconButton:
|
|
66
|
+
OrIcon: v,
|
|
67
|
+
OrIconButton: y
|
|
68
68
|
},
|
|
69
69
|
props: {
|
|
70
70
|
isOpen: {
|
|
@@ -78,6 +78,10 @@ const T = [
|
|
|
78
78
|
label: {
|
|
79
79
|
type: String,
|
|
80
80
|
default: "Filters"
|
|
81
|
+
},
|
|
82
|
+
icon: {
|
|
83
|
+
type: String,
|
|
84
|
+
default: "filter_list"
|
|
81
85
|
}
|
|
82
86
|
},
|
|
83
87
|
emits: [
|
|
@@ -88,12 +92,12 @@ const T = [
|
|
|
88
92
|
"root"
|
|
89
93
|
],
|
|
90
94
|
setup(e, r) {
|
|
91
|
-
const d =
|
|
95
|
+
const d = O(), i = a(() => [
|
|
92
96
|
"or-filter-trigger-v3",
|
|
93
|
-
...T
|
|
94
|
-
]), i = a(() => [
|
|
95
97
|
...w
|
|
96
98
|
]), l = a(() => [
|
|
99
|
+
...x
|
|
100
|
+
]), s = a(() => [
|
|
97
101
|
...B
|
|
98
102
|
]);
|
|
99
103
|
function o() {
|
|
@@ -101,9 +105,9 @@ const T = [
|
|
|
101
105
|
}
|
|
102
106
|
return {
|
|
103
107
|
root: d,
|
|
104
|
-
rootStyles:
|
|
105
|
-
labelStyles:
|
|
106
|
-
tagStyles:
|
|
108
|
+
rootStyles: i,
|
|
109
|
+
labelStyles: l,
|
|
110
|
+
tagStyles: s,
|
|
107
111
|
reset: o
|
|
108
112
|
};
|
|
109
113
|
}
|
|
@@ -113,7 +117,7 @@ const T = [
|
|
|
113
117
|
}, $ = {
|
|
114
118
|
class: /* @__PURE__ */ t(["layout-inline-row", "-m-[4px]"])
|
|
115
119
|
};
|
|
116
|
-
function N(e, r, d,
|
|
120
|
+
function N(e, r, d, i, l, s) {
|
|
117
121
|
const o = c("OrIcon"), k = c("OrIconButton");
|
|
118
122
|
return p(), u("div", {
|
|
119
123
|
ref: "root",
|
|
@@ -127,8 +131,8 @@ function N(e, r, d, s, i, l) {
|
|
|
127
131
|
}, [
|
|
128
132
|
g(o, {
|
|
129
133
|
class: t("icon"),
|
|
130
|
-
icon:
|
|
131
|
-
}),
|
|
134
|
+
icon: e.icon
|
|
135
|
+
}, null, 8, ["icon"]),
|
|
132
136
|
f(" " + h(e.label), 1)
|
|
133
137
|
], 2),
|
|
134
138
|
e.value ? (p(), u("div", I, [
|
|
@@ -139,15 +143,15 @@ function N(e, r, d, s, i, l) {
|
|
|
139
143
|
n("div", $, [
|
|
140
144
|
g(k, {
|
|
141
145
|
icon: "close",
|
|
142
|
-
onClick: r[0] || (r[0] =
|
|
146
|
+
onClick: r[0] || (r[0] = S((m) => e.reset(), ["stop"]))
|
|
143
147
|
})
|
|
144
148
|
])
|
|
145
149
|
], 2)
|
|
146
|
-
])) :
|
|
150
|
+
])) : _("", !0)
|
|
147
151
|
], 10, F);
|
|
148
152
|
}
|
|
149
|
-
const L = /* @__PURE__ */
|
|
153
|
+
const L = /* @__PURE__ */ T(C, [["render", N]]);
|
|
150
154
|
export {
|
|
151
155
|
L as O
|
|
152
156
|
};
|
|
153
|
-
//# sourceMappingURL=OrFilterTrigger-
|
|
157
|
+
//# sourceMappingURL=OrFilterTrigger-zfcgyC7C.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"OrFilterTrigger-zfcgyC7C.mjs","sources":["../../../components/or-filter-trigger-v3/src/styles.ts","../../../components/or-filter-trigger-v3/src/OrFilterTrigger.vue"],"sourcesContent":["export const FilterTrigger: string[] = [\n // Layout\n 'layout-row',\n\n // Interactivity\n 'interactivity-click',\n\n // Shape\n 'rounded-full',\n\n // Box\n 'h-[44px] md:h-[32px]',\n\n // Spacing\n 'px-md md:px-sm+',\n 'py-0',\n\n 'gap-md+ md:gap-md',\n\n // Typography\n 'typography-button',\n\n // Theme\n 'theme-foreground-default',\n 'dark:theme-foreground-default-dark',\n\n // Theme (hover)\n 'hover:theme-foreground-primary-hover',\n 'dark:hover:theme-foreground-primary-hover-dark',\n\n 'hover:theme-background-primary-translucent-1',\n 'dark:hover:theme-background-primary-translucent-1-dark',\n\n // Theme (selected)\n 'selected:theme-foreground-primary',\n 'dark:selected:theme-foreground-primary-dark',\n\n 'selected:theme-background-primary-translucent-1',\n 'dark:selected:theme-background-primary-translucent-1-dark',\n\n // Theme (activated)\n 'activated:theme-background-primary-translucent-1',\n 'dark:activated:theme-background-primary-translucent-1-dark',\n\n // Theme (.icon)\n '[&_.icon]:theme-foreground-primary',\n 'dark:[&_.icon]:theme-foreground-primary-dark',\n\n // Theme (.icon / hover)\n '[&_.icon]:hover:theme-foreground-primary-hover',\n 'dark:[&_.icon]:hover:theme-foreground-primary-hover-dark',\n];\n\nexport const FilterTriggerLabel: string[] = [\n // Layout\n 'layout-row',\n\n // Spacing\n 'gap-xs',\n];\n\nexport const FilterTriggerTag: string[] = [\n // Layout\n 'layout-row',\n\n // Shape\n 'rounded-full',\n\n // Box\n 'h-[36px] md:h-[24px]',\n\n // Spacing\n 'px-sm+ md:px-sm',\n 'py-0',\n\n 'gap-sm+ md:gap-sm',\n\n // Theme\n 'theme-foreground-default',\n 'dark:theme-foreground-default-dark',\n\n 'theme-background-default',\n 'dark:theme-background-default-dark',\n];\n","<template>\n <div\n :ref=\"'root'\"\n :class=\"rootStyles\"\n :selected=\"isOpen\"\n :activated=\"!!value\"\n @click=\"$emit('click', $event)\"\n >\n <div :class=\"labelStyles\">\n <OrIcon\n :class=\"'icon'\"\n :icon=\"icon\"\n />\n\n {{ label }}\n </div>\n\n <template v-if=\"value\">\n <div :class=\"['layout-inline-row', '-m-[12px] md:-m-[8px]']\">\n <div :class=\"tagStyles\">\n {{ value }}\n\n <div :class=\"['layout-inline-row', '-m-[4px]']\">\n <OrIconButton\n :icon=\"'close'\"\n @click.stop=\"reset()\"\n />\n </div>\n </div>\n </div>\n </template>\n </div>\n</template>\n\n<script lang=\"ts\">\nimport { OrIconButtonV3 as OrIconButton } from '@onereach/ui-components.or-icon-button-v3';\nimport { OrIconV3 as OrIcon } from '@onereach/ui-components.or-icon-v3';\nimport { computed, defineComponent, ref } from 'vue';\n\nimport * as Styles from './styles';\n\nexport default defineComponent({\n name: 'OrFilterTrigger',\n\n components: {\n OrIcon,\n OrIconButton,\n },\n\n props: {\n isOpen: {\n type: Boolean,\n default: false,\n },\n\n value: {\n type: [Number, String],\n default: undefined,\n },\n\n label: {\n type: String,\n default: 'Filters',\n },\n\n icon: {\n type: String,\n default: 'filter_list',\n },\n },\n\n emits: [\n 'reset',\n 'click',\n ],\n\n expose: [\n 'root',\n ],\n\n setup(props, context) {\n // Refs & Styles\n const root = ref<HTMLElement>();\n\n const rootStyles = computed(() => [\n 'or-filter-trigger-v3',\n ...Styles.FilterTrigger,\n ]);\n\n const labelStyles = computed(() => [\n ...Styles.FilterTriggerLabel,\n ]);\n\n const tagStyles = computed(() => [\n ...Styles.FilterTriggerTag,\n ]);\n\n // Methods\n function reset(): void {\n context.emit('reset');\n }\n\n return {\n root,\n rootStyles,\n\n labelStyles,\n\n tagStyles,\n\n reset,\n };\n },\n});\n</script>\n"],"names":["FilterTrigger","FilterTriggerLabel","FilterTriggerTag","_sfc_main","defineComponent","OrIcon","OrIconButton","props","context","root","ref","rootStyles","computed","Styles.FilterTrigger","labelStyles","Styles.FilterTriggerLabel","tagStyles","Styles.FilterTriggerTag","reset","_hoisted_2","_resolveComponent","_openBlock","_createElementBlock","_normalizeClass","_ctx","_cache","$event","_component_OrIcon","_createTextVNode","_toDisplayString","_createElementVNode","_hoisted_3","_createVNode","_component_OrIconButton"],"mappings":"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"}
|
|
@@ -36,8 +36,8 @@ import { O as Xr } from "../OrError-B5ihH6-3.mjs";
|
|
|
36
36
|
import { b as Zr, a as _r, E as $r, O as ro } from "../OrExpansionPanel-BNGPdEnp.mjs";
|
|
37
37
|
import { F as ao, O as eo } from "../OrFab-Cbg9unNc.mjs";
|
|
38
38
|
import { O as so } from "../OrFilterPopover-C8lXb-hJ.mjs";
|
|
39
|
-
import { O as io } from "../OrFilterTrigger-
|
|
40
|
-
import { O as mo } from "../OrFilter-
|
|
39
|
+
import { O as io } from "../OrFilterTrigger-zfcgyC7C.mjs";
|
|
40
|
+
import { O as mo } from "../OrFilter-C8d3OmGK.mjs";
|
|
41
41
|
import { F as xo, a as Vo, O as fo } from "../OrFormGroup-BFAjTfM9.mjs";
|
|
42
42
|
import { O as To } from "../OrHint-NvbZyURY.mjs";
|
|
43
43
|
import { I as So, O as uo } from "../OrIconButton-BlHCLpeW.mjs";
|
package/dist/esm/index.mjs
CHANGED
|
@@ -36,8 +36,8 @@ import { O as Xr } from "./OrError-B5ihH6-3.mjs";
|
|
|
36
36
|
import { b as Zr, a as _r, E as $r, O as ro } from "./OrExpansionPanel-BNGPdEnp.mjs";
|
|
37
37
|
import { F as ao, O as eo } from "./OrFab-Cbg9unNc.mjs";
|
|
38
38
|
import { O as so } from "./OrFilterPopover-C8lXb-hJ.mjs";
|
|
39
|
-
import { O as io } from "./OrFilterTrigger-
|
|
40
|
-
import { O as mo } from "./OrFilter-
|
|
39
|
+
import { O as io } from "./OrFilterTrigger-zfcgyC7C.mjs";
|
|
40
|
+
import { O as mo } from "./OrFilter-C8d3OmGK.mjs";
|
|
41
41
|
import { F as xo, a as Vo, O as fo } from "./OrFormGroup-BFAjTfM9.mjs";
|
|
42
42
|
import { O as To } from "./OrHint-NvbZyURY.mjs";
|
|
43
43
|
import { I as So, O as uo } from "./OrIconButton-BlHCLpeW.mjs";
|
|
@@ -11,6 +11,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
11
11
|
type: StringConstructor;
|
|
12
12
|
default: string;
|
|
13
13
|
};
|
|
14
|
+
icon: {
|
|
15
|
+
type: StringConstructor;
|
|
16
|
+
default: string;
|
|
17
|
+
};
|
|
14
18
|
}, {
|
|
15
19
|
root: import("vue").Ref<HTMLElement | undefined>;
|
|
16
20
|
rootStyles: import("vue").ComputedRef<string[]>;
|
|
@@ -30,10 +34,15 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
30
34
|
type: StringConstructor;
|
|
31
35
|
default: string;
|
|
32
36
|
};
|
|
37
|
+
icon: {
|
|
38
|
+
type: StringConstructor;
|
|
39
|
+
default: string;
|
|
40
|
+
};
|
|
33
41
|
}>> & {
|
|
34
42
|
onClick?: ((...args: any[]) => any) | undefined;
|
|
35
43
|
onReset?: ((...args: any[]) => any) | undefined;
|
|
36
44
|
}, {
|
|
45
|
+
icon: string;
|
|
37
46
|
isOpen: boolean;
|
|
38
47
|
value: string | number;
|
|
39
48
|
label: string;
|
|
@@ -6,6 +6,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
6
6
|
};
|
|
7
7
|
triggerProps: {
|
|
8
8
|
type: PropType<Omit<{
|
|
9
|
+
icon?: string | undefined;
|
|
9
10
|
isOpen?: boolean | undefined;
|
|
10
11
|
value?: string | number | undefined;
|
|
11
12
|
label?: string | undefined;
|
|
@@ -129,6 +130,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
129
130
|
$: import("vue").ComponentInternalInstance;
|
|
130
131
|
$data: {};
|
|
131
132
|
$props: {
|
|
133
|
+
icon?: string | undefined;
|
|
132
134
|
isOpen?: boolean | undefined;
|
|
133
135
|
value?: string | number | undefined;
|
|
134
136
|
label?: string | undefined;
|
|
@@ -205,6 +207,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
205
207
|
type: StringConstructor;
|
|
206
208
|
default: string;
|
|
207
209
|
};
|
|
210
|
+
icon: {
|
|
211
|
+
type: StringConstructor;
|
|
212
|
+
default: string;
|
|
213
|
+
};
|
|
208
214
|
}>> & {
|
|
209
215
|
onClick?: ((...args: any[]) => any) | undefined;
|
|
210
216
|
onReset?: ((...args: any[]) => any) | undefined;
|
|
@@ -215,6 +221,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
215
221
|
tagStyles: import("vue").ComputedRef<string[]>;
|
|
216
222
|
reset: () => void;
|
|
217
223
|
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "reset")[], string, {
|
|
224
|
+
icon: string;
|
|
218
225
|
isOpen: boolean;
|
|
219
226
|
value: string | number;
|
|
220
227
|
label: string;
|
|
@@ -251,6 +258,10 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
251
258
|
type: StringConstructor;
|
|
252
259
|
default: string;
|
|
253
260
|
};
|
|
261
|
+
icon: {
|
|
262
|
+
type: StringConstructor;
|
|
263
|
+
default: string;
|
|
264
|
+
};
|
|
254
265
|
}>> & {
|
|
255
266
|
onClick?: ((...args: any[]) => any) | undefined;
|
|
256
267
|
onReset?: ((...args: any[]) => any) | undefined;
|
|
@@ -504,6 +515,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
504
515
|
};
|
|
505
516
|
triggerProps: {
|
|
506
517
|
type: PropType<Omit<{
|
|
518
|
+
icon?: string | undefined;
|
|
507
519
|
isOpen?: boolean | undefined;
|
|
508
520
|
value?: string | number | undefined;
|
|
509
521
|
label?: string | undefined;
|
|
@@ -629,6 +641,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
629
641
|
}, {
|
|
630
642
|
isOpen: boolean;
|
|
631
643
|
triggerProps: Omit<{
|
|
644
|
+
icon?: string | undefined;
|
|
632
645
|
isOpen?: boolean | undefined;
|
|
633
646
|
value?: string | number | undefined;
|
|
634
647
|
label?: string | undefined;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@onereach/ui-components",
|
|
3
|
-
"version": "23.1.
|
|
3
|
+
"version": "23.1.2",
|
|
4
4
|
"description": "Vue components library for v3",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"sideEffects": false,
|
|
@@ -46,8 +46,8 @@
|
|
|
46
46
|
"@codemirror/view": "^6",
|
|
47
47
|
"@floating-ui/dom": "1.5.3",
|
|
48
48
|
"@lezer/highlight": "*",
|
|
49
|
-
"@onereach/styles": "^23.1.
|
|
50
|
-
"@onereach/ui-components-common": "^23.1.
|
|
49
|
+
"@onereach/styles": "^23.1.2",
|
|
50
|
+
"@onereach/ui-components-common": "^23.1.2",
|
|
51
51
|
"@splidejs/splide": "4.0.6",
|
|
52
52
|
"@tiptap/core": "2.0.3",
|
|
53
53
|
"@tiptap/extension-blockquote": "2.0.3",
|
|
@@ -103,5 +103,5 @@
|
|
|
103
103
|
"access": "public"
|
|
104
104
|
},
|
|
105
105
|
"npmUnpacked": "4.15.2",
|
|
106
|
-
"gitHead": "
|
|
106
|
+
"gitHead": "1a476a5dc63f978dbc9fda492b381a9a2b084061"
|
|
107
107
|
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"OrFilterTrigger-CiScTjiQ.mjs","sources":["../../../components/or-filter-trigger-v3/src/styles.ts","../../../components/or-filter-trigger-v3/src/OrFilterTrigger.vue"],"sourcesContent":["export const FilterTrigger: string[] = [\n // Layout\n 'layout-row',\n\n // Interactivity\n 'interactivity-click',\n\n // Shape\n 'rounded-full',\n\n // Box\n 'h-[44px] md:h-[32px]',\n\n // Spacing\n 'px-md md:px-sm+',\n 'py-0',\n\n 'gap-md+ md:gap-md',\n\n // Typography\n 'typography-button',\n\n // Theme\n 'theme-foreground-default',\n 'dark:theme-foreground-default-dark',\n\n // Theme (hover)\n 'hover:theme-foreground-primary-hover',\n 'dark:hover:theme-foreground-primary-hover-dark',\n\n 'hover:theme-background-primary-translucent-1',\n 'dark:hover:theme-background-primary-translucent-1-dark',\n\n // Theme (selected)\n 'selected:theme-foreground-primary',\n 'dark:selected:theme-foreground-primary-dark',\n\n 'selected:theme-background-primary-translucent-1',\n 'dark:selected:theme-background-primary-translucent-1-dark',\n\n // Theme (activated)\n 'activated:theme-background-primary-translucent-1',\n 'dark:activated:theme-background-primary-translucent-1-dark',\n\n // Theme (.icon)\n '[&_.icon]:theme-foreground-primary',\n 'dark:[&_.icon]:theme-foreground-primary-dark',\n\n // Theme (.icon / hover)\n '[&_.icon]:hover:theme-foreground-primary-hover',\n 'dark:[&_.icon]:hover:theme-foreground-primary-hover-dark',\n];\n\nexport const FilterTriggerLabel: string[] = [\n // Layout\n 'layout-row',\n\n // Spacing\n 'gap-xs',\n];\n\nexport const FilterTriggerTag: string[] = [\n // Layout\n 'layout-row',\n\n // Shape\n 'rounded-full',\n\n // Box\n 'h-[36px] md:h-[24px]',\n\n // Spacing\n 'px-sm+ md:px-sm',\n 'py-0',\n\n 'gap-sm+ md:gap-sm',\n\n // Theme\n 'theme-foreground-default',\n 'dark:theme-foreground-default-dark',\n\n 'theme-background-default',\n 'dark:theme-background-default-dark',\n];\n","<template>\n <div\n :ref=\"'root'\"\n :class=\"rootStyles\"\n :selected=\"isOpen\"\n :activated=\"!!value\"\n @click=\"$emit('click', $event)\"\n >\n <div :class=\"labelStyles\">\n <OrIcon\n :class=\"'icon'\"\n :icon=\"'filter_list'\"\n />\n\n {{ label }}\n </div>\n\n <template v-if=\"value\">\n <div :class=\"['layout-inline-row', '-m-[12px] md:-m-[8px]']\">\n <div :class=\"tagStyles\">\n {{ value }}\n\n <div :class=\"['layout-inline-row', '-m-[4px]']\">\n <OrIconButton\n :icon=\"'close'\"\n @click.stop=\"reset()\"\n />\n </div>\n </div>\n </div>\n </template>\n </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, ref } from 'vue';\nimport { OrIconButtonV3 as OrIconButton } from '@onereach/ui-components.or-icon-button-v3';\nimport { OrIconV3 as OrIcon } from '@onereach/ui-components.or-icon-v3';\nimport * as Styles from './styles';\n\nexport default defineComponent({\n name: 'OrFilterTrigger',\n\n components: {\n OrIcon,\n OrIconButton,\n },\n\n props: {\n isOpen: {\n type: Boolean,\n default: false,\n },\n\n value: {\n type: [Number, String],\n default: undefined,\n },\n\n label: {\n type: String,\n default: 'Filters',\n },\n },\n\n emits: [\n 'reset',\n 'click',\n ],\n\n expose: [\n 'root',\n ],\n\n setup(props, context) {\n // Refs & Styles\n const root = ref<HTMLElement>();\n\n const rootStyles = computed(() => [\n 'or-filter-trigger-v3',\n ...Styles.FilterTrigger,\n ]);\n\n const labelStyles = computed(() => [\n ...Styles.FilterTriggerLabel,\n ]);\n\n const tagStyles = computed(() => [\n ...Styles.FilterTriggerTag,\n ]);\n\n // Methods\n function reset(): void {\n context.emit('reset');\n }\n\n return {\n root,\n rootStyles,\n\n labelStyles,\n\n tagStyles,\n\n reset,\n };\n },\n});\n</script>\n"],"names":["FilterTrigger","FilterTriggerLabel","FilterTriggerTag","_sfc_main","defineComponent","OrIcon","OrIconButton","props","context","root","ref","rootStyles","computed","Styles.FilterTrigger","labelStyles","Styles.FilterTriggerLabel","tagStyles","Styles.FilterTriggerTag","reset","_hoisted_2","_resolveComponent","_openBlock","_createElementBlock","_normalizeClass","_ctx","_cache","$event","_component_OrIcon","_createTextVNode","_toDisplayString","_createElementVNode","_hoisted_3","_createVNode","_component_OrIconButton"],"mappings":";;;;AAAO,MAAMA,IAA0B;AAAA;AAAA,EAErC;AAAA;AAAA,EAGA;AAAA;AAAA,EAGA;AAAA;AAAA,EAGA;AAAA;AAAA,EAGA;AAAA,EACA;AAAA,EAEA;AAAA;AAAA,EAGA;AAAA;AAAA,EAGA;AAAA,EACA;AAAA;AAAA,EAGA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA;AAAA,EAGA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA;AAAA,EAGA;AAAA,EACA;AAAA;AAAA,EAGA;AAAA,EACA;AAAA;AAAA,EAGA;AAAA,EACA;AACF,GAEaC,IAA+B;AAAA;AAAA,EAE1C;AAAA;AAAA,EAGA;AACF,GAEaC,IAA6B;AAAA;AAAA,EAExC;AAAA;AAAA,EAGA;AAAA;AAAA,EAGA;AAAA;AAAA,EAGA;AAAA,EACA;AAAA,EAEA;AAAA;AAAA,EAGA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AACF,GC3CAC,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EAEN,YAAY;AAAA,IACV,QAAAC;AAAA,IACA,cAAAC;AAAA,EACF;AAAA,EAEA,OAAO;AAAA,IACL,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,OAAO;AAAA,MACL,MAAM,CAAC,QAAQ,MAAM;AAAA,MACrB,SAAS;AAAA,IACX;AAAA,IAEA,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EAEA,OAAO;AAAA,IACL;AAAA,IACA;AAAA,EACF;AAAA,EAEA,QAAQ;AAAA,IACN;AAAA,EACF;AAAA,EAEA,MAAMC,GAAOC,GAAS;AAEpB,UAAMC,IAAOC,KAEPC,IAAaC,EAAS,MAAM;AAAA,MAChC;AAAA,MACA,GAAGC;AAAAA,IAAO,CACX,GAEKC,IAAcF,EAAS,MAAM;AAAA,MACjC,GAAGG;AAAAA,IAAO,CACX,GAEKC,IAAYJ,EAAS,MAAM;AAAA,MAC/B,GAAGK;AAAAA,IAAO,CACX;AAGD,aAASC,IAAc;AACrB,MAAAV,EAAQ,KAAK,OAAO;AAAA,IACtB;AAEO,WAAA;AAAA,MACL,MAAAC;AAAA,MACA,YAAAE;AAAA,MAEA,aAAAG;AAAA,MAEA,WAAAE;AAAA,MAEA,OAAAE;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC,kCAzFWC,IAAK;AAAA,EAAA,KAAA;AAAA;;;;;6BAjBfC,EA8BM,cAAA;SA5BEC,EAAY,GAAAC,EAAA,OAAA;AAAA,IACjB,KAAA;AAAA,IACA,OAAkBC,EAAAC,EAAA,UAAA;AAAA,IAClB,UAAKA,EAAA;AAAA,IAAA,WAAA,CAAA,CAAAA,EAAA;AAAA,IAEN,SAOMC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAAF,EAAA,MAAA,SAAAE,CAAA;AAAA,EAAA,GAAA;AAAA;MANJ,OAGEH,EAAAC,EAAA,WAAA;AAAA,IAAA,GAAA;AAAA,QADOG,GAAa;AAAA,QAAA,OAAAJ,EAAA,MAAA;AAAA;;MAMRK,EAAK,MAAAC,EAAAL,EAAA,KAAA,GAAA,CAAA;AAAA,IAAA,GAAA,CAAA;AAAA,IAEjBA,EAAA,SAAAH,EAAA,KAAa,OAASF,GAAA;AAAA,MAAAW,EAAA,OAAA;AAAA,QACjB,OAAAP,EAAAC,EAAA,SAAA;AAAA,MAAA,GAEH;AAAA,QAIII,EAAAC,EAAAL,EAAA,KAAA,IAAA,KAAA,CAAA;AAAA,QAFcM,EAAA,OAAAC,GAAA;AAAA,UACRC,EAAAC,GAAA;AAAA,YAAA,MAAA;AAAA;;;;;;;;"}
|