@onereach/ui-components 25.3.0 → 25.3.1-beta.5787.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/{OrCardCollection-CYELPO7W.mjs → OrCardCollection-CJ08vHsJ.mjs} +2 -2
- package/dist/esm/{OrCardCollection-CYELPO7W.mjs.map → OrCardCollection-CJ08vHsJ.mjs.map} +1 -1
- package/dist/esm/{OrSorting-DkT8t0gw.mjs → OrSorting-Y2y8Drq7.mjs} +17 -17
- package/dist/esm/OrSorting-Y2y8Drq7.mjs.map +1 -0
- package/dist/esm/components/index.mjs +2 -2
- package/dist/esm/components/or-card-collection-v3/index.mjs +1 -1
- package/dist/esm/components/or-sorting-v3/index.mjs +1 -1
- package/dist/esm/index.mjs +2 -2
- package/package.json +4 -5
- package/dist/esm/OrSorting-DkT8t0gw.mjs.map +0 -1
|
@@ -2,7 +2,7 @@ import { defineComponent as B, computed as m, openBlock as s, createElementBlock
|
|
|
2
2
|
import { O as D } from "./OrIconButton-BajZRp1k.mjs";
|
|
3
3
|
import { O as T } from "./OrLoader-2SaTMxmZ.mjs";
|
|
4
4
|
import { O as j } from "./OrSearch-B3zonpwn.mjs";
|
|
5
|
-
import { O as G } from "./OrSorting-
|
|
5
|
+
import { O as G } from "./OrSorting-Y2y8Drq7.mjs";
|
|
6
6
|
import { _ as A } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
|
|
7
7
|
var k = /* @__PURE__ */ ((e) => (e.Grid = "grid", e.List = "list", e))(k || {});
|
|
8
8
|
const I = {
|
|
@@ -279,4 +279,4 @@ export {
|
|
|
279
279
|
I as g,
|
|
280
280
|
R as l
|
|
281
281
|
};
|
|
282
|
-
//# sourceMappingURL=OrCardCollection-
|
|
282
|
+
//# sourceMappingURL=OrCardCollection-CJ08vHsJ.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OrCardCollection-CYELPO7W.mjs","sources":["../../../components/or-card-collection-v3/src/props.ts","../../../components/or-card-collection-v3/src/styles.ts","../../../components/or-card-collection-v3/src/partials/OrCardCollectionView.vue3.vue","../../../components/or-card-collection-v3/src/OrCardCollection.vue"],"sourcesContent":["import { ViewMode } from './types';\n\nexport enum CardCollectionView {\n Grid = 'grid',\n List = 'list',\n}\n\nexport const gridView: ViewMode = {\n view: CardCollectionView.Grid,\n icon: 'grid_view',\n};\nexport const listView: ViewMode = {\n view: CardCollectionView.List,\n icon: 'view_agenda',\n};\n\nexport const defaultViewModes = [gridView, listView];\n","import { CardCollectionView } from './props';\n\nexport const CardCollection: string[] = [\n // Layout\n 'layout-column',\n\n // Box\n 'h-full',\n\n // Spacing\n 'gap-md',\n];\n\nexport const CardCollectionToolbar: string[] = [\n // Layout\n 'layout-row justify-between',\n\n // Typography\n 'typography-body-2-regular',\n\n // Theme\n 'theme-foreground-default',\n 'dark:theme-foreground-default-dark',\n];\n\nexport const CardCollectionToolbarPanel: string[] = [\n // Layout\n 'layout-inline-row',\n\n // Spacing\n 'gap-lg+',\n];\n\nexport const CardCollectionContent: string[] = [\n // Layout\n 'grid',\n\n // Overflow\n 'overflow-auto',\n\n // Spacing\n 'px-[5px]', // shadow width\n 'py-[5px]',\n];\n\nexport const CardCollectionContentViews: Record<CardCollectionView, string[]> = {\n [CardCollectionView.Grid]: [\n // Layout\n 'grid-cols-1 md:grid-cols-5',\n\n // Spacing\n 'gap-sm md:gap-md',\n ],\n\n [CardCollectionView.List]: [\n // Layout\n 'grid-cols-1',\n\n // Spacing\n 'gap-sm',\n ],\n};\n\nexport const CardCollectionEmptyContentItem: string[] = [\n // Layout\n 'layout-column items-center justify-center h-full',\n];\n","<template>\n <div :class=\"rootStyles\">\n <slot\n v-for=\"(item, index) of items\"\n :key=\"item.key || index\"\n :name=\"'item'\"\n :index=\"index\"\n :item=\"item\"\n :mode=\"mode\"\n >\n {{ item.key }}\n </slot>\n\n <slot\n name=\"viewEnd\"\n />\n </div>\n</template>\n\n<script lang=\"ts\">\nimport { PropType, computed, defineComponent } from 'vue';\nimport { CardCollectionView } from '../props';\nimport { CardCollectionContent, CardCollectionContentViews } from '../styles';\nimport { CardCollectionItem } from '../types';\n\nexport default defineComponent({\n name: 'OrCardCollectionView',\n\n props: {\n items: {\n type: Array as PropType<CardCollectionItem[]>,\n default: () => [],\n },\n\n mode: {\n type: String as PropType<`${CardCollectionView}`>,\n required: true,\n },\n },\n\n setup(props) {\n // Styles\n const rootStyles = computed(() => [\n ...CardCollectionContent,\n ...CardCollectionContentViews[props.mode],\n ]);\n\n return {\n rootStyles,\n };\n },\n});\n</script>\n","<template>\n <div\n :ref=\"'root'\"\n :class=\"rootStyles\"\n >\n <div :class=\"toolbarStyles\">\n <div :class=\"toolbarPanelStyles\">\n <OrSorting\n v-if=\"sortOptions.length\"\n :model-value=\"sort\"\n :options=\"sortOptions\"\n @update:modelValue=\"$emit('sortChange', $event)\"\n />\n <slot name=\"toolbar\" />\n </div>\n <div\n :class=\"toolbarPanelStyles\"\n >\n <slot\n v-if=\"enableSearch\"\n name=\"search\"\n >\n <OrSearch\n :model-value=\"proxySearch\"\n class=\"md:w-[350px]\"\n :placeholder=\"searchPlaceholder\"\n :debounce=\"searchDebounce\"\n @search=\"handleSearch\"\n />\n </slot>\n\n <template v-if=\"viewModes.length > 1\">\n <div class=\"layout-row gap-sm\">\n <OrIconButton\n v-for=\"viewOption in viewModes\"\n :key=\"viewOption.view\"\n :icon=\"viewOption.icon\"\n :size=\"'l'\"\n :selected=\"viewOption.view === proxyView\"\n @click=\"switchView(viewOption.view)\"\n />\n </div>\n </template>\n <slot name=\"addon\" />\n </div>\n </div>\n\n <slot\n name=\"header\"\n v-bind=\"{\n items,\n mode: proxyView,\n }\"\n />\n\n <slot\n v-if=\"items.length && !loading\"\n :name=\"proxyView\"\n v-bind=\"{items}\"\n >\n <OrCardCollectionView\n :items=\"items\"\n :mode=\"proxyView\"\n >\n <template v-slot:item=\"props\">\n <slot\n name=\"item\"\n v-bind=\"props\"\n />\n </template>\n <template v-slot:viewEnd>\n <slot\n name=\"viewEnd\"\n />\n </template>\n </OrCardCollectionView>\n </slot>\n\n <div\n v-if=\"items.length === 0 || loading\"\n :class=\"emptyContainerStyles\"\n >\n <slot\n v-if=\"proxySearch.length > 0 && !loading\"\n name=\"noSearchResults\"\n :search=\"proxySearch\"\n >\n No results\n </slot>\n <slot\n v-if=\"loading\"\n name=\"loading\"\n >\n <OrLoader />\n </slot>\n <slot\n v-if=\"items.length === 0 && proxySearch.length === 0 && !loading\"\n name=\"empty\"\n />\n </div>\n </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, PropType, ref, watch } from 'vue';\nimport { OrIconButtonV3 as OrIconButton } from '@onereach/ui-components.or-icon-button-v3';\nimport { OrLoaderV3 as OrLoader } from '@onereach/ui-components.or-loader-v3';\nimport { OrSearchV3 as OrSearch } from '@onereach/ui-components.or-search-v3';\nimport { OrSortingV3 as OrSorting, SortOption } from '@onereach/ui-components.or-sorting-v3';\nimport OrCardCollectionView from './partials/OrCardCollectionView.vue3.vue';\nimport { defaultViewModes, gridView } from './props';\nimport { CardCollection, CardCollectionToolbar, CardCollectionToolbarPanel, CardCollectionEmptyContentItem } from './styles';\nimport { CardCollectionItem, ViewMode } from './types';\n\nexport default defineComponent({\n name: 'OrCardCollection',\n\n components: {\n OrCardCollectionView,\n OrIconButton,\n OrSorting,\n OrSearch,\n OrLoader,\n },\n\n props: {\n items: {\n type: Array as PropType<CardCollectionItem[]>,\n default: () => [],\n },\n\n view: {\n type: String,\n default: () => gridView.view,\n },\n\n viewModes: {\n type: Array as PropType<ViewMode[]>,\n default: () => defaultViewModes,\n },\n\n sort: {\n type: String,\n default: undefined,\n },\n\n sortOptions: {\n type: Array as PropType<SortOption[]>,\n default: () => [],\n },\n\n search: {\n type: String,\n default: '',\n },\n\n searchPlaceholder: {\n type: String,\n default: undefined,\n },\n\n searchDebounce: {\n type: Number,\n default: undefined,\n },\n\n loading: {\n type: Boolean,\n default: false,\n },\n\n enableSearch: {\n type: Boolean,\n default: true,\n },\n },\n\n emits: [\n 'viewChange',\n 'sortChange',\n 'searchChange',\n ],\n\n expose: [\n 'root',\n ],\n\n setup(props, context) {\n // Refs\n const root = ref<HTMLElement>();\n\n // Styles\n const rootStyles = computed(() => [\n 'or-card-collection-v3',\n ...CardCollection,\n ]);\n\n const toolbarStyles = computed(() => [\n ...CardCollectionToolbar,\n ]);\n\n const toolbarPanelStyles = computed(() => [\n ...CardCollectionToolbarPanel,\n ]);\n\n const emptyContainerStyles = computed(() => [\n ...CardCollectionEmptyContentItem,\n ]);\n\n // State\n const proxyView = ref(props.view);\n const proxySearch = ref(props.search);\n\n // Methods\n function switchView(view: string): void {\n proxyView.value = view;\n }\n\n function handleSearch(search?: string) {\n proxySearch.value = search || '';\n }\n\n // Effects\n watch(() => props.view, (value) => {\n proxyView.value = value;\n });\n\n watch(proxyView, (value) => {\n context.emit('viewChange', value);\n });\n\n watch(() => props.search, (value) => {\n proxySearch.value = value;\n });\n\n watch(proxySearch, (value) => {\n context.emit('searchChange', value);\n });\n\n return {\n root,\n rootStyles,\n toolbarStyles,\n toolbarPanelStyles,\n emptyContainerStyles,\n proxyView,\n proxySearch,\n switchView,\n handleSearch,\n };\n },\n});\n</script>\n"],"names":["CardCollectionView","gridView","listView","defaultViewModes","CardCollection","CardCollectionToolbar","CardCollectionToolbarPanel","CardCollectionContent","CardCollectionContentViews","CardCollectionEmptyContentItem","_sfc_main$1","defineComponent","props","computed","_sfc_render","_ctx","_cache","$props","$setup","$data","$options","_normalizeClass","_openBlock","_createElementBlock","_Fragment","_renderList","item","index","_renderSlot","_sfc_main","OrCardCollectionView","OrIconButton","OrSorting","OrSearch","OrLoader","context","root","ref","rootStyles","toolbarStyles","toolbarPanelStyles","emptyContainerStyles","proxyView","proxySearch","switchView","view","handleSearch","search","watch","value","_hoisted_1","_resolveComponent","_createBlock","_component_OrSorting","_createCommentVNode","_createElementVNode","_createVNode","_component_OrSearch","viewOption","_component_OrIconButton","_normalizeProps","_guardReactiveProps","_mergeProps","_component_OrCardCollectionView"],"mappings":";;;;;;AAEY,IAAAA,sBAAAA,OACVA,EAAA,OAAO,QACPA,EAAA,OAAO,QAFGA,IAAAA,KAAA,CAAA,CAAA;AAKL,MAAMC,IAAqB;AAAA,EAChC,MAAM;AAAA,EACN,MAAM;AACR,GACaC,IAAqB;AAAA,EAChC,MAAM;AAAA,EACN,MAAM;AACR,GAEaC,IAAmB,CAACF,GAAUC,CAAQ,GCdtCE,IAA2B;AAAA;AAAA,EAEtC;AAAA;AAAA,EAGA;AAAA;AAAA,EAGA;AACF,GAEaC,IAAkC;AAAA;AAAA,EAE7C;AAAA;AAAA,EAGA;AAAA;AAAA,EAGA;AAAA,EACA;AACF,GAEaC,IAAuC;AAAA;AAAA,EAElD;AAAA;AAAA,EAGA;AACF,GAEaC,IAAkC;AAAA;AAAA,EAE7C;AAAA;AAAA,EAGA;AAAA;AAAA,EAGA;AAAA;AAAA,EACA;AACF,GAEaC,IAAmE;AAAA,EAC9E,CAACR,EAAmB,IAAI,GAAG;AAAA;AAAA,IAEzB;AAAA;AAAA,IAGA;AAAA,EACF;AAAA,EAEA,CAACA,EAAmB,IAAI,GAAG;AAAA;AAAA,IAEzB;AAAA;AAAA,IAGA;AAAA,EACF;AACF,GAEaS,IAA2C;AAAA;AAAA,EAEtD;AACF,GCzCAC,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EAEN,OAAO;AAAA,IACL,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS,MAAM,CAAC;AAAA,IAClB;AAAA,IAEA,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,UAAU;AAAA,IACZ;AAAA,EACF;AAAA,EAEA,MAAMC,GAAO;AAOJ,WAAA;AAAA,MACL,YANiBC,EAAS,MAAM;AAAA,QAChC,GAAGN;AAAA,QACH,GAAGC,EAA2BI,EAAM,IAAI;AAAA,MAAA,CACzC;AAAA,IAGC;AAAA,EAEJ;AACF,CAAC;AAlDY,SAAAE,EAAAC,GAAEC,GAAUC,GAAAC,GAAAC,GAAAC,GAAA;;IACrB,OAAAC,EAAAN,EAAA,UAAA;AAAA,EAAA,GAAA;AAAA,KAEQO,EAAA,EAAK,GAAGC,EAASC,GAAA,MAAAC,EAAAV,EAAA,OAAA,CAAAW,GAAAC,MAEjBC,EAAOb,EAAA,QAAA,QAAA;AAAA,MACZ,KAAIW,EAAM,OAAAC;AAAA,MACV,OAAAA;AAAA,MAAA,MAAAD;AAAA;;;IAKH,CAAA,CAAA,GAAA,GAAA;AAAA;;;iDCqGJG,IAAelB,EAAgB;AAAA,EAC7B,MAAM;AAAA,EAEN,YAAY;AAAA,IACV,sBAAAmB;AAAA,IACA,cAAAC;AAAA,IACA,WAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,EACF;AAAA,EAEA,OAAO;AAAA,IACL,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS,MAAM,CAAC;AAAA,IAClB;AAAA,IAEA,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS,MAAMjC,EAAS;AAAA,IAC1B;AAAA,IAEA,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS,MAAME;AAAA,IACjB;AAAA,IAEA,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,aAAa;AAAA,MACX,MAAM;AAAA,MACN,SAAS,MAAM,CAAC;AAAA,IAClB;AAAA,IAEA,QAAQ;AAAA,MACN,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,mBAAmB;AAAA,MACjB,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,gBAAgB;AAAA,MACd,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,IAEA,cAAc;AAAA,MACZ,MAAM;AAAA,MACN,SAAS;AAAA,IACX;AAAA,EACF;AAAA,EAEA,OAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAAA,EAEA,QAAQ;AAAA,IACN;AAAA,EACF;AAAA,EAEA,MAAMS,GAAOuB,GAAS;AAEpB,UAAMC,IAAOC,KAGPC,IAAazB,EAAS,MAAM;AAAA,MAChC;AAAA,MACA,GAAGT;AAAA,IAAA,CACJ,GAEKmC,IAAgB1B,EAAS,MAAM;AAAA,MACnC,GAAGR;AAAA,IAAA,CACJ,GAEKmC,IAAqB3B,EAAS,MAAM;AAAA,MACxC,GAAGP;AAAA,IAAA,CACJ,GAEKmC,IAAuB5B,EAAS,MAAM;AAAA,MAC1C,GAAGJ;AAAA,IAAA,CACJ,GAGKiC,IAAYL,EAAIzB,EAAM,IAAI,GAC1B+B,IAAcN,EAAIzB,EAAM,MAAM;AAGpC,aAASgC,EAAWC,GAAoB;AACtC,MAAAH,EAAU,QAAQG;AAAA,IACpB;AAEA,aAASC,EAAaC,GAAiB;AACrC,MAAAJ,EAAY,QAAQI,KAAU;AAAA,IAChC;AAGA,WAAAC,EAAM,MAAMpC,EAAM,MAAM,CAACqC,MAAU;AACjC,MAAAP,EAAU,QAAQO;AAAA,IAAA,CACnB,GAEKD,EAAAN,GAAW,CAACO,MAAU;AAClB,MAAAd,EAAA,KAAK,cAAcc,CAAK;AAAA,IAAA,CACjC,GAEDD,EAAM,MAAMpC,EAAM,QAAQ,CAACqC,MAAU;AACnC,MAAAN,EAAY,QAAQM;AAAA,IAAA,CACrB,GAEKD,EAAAL,GAAa,CAACM,MAAU;AACpB,MAAAd,EAAA,KAAK,gBAAgBc,CAAK;AAAA,IAAA,CACnC,GAEM;AAAA,MACL,MAAAb;AAAA,MACA,YAAAE;AAAA,MACA,eAAAC;AAAA,MACA,oBAAAC;AAAA,MACA,sBAAAC;AAAA,MACA,WAAAC;AAAA,MACA,aAAAC;AAAA,MACA,YAAAC;AAAA,MACA,cAAAE;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC,GA3NcI,IAAM;AAAA,EAAA,KAAA;AAAA;;;yGA/BnBC,EAmGM,UAAA;SAjGE7B,EAAY,GAAAC,EAAA,OAAA;AAAA,IAAA,KAAA;AAAA,IAElB,OAwCMF,EAAAN,EAAA,UAAA;AAAA,EAAA,GAAA;AAAA;MAvCJ,OAQMM,EAAAN,EAAA,aAAA;AAAA,IAAA,GAAA;AAAA;QANI,OAAAM,EAAYN,EAAM,kBAAA;AAAA,MAAA,GAAA;AAAA,QACvBA,EAAA,YAAA,UAAAO,EAAA,GAAW8B,EAAMC,GAAA;AAAA,UACjB,KAAA;AAAA,UACA,eAAAtC,EAAA;AAAA,UAAA,SAAAA,EAAA;AAAA;WAEoB,MAAA,GAAA,CAAA,eAAA,SAAA,CAAA,KAAAuC,EAAA,IAAA,EAAA;AAAA,QAEzB1B,EA6BMb,EAAA,QAAA,SAAA;AAAA,MA5BH,GAAA,CAAA;AAAA,MAAAwC,EAAA,OAAA;AAAA,eAGOlC,EAAYN,EAAA,kBAAA;AAAA,MAAA,GAAA;AAAA,UAGlB,eACGa,EAAAb,EAAW,QAAE,UAAW,EAAA,KAAA,EAAA,GAAA,MAAA;AAAA,UAAAyC,EACnBC,GAAc;AAAA,YACnB,eAAa1C,EAAA;AAAA,YACb,OAAA;AAAA,YACA,aAAQA,EAAA;AAAA,YAAA,UAAAA,EAAA;AAAA;;SAKX,IAAAuC,EAAA,IAAA,EAAA;AAAA,QAAAvC,EAAA,UAAA,SACE,KAOEO,EAAA,GAAAC,EAAA,OAAA2B,GAAA;AAAA,WAAA5B,EALM,KAAUC,EAAKC,GAAA,MAAAC,EAAAV,EAAA,WAAA,CAAA2C,OACdpC,EAAA,GAAe8B,EAAAO,GAAA;AAAA,YACrB,KAAID,EAAK;AAAA,YACT,MAAUA,EAAA;AAAA,YACV,MAAA;AAAA,YAAA,UAAAA,EAAA,SAAA3C,EAAA;AAAA;;QAIP,CAAA,KAAAuC,EAAA,IAAA,EAAA;AAAA;MAIJ,GAAA,CAAA;AAAA,IAAA,GAAA,CAAA;AAAA,MAEyCvC,EAAS,QAAA,UAAA6C,EAAAC,EAAA;AAAA,MAAA,OAAA9C,EAAA;AAAA,MAO1C,MAAMA,EAAA;AAAA,IADd,CAAA,CAAA,CAAA;AAAA,IAKEA,EAAA,MAAA,UAeuB,eAdbA,EAAK,QAAAA,EAAA,WAAA6C,EAAAE,EAAA,EAAA,KAAA,EAAA,GAAA,EAAA,OAAA/C,EAAA,OAAA,CAAA,GAAA,MAAA;AAAA,MAAAyC,EACNO,GAAS;AAAA,QAAA,OAAAhD,EAAA;AAAA,QAEC,MAAIA,EAAA;AAAA,MAAA,GAAA;AAAA;UAMJa,EAAOb,EAGpB,QAAA,QAAA6C,EAAAC,EAAAjD,CAAA,CAAA,CAAA;AAAA,QAAA,CAAA;AAAA;;;;;KAKR,IAAA0C,EAAA,IAAA,EAAA;AAAA,IAAAvC,EAAA,MAAA,WAAA,KAAAA,EAAA,WAAAO,EAAA,GAEUC,EAAA,OAAA;AAAA,MAAA,KAAA;AAAA,MAGA,OAAAF,EAAYN,EAAM,oBAAgB;AAAA,IAAA,GAAA;AAAA,iDAE/BA,EAAW,QAAA,mBAAA;AAAA,QAGf,KAAA;AAAA,QAAA,QAAAA,EAAA;AAAA;;MAEC,CAAA,IADRuC,EAKO,IAAA,EAAA;AAAA,MADLvC,EAAA,UAAAa,EAAAb,EAAA,QAAA,WAAA,EAAA,KAAA,EAAA,GAAA,MAAA;AAAA;MAGM,CAAA,IADRuC,EAGE,IAAA,EAAA;AAAA,MAAAvC,EAAA,MAAA,WAAA,KAAAA,EAAA,YAAA,WAAA,KAAA,CAAAA,EAAA,UAAAa,EAAAb,EAAA,QAAA,SAAA,EAAA,KAAA,EAAA,CAAA,IAAAuC,EAAA,IAAA,EAAA;AAAA;;;;"}
|
|
1
|
+
{"version":3,"file":"OrCardCollection-CJ08vHsJ.mjs","sources":["../../../components/or-card-collection-v3/src/props.ts","../../../components/or-card-collection-v3/src/styles.ts","../../../components/or-card-collection-v3/src/partials/OrCardCollectionView.vue3.vue","../../../components/or-card-collection-v3/src/OrCardCollection.vue"],"sourcesContent":["import { ViewMode } from './types';\n\nexport enum CardCollectionView {\n Grid = 'grid',\n List = 'list',\n}\n\nexport const gridView: ViewMode = {\n view: CardCollectionView.Grid,\n icon: 'grid_view',\n};\nexport const listView: ViewMode = {\n view: CardCollectionView.List,\n icon: 'view_agenda',\n};\n\nexport const defaultViewModes = [gridView, listView];\n","import { CardCollectionView } from './props';\n\nexport const CardCollection: string[] = [\n // Layout\n 'layout-column',\n\n // Box\n 'h-full',\n\n // Spacing\n 'gap-md',\n];\n\nexport const CardCollectionToolbar: string[] = [\n // Layout\n 'layout-row justify-between',\n\n // Typography\n 'typography-body-2-regular',\n\n // Theme\n 'theme-foreground-default',\n 'dark:theme-foreground-default-dark',\n];\n\nexport const CardCollectionToolbarPanel: string[] = [\n // Layout\n 'layout-inline-row',\n\n // Spacing\n 'gap-lg+',\n];\n\nexport const CardCollectionContent: string[] = [\n // Layout\n 'grid',\n\n // Overflow\n 'overflow-auto',\n\n // Spacing\n 'px-[5px]', // shadow width\n 'py-[5px]',\n];\n\nexport const CardCollectionContentViews: Record<CardCollectionView, string[]> = {\n [CardCollectionView.Grid]: [\n // Layout\n 'grid-cols-1 md:grid-cols-5',\n\n // Spacing\n 'gap-sm md:gap-md',\n ],\n\n [CardCollectionView.List]: [\n // Layout\n 'grid-cols-1',\n\n // Spacing\n 'gap-sm',\n ],\n};\n\nexport const CardCollectionEmptyContentItem: string[] = [\n // Layout\n 'layout-column items-center justify-center h-full',\n];\n","<template>\n <div :class=\"rootStyles\">\n <slot\n v-for=\"(item, index) of items\"\n :key=\"item.key || index\"\n :name=\"'item'\"\n :index=\"index\"\n :item=\"item\"\n :mode=\"mode\"\n >\n {{ item.key }}\n </slot>\n\n <slot\n name=\"viewEnd\"\n />\n </div>\n</template>\n\n<script lang=\"ts\">\nimport { PropType, computed, defineComponent } from 'vue';\nimport { CardCollectionView } from '../props';\nimport { CardCollectionContent, CardCollectionContentViews } from '../styles';\nimport { CardCollectionItem } from '../types';\n\nexport default defineComponent({\n name: 'OrCardCollectionView',\n\n props: {\n items: {\n type: Array as PropType<CardCollectionItem[]>,\n default: () => [],\n },\n\n mode: {\n type: String as PropType<`${CardCollectionView}`>,\n required: true,\n },\n },\n\n setup(props) {\n // Styles\n const rootStyles = computed(() => [\n ...CardCollectionContent,\n ...CardCollectionContentViews[props.mode],\n ]);\n\n return {\n rootStyles,\n };\n },\n});\n</script>\n","<template>\n <div\n :ref=\"'root'\"\n :class=\"rootStyles\"\n >\n <div :class=\"toolbarStyles\">\n <div :class=\"toolbarPanelStyles\">\n <OrSorting\n v-if=\"sortOptions.length\"\n :model-value=\"sort\"\n :options=\"sortOptions\"\n @update:modelValue=\"$emit('sortChange', $event)\"\n />\n <slot name=\"toolbar\" />\n </div>\n <div\n :class=\"toolbarPanelStyles\"\n >\n <slot\n v-if=\"enableSearch\"\n name=\"search\"\n >\n <OrSearch\n :model-value=\"proxySearch\"\n class=\"md:w-[350px]\"\n :placeholder=\"searchPlaceholder\"\n :debounce=\"searchDebounce\"\n @search=\"handleSearch\"\n />\n </slot>\n\n <template v-if=\"viewModes.length > 1\">\n <div class=\"layout-row gap-sm\">\n <OrIconButton\n v-for=\"viewOption in viewModes\"\n :key=\"viewOption.view\"\n :icon=\"viewOption.icon\"\n :size=\"'l'\"\n :selected=\"viewOption.view === proxyView\"\n @click=\"switchView(viewOption.view)\"\n />\n </div>\n </template>\n <slot name=\"addon\" />\n </div>\n </div>\n\n <slot\n name=\"header\"\n v-bind=\"{\n items,\n mode: proxyView,\n }\"\n />\n\n <slot\n v-if=\"items.length && !loading\"\n :name=\"proxyView\"\n v-bind=\"{items}\"\n >\n <OrCardCollectionView\n :items=\"items\"\n :mode=\"proxyView\"\n >\n <template v-slot:item=\"props\">\n <slot\n name=\"item\"\n v-bind=\"props\"\n />\n </template>\n <template v-slot:viewEnd>\n <slot\n name=\"viewEnd\"\n />\n </template>\n </OrCardCollectionView>\n </slot>\n\n <div\n v-if=\"items.length === 0 || loading\"\n :class=\"emptyContainerStyles\"\n >\n <slot\n v-if=\"proxySearch.length > 0 && !loading\"\n name=\"noSearchResults\"\n :search=\"proxySearch\"\n >\n No results\n </slot>\n <slot\n v-if=\"loading\"\n name=\"loading\"\n >\n <OrLoader />\n </slot>\n <slot\n v-if=\"items.length === 0 && proxySearch.length === 0 && !loading\"\n name=\"empty\"\n />\n </div>\n </div>\n</template>\n\n<script lang=\"ts\">\nimport { computed, defineComponent, PropType, ref, watch } from 'vue';\nimport { OrIconButtonV3 as OrIconButton } from '@onereach/ui-components.or-icon-button-v3';\nimport { OrLoaderV3 as OrLoader } from '@onereach/ui-components.or-loader-v3';\nimport { OrSearchV3 as OrSearch } from '@onereach/ui-components.or-search-v3';\nimport { OrSortingV3 as OrSorting, SortOption } from '@onereach/ui-components.or-sorting-v3';\nimport OrCardCollectionView from './partials/OrCardCollectionView.vue3.vue';\nimport { defaultViewModes, gridView } from './props';\nimport { CardCollection, CardCollectionToolbar, CardCollectionToolbarPanel, CardCollectionEmptyContentItem } from './styles';\nimport { CardCollectionItem, ViewMode } from './types';\n\nexport default defineComponent({\n name: 'OrCardCollection',\n\n components: {\n OrCardCollectionView,\n OrIconButton,\n OrSorting,\n OrSearch,\n OrLoader,\n },\n\n props: {\n items: {\n type: Array as PropType<CardCollectionItem[]>,\n default: () => [],\n },\n\n view: {\n type: String,\n default: () => gridView.view,\n },\n\n viewModes: {\n type: Array as PropType<ViewMode[]>,\n default: () => defaultViewModes,\n },\n\n sort: {\n type: String,\n default: undefined,\n },\n\n sortOptions: {\n type: Array as PropType<SortOption[]>,\n default: () => [],\n },\n\n search: {\n type: String,\n default: '',\n },\n\n searchPlaceholder: {\n type: String,\n default: undefined,\n },\n\n searchDebounce: {\n type: Number,\n default: undefined,\n },\n\n loading: {\n type: Boolean,\n default: false,\n },\n\n enableSearch: {\n type: Boolean,\n default: true,\n },\n },\n\n emits: [\n 'viewChange',\n 'sortChange',\n 'searchChange',\n ],\n\n expose: [\n 'root',\n ],\n\n setup(props, context) {\n // Refs\n const root = ref<HTMLElement>();\n\n // Styles\n const rootStyles = computed(() => [\n 'or-card-collection-v3',\n ...CardCollection,\n ]);\n\n const toolbarStyles = computed(() => [\n ...CardCollectionToolbar,\n ]);\n\n const toolbarPanelStyles = computed(() => [\n ...CardCollectionToolbarPanel,\n ]);\n\n const emptyContainerStyles = computed(() => [\n ...CardCollectionEmptyContentItem,\n ]);\n\n // State\n const proxyView = ref(props.view);\n const proxySearch = ref(props.search);\n\n // Methods\n function switchView(view: string): void {\n proxyView.value = view;\n }\n\n function handleSearch(search?: string) {\n proxySearch.value = search || '';\n }\n\n // Effects\n watch(() => props.view, (value) => {\n proxyView.value = value;\n });\n\n watch(proxyView, (value) => {\n context.emit('viewChange', value);\n });\n\n watch(() => props.search, (value) => {\n proxySearch.value = value;\n });\n\n watch(proxySearch, (value) => {\n context.emit('searchChange', value);\n });\n\n return {\n root,\n rootStyles,\n toolbarStyles,\n toolbarPanelStyles,\n emptyContainerStyles,\n proxyView,\n proxySearch,\n switchView,\n handleSearch,\n };\n },\n});\n</script>\n"],"names":["CardCollectionView","gridView","listView","defaultViewModes","CardCollection","CardCollectionToolbar","CardCollectionToolbarPanel","CardCollectionContent","CardCollectionContentViews","CardCollectionEmptyContentItem","_sfc_main$1","defineComponent","props","computed","_sfc_render","_ctx","_cache","$props","$setup","$data","$options","_normalizeClass","_openBlock","_createElementBlock","_Fragment","_renderList","item","index","_renderSlot","_sfc_main","OrCardCollectionView","OrIconButton","OrSorting","OrSearch","OrLoader","context","root","ref","rootStyles","toolbarStyles","toolbarPanelStyles","emptyContainerStyles","proxyView","proxySearch","switchView","view","handleSearch","search","watch","value","_hoisted_1","_resolveComponent","_createBlock","_component_OrSorting","_createCommentVNode","_createElementVNode","_createVNode","_component_OrSearch","viewOption","_component_OrIconButton","_normalizeProps","_guardReactiveProps","_mergeProps","_component_OrCardCollectionView"],"mappings":"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"}
|
|
@@ -1,20 +1,20 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import { O as
|
|
4
|
-
import { O as
|
|
5
|
-
import { O as
|
|
6
|
-
import {
|
|
1
|
+
import { useProxyModelValue as V } from "@onereach/ui-components-common/hooks";
|
|
2
|
+
import { O as b } from "./OrButton-C_hXddAf.mjs";
|
|
3
|
+
import { O as B } from "./OrIcon-k8cyvh-D.mjs";
|
|
4
|
+
import { O as _ } from "./OrMenuItem-ByVkiQvE.mjs";
|
|
5
|
+
import { O as C } from "./OrMenu-BNbd6Ajl.mjs";
|
|
6
|
+
import { defineComponent as I, ref as m, computed as i, toRef as L, resolveComponent as n, openBlock as s, createElementBlock as v, normalizeClass as M, createVNode as k, withCtx as p, createElementVNode as $, toDisplayString as y, createBlock as S, createCommentVNode as w, Fragment as N, renderList as A, createTextVNode as h } from "vue";
|
|
7
7
|
import { _ as E } from "./_plugin-vue_export-helper-CHgC5LLL.mjs";
|
|
8
8
|
const R = [], z = [
|
|
9
9
|
// Theme
|
|
10
10
|
"text-on-background dark:text-on-background-dark"
|
|
11
|
-
], D =
|
|
11
|
+
], D = I({
|
|
12
12
|
name: "OrSorting",
|
|
13
13
|
components: {
|
|
14
|
-
OrButton:
|
|
15
|
-
OrIcon:
|
|
16
|
-
OrMenu:
|
|
17
|
-
OrMenuItem:
|
|
14
|
+
OrButton: b,
|
|
15
|
+
OrIcon: B,
|
|
16
|
+
OrMenu: C,
|
|
17
|
+
OrMenuItem: _
|
|
18
18
|
},
|
|
19
19
|
model: {
|
|
20
20
|
prop: "modelValue",
|
|
@@ -39,7 +39,7 @@ const R = [], z = [
|
|
|
39
39
|
...R
|
|
40
40
|
]), l = i(() => [
|
|
41
41
|
...z
|
|
42
|
-
]), r =
|
|
42
|
+
]), r = V(L(o, "modelValue"), t.emit), a = i(() => {
|
|
43
43
|
var e;
|
|
44
44
|
return (e = o.options.find((g) => g.value === r.value)) == null ? void 0 : e.label;
|
|
45
45
|
});
|
|
@@ -70,13 +70,13 @@ function F(o, t, d, c, f, O) {
|
|
|
70
70
|
onClick: t[0] || (t[0] = (e) => o.sortMenu && o.sortMenu.toggle())
|
|
71
71
|
}, {
|
|
72
72
|
default: p(() => [
|
|
73
|
-
|
|
73
|
+
$("span", {
|
|
74
74
|
class: M(o.sortLabelStyles)
|
|
75
75
|
}, y(o.sortLabel), 3),
|
|
76
76
|
o.sortMenu ? (s(), S(l, {
|
|
77
77
|
key: 0,
|
|
78
78
|
icon: o.sortMenu.state === "open" ? "arrow_drop_up" : "arrow_drop_down"
|
|
79
|
-
}, null, 8, ["icon"])) :
|
|
79
|
+
}, null, 8, ["icon"])) : w("", !0)
|
|
80
80
|
]),
|
|
81
81
|
_: 1
|
|
82
82
|
}),
|
|
@@ -87,13 +87,13 @@ function F(o, t, d, c, f, O) {
|
|
|
87
87
|
offset: { mainAxis: 8, crossAxis: -8 }
|
|
88
88
|
}, {
|
|
89
89
|
default: p(() => [
|
|
90
|
-
(s(!0), v(
|
|
90
|
+
(s(!0), v(N, null, A(o.options, (e) => (s(), S(a, {
|
|
91
91
|
key: e.value,
|
|
92
92
|
selected: e.value === o.modelValue,
|
|
93
93
|
onClick: (g) => o.handleSort(e.value)
|
|
94
94
|
}, {
|
|
95
95
|
default: p(() => [
|
|
96
|
-
|
|
96
|
+
h(y(e.label), 1)
|
|
97
97
|
]),
|
|
98
98
|
_: 2
|
|
99
99
|
}, 1032, ["selected", "onClick"]))), 128))
|
|
@@ -106,4 +106,4 @@ const K = /* @__PURE__ */ E(D, [["render", F]]);
|
|
|
106
106
|
export {
|
|
107
107
|
K as O
|
|
108
108
|
};
|
|
109
|
-
//# sourceMappingURL=OrSorting-
|
|
109
|
+
//# sourceMappingURL=OrSorting-Y2y8Drq7.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"OrSorting-Y2y8Drq7.mjs","sources":["../../../components/or-sorting-v3/src/styles.ts","../../../components/or-sorting-v3/src/OrSorting.vue"],"sourcesContent":["export const SortingRoot = [];\nexport const SortingLabel = [\n // Theme\n 'text-on-background dark:text-on-background-dark',\n];\n","<template>\n <div\n :ref=\"'root'\"\n :class=\"rootStyles\"\n >\n <OrButton\n :ref=\"'sortButton'\"\n :variant=\"'link'\"\n :color=\"'primary'\"\n @click=\"sortMenu && sortMenu.toggle()\"\n >\n <span :class=\"sortLabelStyles\">\n {{ sortLabel }}\n </span>\n\n <OrIcon\n v-if=\"sortMenu\"\n :icon=\"sortMenu.state === 'open' ? 'arrow_drop_up' : 'arrow_drop_down'\"\n />\n </OrButton>\n\n <OrMenu\n :ref=\"'sortMenu'\"\n :trigger=\"sortButton && sortButton.root\"\n :placement=\"'bottom-start'\"\n :offset=\"{ mainAxis: 8, crossAxis: -8 }\"\n >\n <OrMenuItem\n v-for=\"item in options\"\n :key=\"item.value\"\n :selected=\"item.value === modelValue\"\n @click=\"handleSort(item.value)\"\n >\n {{ item.label }}\n </OrMenuItem>\n </OrMenu>\n </div>\n</template>\n\n<script lang=\"ts\">\nimport { useProxyModelValue } from '@onereach/ui-components-common/hooks';\nimport { OrButtonV3 as OrButton } from '@onereach/ui-components.or-button-v3';\nimport { OrIconV3 as OrIcon } from '@onereach/ui-components.or-icon-v3';\nimport { OrMenuItemV3 as OrMenuItem } from '@onereach/ui-components.or-menu-item-v3';\nimport { OrMenuV3 as OrMenu } from '@onereach/ui-components.or-menu-v3';\nimport { PropType, computed, defineComponent, ref, toRef } from 'vue';\n\nimport { SortingLabel, SortingRoot } from './styles';\nimport { SortOption } from './types';\n\nexport default defineComponent({\n name: 'OrSorting',\n\n components: {\n OrButton,\n OrIcon,\n OrMenu,\n OrMenuItem,\n },\n\n model: {\n prop: 'modelValue',\n event: 'update:modelValue',\n },\n\n props: {\n modelValue: {\n type: String,\n default: undefined,\n },\n\n options: {\n type: Array as PropType<SortOption[]>,\n default: () => [],\n },\n },\n\n emits: [\n 'update:modelValue',\n ],\n\n setup(props, context) {\n // Refs\n const root = ref<HTMLElement>();\n const sortMenu = ref<typeof OrMenu>();\n const sortButton = ref<typeof OrButton>();\n\n // Styles\n const rootStyles = computed(() => [\n 'or-sorting-v3',\n ...SortingRoot,\n ]);\n\n const sortLabelStyles = computed(() => [\n ...SortingLabel,\n ]);\n\n // State\n const proxyModelValue = useProxyModelValue(toRef(props, 'modelValue'), context.emit);\n const sortLabel = computed(() => {\n return props.options.find(item => item.value === proxyModelValue.value)?.label;\n });\n\n // Methods\n function handleSort(sort: string) {\n proxyModelValue.value = sort;\n }\n\n return {\n root,\n rootStyles,\n sortLabelStyles,\n sortMenu,\n sortButton,\n sortLabel,\n handleSort,\n };\n },\n});\n\n</script>\n"],"names":["SortingRoot","SortingLabel","_sfc_main","defineComponent","OrButton","OrIcon","OrMenu","OrMenuItem","props","context","root","ref","sortMenu","sortButton","rootStyles","computed","sortLabelStyles","proxyModelValue","useProxyModelValue","toRef","sortLabel","_a","item","handleSort","sort","_resolveComponent","_openBlock","_createElementBlock","_normalizeClass","_ctx","_component_OrButton","_cache","$event","_withCtx","_createElementVNode","_toDisplayString","_createBlock","_component_OrIcon","_component_OrMenu","_Fragment","_renderList","_component_OrMenuItem"],"mappings":";;;;;;;AAAO,MAAMA,IAAc,CAAA,GACdC,IAAe;AAAA;AAAA,EAE1B;AACF,GC8CAC,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EAEN,YAAY;AAAA,IACV,UAAAC;AAAA,IACA,QAAAC;AAAA,IACA,QAAAC;AAAA,IACA,YAAAC;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,EACF;AAAA,EAEA,OAAO;AAAA,IACL;AAAA,EACF;AAAA,EAEA,MAAMC,GAAOC,GAAS;AAEpB,UAAMC,IAAOC,KACPC,IAAWD,KACXE,IAAaF,KAGbG,IAAaC,EAAS,MAAM;AAAA,MAChC;AAAA,MACA,GAAGf;AAAA,IAAA,CACJ,GAEKgB,IAAkBD,EAAS,MAAM;AAAA,MACrC,GAAGd;AAAA,IAAA,CACJ,GAGKgB,IAAkBC,EAAmBC,EAAMX,GAAO,YAAY,GAAGC,EAAQ,IAAI,GAC7EW,IAAYL,EAAS,MAAM;;AACxB,cAAAM,IAAAb,EAAM,QAAQ,KAAK,CAAAc,MAAQA,EAAK,UAAUL,EAAgB,KAAK,MAA/D,gBAAAI,EAAkE;AAAA,IAAA,CAC1E;AAGD,aAASE,EAAWC,GAAc;AAChC,MAAAP,EAAgB,QAAQO;AAAA,IAC1B;AAEO,WAAA;AAAA,MACL,MAAAd;AAAA,MACA,YAAAI;AAAA,MACA,iBAAAE;AAAA,MACA,UAAAJ;AAAA,MACA,YAAAC;AAAA,MACA,WAAAO;AAAA,MACA,YAAAG;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;;qEArHCE,EAmCM,QAAA;SAjCEC,EAAY,GAAAC,EAAA,OAAA;AAAA,IAAA,KAAA;AAAA,IAElB,OAcWC,EAAAC,EAAA,UAAA;AAAA,EAAA,GAAA;AAAA,MAZCC,GAAM;AAAA,MACf,KAAK;AAAA,MACL,SAAK;AAAA,MAAA,OAAA;AAAA,MAIC,SAAAC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAAH,EAAA,YAAAA,EAAA,SAAA,OAAA;AAAA,IAAA,GAAA;AAAA,MAFK,SAAAI,EAAA,MAAA;AAAA,QACPC,EAAA,QAAA;AAAA,UAIG,OAAQN,EAAAC,EAAA,eAAA;AAAA,QAAA,GAAAM,EADhBN,EAGE,SAAA,GAAA,CAAA;AAAA,QAAAA,EAAA,YAAAH,KADqBU,EAAAC,GAAA;AAAA,UAAA,KAAA;AAAA;;;MAIzB,GAAA;AAAA,IAAA,CAAA;AAAA,MAEYC,GAAc;AAAA,MACvB,KAAA;AAAA,MACA,SAAQT,EAA8B,cAAAA,EAAA,WAAA;AAAA,MAAA,WAAA;AAAA,MAGd,QAAA,EAAA,UAAA,GAAA,WAAA,GAAA;AAAA,IAAA,GAAA;AAAA;SACjBH,EAAA,EAAK,GAAKC,EAAAY,GAAA,MAAAC,EAAAX,EAAA,SAAA,CAAAP,OACfI,EAAe,GAAKU,EAAKK,GAAU;AAAA,UACnC,KAAKnB,EAAA;AAAA,UAAA,UAAAA,EAAA,UAAAO,EAAA;AAAA,UAEU,SAAA,CAAAG,MAAAH,EAAA,WAAAP,EAAA,KAAA;AAAA,QAAA,GAAA;AAAA;;;;;;;;;;;"}
|
|
@@ -4,7 +4,7 @@ import { B as p, O as m } from "../OrBottomSheet-CJxmY84p.mjs";
|
|
|
4
4
|
import { O as x } from "../OrButtonGroup-Cd6tpyP3.mjs";
|
|
5
5
|
import { O as f } from "../OrButton-C_hXddAf.mjs";
|
|
6
6
|
import { a as T, b as d, B as c } from "../OrButton.vue_vue_type_script_lang-W1ictbKz.mjs";
|
|
7
|
-
import { C, O as S, d as u, g as b, l as P } from "../OrCardCollection-
|
|
7
|
+
import { C, O as S, d as u, g as b, l as P } from "../OrCardCollection-CJ08vHsJ.mjs";
|
|
8
8
|
import { C as g, O as k } from "../OrCard-7awJu_df.mjs";
|
|
9
9
|
import { O as R } from "../OrCheckboxGroup-CplC5v47.mjs";
|
|
10
10
|
import { O as h } from "../OrCheckboxTree-K4WkrYXY.mjs";
|
|
@@ -76,7 +76,7 @@ import { b as Ie, O as ge, a as ke } from "../OrSkeletonArea-fMhHFyo1.mjs";
|
|
|
76
76
|
import { O as Re } from "../OrSkeletonArea.vue_vue_type_script_lang-jgRhbZ0X.mjs";
|
|
77
77
|
import { O as he } from "../OrSlider-XimfcpRY.mjs";
|
|
78
78
|
import { S as Be, a as ve } from "../OrSlider.vue_vue_type_script_lang-yh5NyhYF.mjs";
|
|
79
|
-
import { O as Le } from "../OrSorting-
|
|
79
|
+
import { O as Le } from "../OrSorting-Y2y8Drq7.mjs";
|
|
80
80
|
import { O as Me, a as ye, S as Ae } from "../OrStatus-D4QIuE7R.mjs";
|
|
81
81
|
import { O as He } from "../OrSubMenuItem-TUcrHvBk.mjs";
|
|
82
82
|
import { O as Qe } from "../OrSwitch-BkAgqeim.mjs";
|
package/dist/esm/index.mjs
CHANGED
|
@@ -4,7 +4,7 @@ import { B as p, O as m } from "./OrBottomSheet-CJxmY84p.mjs";
|
|
|
4
4
|
import { O as x } from "./OrButtonGroup-Cd6tpyP3.mjs";
|
|
5
5
|
import { O as f } from "./OrButton-C_hXddAf.mjs";
|
|
6
6
|
import { a as T, b as d, B as c } from "./OrButton.vue_vue_type_script_lang-W1ictbKz.mjs";
|
|
7
|
-
import { C, O as S, d as u, g as b, l as P } from "./OrCardCollection-
|
|
7
|
+
import { C, O as S, d as u, g as b, l as P } from "./OrCardCollection-CJ08vHsJ.mjs";
|
|
8
8
|
import { C as g, O as k } from "./OrCard-7awJu_df.mjs";
|
|
9
9
|
import { O as R } from "./OrCheckboxGroup-CplC5v47.mjs";
|
|
10
10
|
import { O as h } from "./OrCheckboxTree-K4WkrYXY.mjs";
|
|
@@ -76,7 +76,7 @@ import { b as Ie, O as ge, a as ke } from "./OrSkeletonArea-fMhHFyo1.mjs";
|
|
|
76
76
|
import { O as Re } from "./OrSkeletonArea.vue_vue_type_script_lang-jgRhbZ0X.mjs";
|
|
77
77
|
import { O as he } from "./OrSlider-XimfcpRY.mjs";
|
|
78
78
|
import { S as Be, a as ve } from "./OrSlider.vue_vue_type_script_lang-yh5NyhYF.mjs";
|
|
79
|
-
import { O as Le } from "./OrSorting-
|
|
79
|
+
import { O as Le } from "./OrSorting-Y2y8Drq7.mjs";
|
|
80
80
|
import { O as Me, a as ye, S as Ae } from "./OrStatus-D4QIuE7R.mjs";
|
|
81
81
|
import { O as He } from "./OrSubMenuItem-TUcrHvBk.mjs";
|
|
82
82
|
import { O as Qe } from "./OrSwitch-BkAgqeim.mjs";
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@onereach/ui-components",
|
|
3
|
-
"version": "25.3.0",
|
|
3
|
+
"version": "25.3.1-beta.5787.0",
|
|
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": "^25.3.0",
|
|
50
|
-
"@onereach/ui-components-common": "^25.3.0",
|
|
49
|
+
"@onereach/styles": "^25.3.1-beta.5787.0",
|
|
50
|
+
"@onereach/ui-components-common": "^25.3.1-beta.5787.0",
|
|
51
51
|
"@splidejs/splide": "4.0.6",
|
|
52
52
|
"@tiptap/core": "2.0.3",
|
|
53
53
|
"@tiptap/extension-blockquote": "2.0.3",
|
|
@@ -102,6 +102,5 @@
|
|
|
102
102
|
"publishConfig": {
|
|
103
103
|
"access": "public"
|
|
104
104
|
},
|
|
105
|
-
"npmUnpacked": "4.15.2"
|
|
106
|
-
"gitHead": "95fc6f62df3d8b8069492c1b718f77b296aa6710"
|
|
105
|
+
"npmUnpacked": "4.15.2"
|
|
107
106
|
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"OrSorting-DkT8t0gw.mjs","sources":["../../../components/or-sorting-v3/src/styles.ts","../../../components/or-sorting-v3/src/OrSorting.vue"],"sourcesContent":["export const SortingRoot = [];\nexport const SortingLabel = [\n // Theme\n 'text-on-background dark:text-on-background-dark',\n];\n","<template>\n <div\n :ref=\"'root'\"\n :class=\"rootStyles\"\n >\n <OrButton\n :ref=\"'sortButton'\"\n :variant=\"'link'\"\n :color=\"'primary'\"\n @click=\"sortMenu && sortMenu.toggle()\"\n >\n <span :class=\"sortLabelStyles\">\n {{ sortLabel }}\n </span>\n\n <OrIcon\n v-if=\"sortMenu\"\n :icon=\"sortMenu.state === 'open' ? 'arrow_drop_up' : 'arrow_drop_down'\"\n />\n </OrButton>\n\n <OrMenu\n :ref=\"'sortMenu'\"\n :trigger=\"sortButton && sortButton.root\"\n :placement=\"'bottom-start'\"\n :offset=\"{ mainAxis: 8, crossAxis: -8 }\"\n >\n <OrMenuItem\n v-for=\"item in options\"\n :key=\"item.value\"\n :selected=\"item.value === modelValue\"\n @click=\"handleSort(item.value)\"\n >\n {{ item.label }}\n </OrMenuItem>\n </OrMenu>\n </div>\n</template>\n\n<script lang=\"ts\">\nimport { PropType, computed, defineComponent, ref, toRef } from 'vue';\nimport { useProxyModelValue } from '@onereach/ui-components-common/hooks';\nimport { OrButtonV3 as OrButton } from '@onereach/ui-components.or-button-v3';\nimport { OrIconV3 as OrIcon } from '@onereach/ui-components.or-icon-v3';\nimport { OrMenuItemV3 as OrMenuItem } from '@onereach/ui-components.or-menu-item-v3';\nimport { OrMenuV3 as OrMenu } from '@onereach/ui-components.or-menu-v3';\nimport { SortingLabel, SortingRoot } from './styles';\nimport { SortOption } from './types';\n\nexport default defineComponent({\n name: 'OrSorting',\n\n components: {\n OrButton,\n OrIcon,\n OrMenu,\n OrMenuItem,\n },\n\n model: {\n prop: 'modelValue',\n event: 'update:modelValue',\n },\n\n props: {\n modelValue: {\n type: String,\n default: undefined,\n },\n\n options: {\n type: Array as PropType<SortOption[]>,\n default: () => [],\n },\n },\n\n emits: [\n 'update:modelValue',\n ],\n\n setup(props, context) {\n // Refs\n const root = ref<HTMLElement>();\n const sortMenu = ref<typeof OrMenu>();\n const sortButton = ref<typeof OrButton>();\n\n // Styles\n const rootStyles = computed(() => [\n 'or-sorting-v3',\n ...SortingRoot,\n ]);\n\n const sortLabelStyles = computed(() => [\n ...SortingLabel,\n ]);\n\n // State\n const proxyModelValue = useProxyModelValue(toRef(props, 'modelValue'), context.emit);\n const sortLabel = computed(() => {\n return props.options.find(item => item.value === proxyModelValue.value)?.label;\n });\n\n // Methods\n function handleSort(sort: string) {\n proxyModelValue.value = sort;\n }\n\n return {\n root,\n rootStyles,\n sortLabelStyles,\n sortMenu,\n sortButton,\n sortLabel,\n handleSort,\n };\n },\n});\n\n</script>\n"],"names":["SortingRoot","SortingLabel","_sfc_main","defineComponent","OrButton","OrIcon","OrMenu","OrMenuItem","props","context","root","ref","sortMenu","sortButton","rootStyles","computed","sortLabelStyles","proxyModelValue","useProxyModelValue","toRef","sortLabel","_a","item","handleSort","sort","_resolveComponent","_openBlock","_createElementBlock","_normalizeClass","_ctx","_component_OrButton","_cache","$event","_withCtx","_createElementVNode","_toDisplayString","_createBlock","_component_OrIcon","_component_OrMenu","_Fragment","_renderList","_component_OrMenuItem"],"mappings":";;;;;;;AAAO,MAAMA,IAAc,CAAA,GACdC,IAAe;AAAA;AAAA,EAE1B;AACF,GC6CAC,IAAeC,EAAgB;AAAA,EAC7B,MAAM;AAAA,EAEN,YAAY;AAAA,IACV,UAAAC;AAAA,IACA,QAAAC;AAAA,IACA,QAAAC;AAAA,IACA,YAAAC;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,EACF;AAAA,EAEA,OAAO;AAAA,IACL;AAAA,EACF;AAAA,EAEA,MAAMC,GAAOC,GAAS;AAEpB,UAAMC,IAAOC,KACPC,IAAWD,KACXE,IAAaF,KAGbG,IAAaC,EAAS,MAAM;AAAA,MAChC;AAAA,MACA,GAAGf;AAAA,IAAA,CACJ,GAEKgB,IAAkBD,EAAS,MAAM;AAAA,MACrC,GAAGd;AAAA,IAAA,CACJ,GAGKgB,IAAkBC,EAAmBC,EAAMX,GAAO,YAAY,GAAGC,EAAQ,IAAI,GAC7EW,IAAYL,EAAS,MAAM;;AACxB,cAAAM,IAAAb,EAAM,QAAQ,KAAK,CAAAc,MAAQA,EAAK,UAAUL,EAAgB,KAAK,MAA/D,gBAAAI,EAAkE;AAAA,IAAA,CAC1E;AAGD,aAASE,EAAWC,GAAc;AAChC,MAAAP,EAAgB,QAAQO;AAAA,IAC1B;AAEO,WAAA;AAAA,MACL,MAAAd;AAAA,MACA,YAAAI;AAAA,MACA,iBAAAE;AAAA,MACA,UAAAJ;AAAA,MACA,YAAAC;AAAA,MACA,WAAAO;AAAA,MACA,YAAAG;AAAA,IAAA;AAAA,EAEJ;AACF,CAAC;;qEApHCE,EAmCM,QAAA;SAjCEC,EAAY,GAAAC,EAAA,OAAA;AAAA,IAAA,KAAA;AAAA,IAElB,OAcWC,EAAAC,EAAA,UAAA;AAAA,EAAA,GAAA;AAAA,MAZCC,GAAM;AAAA,MACf,KAAK;AAAA,MACL,SAAK;AAAA,MAAA,OAAA;AAAA,MAIC,SAAAC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAAH,EAAA,YAAAA,EAAA,SAAA,OAAA;AAAA,IAAA,GAAA;AAAA,MAFK,SAAAI,EAAA,MAAA;AAAA,QACPC,EAAA,QAAA;AAAA,UAIG,OAAQN,EAAAC,EAAA,eAAA;AAAA,QAAA,GAAAM,EADhBN,EAGE,SAAA,GAAA,CAAA;AAAA,QAAAA,EAAA,YAAAH,KADqBU,EAAAC,GAAA;AAAA,UAAA,KAAA;AAAA;;;MAIzB,GAAA;AAAA,IAAA,CAAA;AAAA,MAEYC,GAAc;AAAA,MACvB,KAAA;AAAA,MACA,SAAQT,EAA8B,cAAAA,EAAA,WAAA;AAAA,MAAA,WAAA;AAAA,MAGd,QAAA,EAAA,UAAA,GAAA,WAAA,GAAA;AAAA,IAAA,GAAA;AAAA;SACjBH,EAAA,EAAK,GAAKC,EAAAY,GAAA,MAAAC,EAAAX,EAAA,SAAA,CAAAP,OACfI,EAAe,GAAKU,EAAKK,GAAU;AAAA,UACnC,KAAKnB,EAAA;AAAA,UAAA,UAAAA,EAAA,UAAAO,EAAA;AAAA,UAEU,SAAA,CAAAG,MAAAH,EAAA,WAAAP,EAAA,KAAA;AAAA,QAAA,GAAA;AAAA;;;;;;;;;;;"}
|