npm - @alikhalilll/ui - Versions diffs - 1.1.0 → 1.2.0 - Mend

@alikhalilll/ui 1.1.0 → 1.2.0

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

Files changed (20) hide show

package/dist/chunks/{AResponsivePopoverContent.vue_vue_type_script_setup_true_lang-CCGyy9Lp.mjs.map → AResponsivePopoverContent.vue_vue_type_script_setup_true_lang-BYEb5UBL.mjs.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AResponsivePopoverContent.vue_vue_type_script_setup_true_lang-~~CCGyy9Lp~~.mjs","sources":["../../entries/responsive-popover/components/AResponsivePopover.vue","../../entries/responsive-popover/components/AResponsivePopoverTrigger.vue","../../entries/responsive-popover/components/AResponsivePopoverContent.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport { useMediaQuery } from '@vueuse/core';\nimport { APopover } from '@/entries/popover';\nimport { ADrawer } from '@/entries/drawer';\n\nconst props = withDefaults(\n defineProps<{\n /** CSS media query for the desktop break. Below this width we render a vaul drawer. /\n breakpoint?: string;\n /\n When true, the popover (desktop) locks page scroll, traps focus, and renders an overlay.\n * The drawer (mobile) is always modal-like (vaul-vue ships its own overlay + scroll-lock).\n /\n modal?: boolean;\n }>(),\n { breakpoint: '(min-width: 768px)', modal: true }\n);\n\nconst open = defineModel<boolean>('open');\n\nconst isDesktop = useMediaQuery(() => props.breakpoint);\n\n/\n Pre-imported on both branches — do NOT lazy-load. Switching the component identity at runtime\n * means we still hydrate the right tree client-side.\n /\nconst Root = computed(() => (isDesktop.value ? APopover : ADrawer));\n</script>\n\n<template>\n <component :is=\"Root\" v-model:open=\"open\" :modal=\"props.modal\" data-slot=\"responsive-popover\">\n <slot :is-desktop=\"isDesktop\" />\n </component>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport { useMediaQuery } from '@vueuse/core';\nimport { APopoverTrigger } from '@/entries/popover';\nimport { ADrawerTrigger } from '@/entries/drawer';\n\nconst props = withDefaults(\n defineProps<{\n breakpoint?: string;\n asChild?: boolean;\n }>(),\n { breakpoint: '(min-width: 768px)' }\n);\n\nconst isDesktop = useMediaQuery(() => props.breakpoint);\nconst Trigger = computed(() => (isDesktop.value ? APopoverTrigger : ADrawerTrigger));\n</script>\n\n<template>\n <component :is=\"Trigger\" :as-child=\"props.asChild\" data-slot=\"responsive-popover-trigger\">\n <slot />\n </component>\n</template>\n","<script setup lang=\"ts\">\nimport type { HTMLAttributes } from 'vue';\nimport { computed } from 'vue';\nimport { useMediaQuery } from '@vueuse/core';\nimport { APopoverContent } from '@/entries/popover';\nimport { ADrawerContent } from '@/entries/drawer';\n\nconst props = withDefaults(\n defineProps<{\n breakpoint?: string;\n /* Classes applied on both branches. Avoid width / inset classes here. /\n class?: HTMLAttributes['class'];\n /* Classes applied only when the popover (desktop) branch is rendered. /\n popoverClass?: HTMLAttributes['class'];\n /* Classes applied only when the drawer (mobile) branch is rendered. /\n drawerClass?: HTMLAttributes['class'];\n /\n Render the dimmed overlay on the desktop popover branch. Defaults to `false` — popovers\n * on desktop are non-modal-looking by convention. The mobile drawer always has its own\n * overlay (vaul-vue's `DrawerOverlay`) regardless of this prop.\n */\n overlay?: boolean;\n align?: 'start' \| 'center' \| 'end';\n sideOffset?: number;\n }>(),\n {\n breakpoint: '(min-width: 768px)',\n align: 'start',\n sideOffset: 4,\n overlay: false,\n }\n);\n\nconst isDesktop = useMediaQuery(() => props.breakpoint);\n\nconst mergedClass = computed(() => [\n props.class,\n isDesktop.value ? props.popoverClass : props.drawerClass,\n]);\n</script>\n\n<template>\n <APopoverContent\n v-if=\"isDesktop\"\n :overlay=\"props.overlay\"\n :align=\"props.align\"\n :side-offset=\"props.sideOffset\"\n :class=\"mergedClass\"\n data-slot=\"responsive-popover-content\"\n >\n <slot />\n </APopoverContent>\n <ADrawerContent v-else :class=\"mergedClass\" data-slot=\"responsive-popover-content\">\n <slot />\n </ADrawerContent>\n</template>\n"],"names":["props","__props","open","_useModel","isDesktop","useMediaQuery","Root","computed","APopover","ADrawer","_openBlock","_createBlock","_resolveDynamicComponent","$event","_renderSlot","_ctx","_unref","Trigger","APopoverTrigger","ADrawerTrigger","mergedClass","APopoverContent","ADrawerContent"],"mappings":";;;;;;;;;;;;;;;AAMA,UAAMA,IAAQC,GAaRC,IAAOC,EAAoBF,GAAC,MAAM,GAElCG,IAAYC,EAAc,MAAML,EAAM,UAAU,GAMhDM,IAAOC,EAAS,MAAOH,EAAU,QAAQI,IAAWC,CAAQ;sBAIhEC,KAAAC,EAEYC,EAFIN,EAAA,KAAI,GAAA;AAAA,MAAU,MAAMJ,EAAA;AAAA,8CAAAA,EAAI,QAAAW;AAAA,MAAG,OAAOb,EAAM;AAAA,MAAO,aAAU;AAAA,IAAA;iBACvE,MAAgC;AAAA,QAAhCc,EAAgCC,EAAA,QAAA,WAAA,EAAzB,WAAYC,EAAAZ,CAAA,EAAA,CAAS;AAAA,MAAA;;;;;;;;;;;AC1BhC,UAAMJ,IAAQC,GAQRG,IAAYC,EAAc,MAAML,EAAM,UAAU,GAChDiB,IAAUV,EAAS,MAAOH,EAAU,QAAQc,IAAkBC,CAAe;sBAIjFT,KAAAC,EAEYC,EAFIK,EAAA,KAAO,GAAA;AAAA,MAAG,YAAUjB,EAAM;AAAA,MAAS,aAAU;AAAA,IAAA;iBAC3D,MAAQ;AAAA,QAARc,EAAQC,EAAA,QAAA,SAAA;AAAA,MAAA;;;;;;;;;;;;;;;;ACbZ,UAAMf,IAAQC,GA0BRG,IAAYC,EAAc,MAAML,EAAM,UAAU,GAEhDoB,IAAcb,EAAS,MAAM;AAAA,MACjCP,EAAM;AAAA,MACNI,EAAU,QAAQJ,EAAM,eAAeA,EAAM;AAAA,IAAA,CAC9C;qBAKSgB,EAAAZ,CAAA,UADRO,EASkBK,EAAAK,CAAA,GAAA;AAAA;MAPf,SAASrB,EAAM;AAAA,MACf,OAAOA,EAAM;AAAA,MACb,eAAaA,EAAM;AAAA,MACnB,SAAOoB,EAAA,KAAW;AAAA,MACnB,aAAU;AAAA,IAAA;iBAEV,MAAQ;AAAA,QAARN,EAAQC,EAAA,QAAA,SAAA;AAAA,MAAA;;iEAEVJ,EAEiBK,EAAAM,CAAA,GAAA;AAAA;MAFO,SAAOF,EAAA,KAAW;AAAA,MAAE,aAAU;AAAA,IAAA;iBACpD,MAAQ;AAAA,QAARN,EAAQC,EAAA,QAAA,SAAA;AAAA,MAAA;;;;;"}
1	+ {"version":3,"file":"AResponsivePopoverContent.vue_vue_type_script_setup_true_lang-BYEb5UBL.mjs","sources":["../../entries/responsive-popover/components/AResponsivePopover.vue","../../entries/responsive-popover/components/AResponsivePopoverTrigger.vue","../../entries/responsive-popover/components/AResponsivePopoverContent.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport { useMediaQuery } from '@vueuse/core';\nimport { APopover } from '@/entries/popover';\nimport { ADrawer } from '@/entries/drawer';\n\nconst props = withDefaults(\n defineProps<{\n /** CSS media query for the desktop break. Below this width we render a vaul drawer. /\n breakpoint?: string;\n /\n When true, the popover (desktop) locks page scroll, traps focus, and renders an overlay.\n * The drawer (mobile) is always modal-like (vaul-vue ships its own overlay + scroll-lock).\n /\n modal?: boolean;\n }>(),\n { breakpoint: '(min-width: 768px)', modal: true }\n);\n\nconst open = defineModel<boolean>('open');\n\nconst isDesktop = useMediaQuery(() => props.breakpoint);\n\n/\n Pre-imported on both branches — do NOT lazy-load. Switching the component identity at runtime\n * means we still hydrate the right tree client-side.\n /\nconst Root = computed(() => (isDesktop.value ? APopover : ADrawer));\n</script>\n\n<template>\n <component :is=\"Root\" v-model:open=\"open\" :modal=\"props.modal\" data-slot=\"responsive-popover\">\n <slot :is-desktop=\"isDesktop\" />\n </component>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from 'vue';\nimport { useMediaQuery } from '@vueuse/core';\nimport { APopoverTrigger } from '@/entries/popover';\nimport { ADrawerTrigger } from '@/entries/drawer';\n\nconst props = withDefaults(\n defineProps<{\n breakpoint?: string;\n asChild?: boolean;\n }>(),\n { breakpoint: '(min-width: 768px)' }\n);\n\nconst isDesktop = useMediaQuery(() => props.breakpoint);\nconst Trigger = computed(() => (isDesktop.value ? APopoverTrigger : ADrawerTrigger));\n</script>\n\n<template>\n <component :is=\"Trigger\" :as-child=\"props.asChild\" data-slot=\"responsive-popover-trigger\">\n <slot />\n </component>\n</template>\n","<script setup lang=\"ts\">\nimport type { HTMLAttributes } from 'vue';\nimport { computed } from 'vue';\nimport { useMediaQuery } from '@vueuse/core';\nimport { APopoverContent } from '@/entries/popover';\nimport { ADrawerContent } from '@/entries/drawer';\n\nconst props = withDefaults(\n defineProps<{\n breakpoint?: string;\n /* Classes applied on both branches. Avoid width / inset classes here. /\n class?: HTMLAttributes['class'];\n /* Classes applied only when the popover (desktop) branch is rendered. /\n popoverClass?: HTMLAttributes['class'];\n /* Classes applied only when the drawer (mobile) branch is rendered. /\n drawerClass?: HTMLAttributes['class'];\n /\n Render the dimmed overlay on the desktop popover branch. Defaults to `false` — popovers\n * on desktop are non-modal-looking by convention. The mobile drawer always has its own\n * overlay (vaul-vue's `DrawerOverlay`) regardless of this prop.\n */\n overlay?: boolean;\n align?: 'start' \| 'center' \| 'end';\n sideOffset?: number;\n }>(),\n {\n breakpoint: '(min-width: 768px)',\n align: 'start',\n sideOffset: 4,\n overlay: false,\n }\n);\n\nconst isDesktop = useMediaQuery(() => props.breakpoint);\n\nconst mergedClass = computed(() => [\n props.class,\n isDesktop.value ? props.popoverClass : props.drawerClass,\n]);\n</script>\n\n<template>\n <APopoverContent\n v-if=\"isDesktop\"\n :overlay=\"props.overlay\"\n :align=\"props.align\"\n :side-offset=\"props.sideOffset\"\n :class=\"mergedClass\"\n data-slot=\"responsive-popover-content\"\n >\n <slot />\n </APopoverContent>\n <ADrawerContent v-else :class=\"mergedClass\" data-slot=\"responsive-popover-content\">\n <slot />\n </ADrawerContent>\n</template>\n"],"names":["props","__props","open","_useModel","isDesktop","useMediaQuery","Root","computed","APopover","ADrawer","_openBlock","_createBlock","_resolveDynamicComponent","$event","_renderSlot","_ctx","_unref","Trigger","APopoverTrigger","ADrawerTrigger","mergedClass","APopoverContent","ADrawerContent"],"mappings":";;;;;;;;;;;;;;;AAMA,UAAMA,IAAQC,GAaRC,IAAOC,EAAoBF,GAAC,MAAM,GAElCG,IAAYC,EAAc,MAAML,EAAM,UAAU,GAMhDM,IAAOC,EAAS,MAAOH,EAAU,QAAQI,IAAWC,CAAQ;sBAIhEC,KAAAC,EAEYC,EAFIN,EAAA,KAAI,GAAA;AAAA,MAAU,MAAMJ,EAAA;AAAA,8CAAAA,EAAI,QAAAW;AAAA,MAAG,OAAOb,EAAM;AAAA,MAAO,aAAU;AAAA,IAAA;iBACvE,MAAgC;AAAA,QAAhCc,EAAgCC,EAAA,QAAA,WAAA,EAAzB,WAAYC,EAAAZ,CAAA,EAAA,CAAS;AAAA,MAAA;;;;;;;;;;;AC1BhC,UAAMJ,IAAQC,GAQRG,IAAYC,EAAc,MAAML,EAAM,UAAU,GAChDiB,IAAUV,EAAS,MAAOH,EAAU,QAAQc,IAAkBC,CAAe;sBAIjFT,KAAAC,EAEYC,EAFIK,EAAA,KAAO,GAAA;AAAA,MAAG,YAAUjB,EAAM;AAAA,MAAS,aAAU;AAAA,IAAA;iBAC3D,MAAQ;AAAA,QAARc,EAAQC,EAAA,QAAA,SAAA;AAAA,MAAA;;;;;;;;;;;;;;;;ACbZ,UAAMf,IAAQC,GA0BRG,IAAYC,EAAc,MAAML,EAAM,UAAU,GAEhDoB,IAAcb,EAAS,MAAM;AAAA,MACjCP,EAAM;AAAA,MACNI,EAAU,QAAQJ,EAAM,eAAeA,EAAM;AAAA,IAAA,CAC9C;qBAKSgB,EAAAZ,CAAA,UADRO,EASkBK,EAAAK,CAAA,GAAA;AAAA;MAPf,SAASrB,EAAM;AAAA,MACf,OAAOA,EAAM;AAAA,MACb,eAAaA,EAAM;AAAA,MACnB,SAAOoB,EAAA,KAAW;AAAA,MACnB,aAAU;AAAA,IAAA;iBAEV,MAAQ;AAAA,QAARN,EAAQC,EAAA,QAAA,SAAA;AAAA,MAAA;;iEAEVJ,EAEiBK,EAAAM,CAAA,GAAA;AAAA;MAFO,SAAOF,EAAA,KAAW;AAAA,MAAE,aAAU;AAAA,IAAA;iBACpD,MAAQ;AAAA,QAARN,EAAQC,EAAA,QAAA,SAAA;AAAA,MAAA;;;;;"}