cisse-vue-ui 0.8.2 → 0.8.4
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/{CheckboxGroup.vue_vue_type_script_setup_true_lang-N4oS_DJD.js → CheckboxGroup.vue_vue_type_script_setup_true_lang-B190Yija.js} +71 -71
- package/dist/CheckboxGroup.vue_vue_type_script_setup_true_lang-B190Yija.js.map +1 -0
- package/dist/{CheckboxGroup.vue_vue_type_script_setup_true_lang-DuJr8cz3.cjs → CheckboxGroup.vue_vue_type_script_setup_true_lang-BC86pBlY.cjs} +70 -70
- package/dist/CheckboxGroup.vue_vue_type_script_setup_true_lang-BC86pBlY.cjs.map +1 -0
- package/dist/{Dropdown.vue_vue_type_script_setup_true_lang-DoJKvn30.cjs → Dropdown.vue_vue_type_script_setup_true_lang-BAKGRZIb.cjs} +2 -2
- package/dist/Dropdown.vue_vue_type_script_setup_true_lang-BAKGRZIb.cjs.map +1 -0
- package/dist/{Dropdown.vue_vue_type_script_setup_true_lang-A9Ax6iob.js → Dropdown.vue_vue_type_script_setup_true_lang-GLCX7E3C.js} +2 -2
- package/dist/Dropdown.vue_vue_type_script_setup_true_lang-GLCX7E3C.js.map +1 -0
- package/dist/{FilterTabs.vue_vue_type_script_setup_true_lang-CcOgc2Y_.js → FilterTabs.vue_vue_type_script_setup_true_lang-BmJHgkBs.js} +2 -2
- package/dist/{FilterTabs.vue_vue_type_script_setup_true_lang-CcOgc2Y_.js.map → FilterTabs.vue_vue_type_script_setup_true_lang-BmJHgkBs.js.map} +1 -1
- package/dist/{FilterTabs.vue_vue_type_script_setup_true_lang-jW6Ikbvy.cjs → FilterTabs.vue_vue_type_script_setup_true_lang-DYxh-wFx.cjs} +2 -2
- package/dist/{FilterTabs.vue_vue_type_script_setup_true_lang-jW6Ikbvy.cjs.map → FilterTabs.vue_vue_type_script_setup_true_lang-DYxh-wFx.cjs.map} +1 -1
- package/dist/{PageHero.vue_vue_type_script_setup_true_lang-rbvfGvll.cjs → PageHero.vue_vue_type_script_setup_true_lang-BqwBJlv0.cjs} +2 -2
- package/dist/{PageHero.vue_vue_type_script_setup_true_lang-rbvfGvll.cjs.map → PageHero.vue_vue_type_script_setup_true_lang-BqwBJlv0.cjs.map} +1 -1
- package/dist/{PageHero.vue_vue_type_script_setup_true_lang-Gvocjdqh.js → PageHero.vue_vue_type_script_setup_true_lang-by-P5wIB.js} +2 -2
- package/dist/{PageHero.vue_vue_type_script_setup_true_lang-Gvocjdqh.js.map → PageHero.vue_vue_type_script_setup_true_lang-by-P5wIB.js.map} +1 -1
- package/dist/cisse-vue-ui.css +4 -4
- package/dist/components/core/MenuItem.vue.d.ts +24 -2
- package/dist/components/core/index.cjs +2 -2
- package/dist/components/core/index.js +2 -2
- package/dist/components/form/Combobox.stories.d.ts +2 -0
- package/dist/components/form/Combobox.vue.d.ts +4 -0
- package/dist/components/form/DatePicker.stories.d.ts +2 -0
- package/dist/components/form/DatePicker.vue.d.ts +4 -0
- package/dist/components/form/FormSelect.stories.d.ts +2 -0
- package/dist/components/form/FormSelect.vue.d.ts +4 -0
- package/dist/components/form/InputWrapper.stories.d.ts +1 -0
- package/dist/components/form/InputWrapper.vue.d.ts +6 -3
- package/dist/components/form/TagsInput.stories.d.ts +1 -0
- package/dist/components/form/TagsInput.vue.d.ts +3 -3
- package/dist/components/form/TextArea.stories.d.ts +3 -1
- package/dist/components/form/TextArea.vue.d.ts +4 -0
- package/dist/components/form/index.cjs +1 -1
- package/dist/components/form/index.js +1 -1
- package/dist/components/index.cjs +4 -4
- package/dist/components/index.js +4 -4
- package/dist/components/layout/index.cjs +1 -1
- package/dist/components/layout/index.js +1 -1
- package/dist/composables/index.cjs +3 -1
- package/dist/composables/index.cjs.map +1 -1
- package/dist/composables/index.d.ts +1 -0
- package/dist/composables/index.js +3 -1
- package/dist/composables/index.js.map +1 -1
- package/dist/composables/useInputStyles.d.ts +32 -0
- package/dist/composables/useInputStyles.test.d.ts +1 -0
- package/dist/{index-CDDUEkXf.js → index-CyL_6V7D.js} +5 -5
- package/dist/index-CyL_6V7D.js.map +1 -0
- package/dist/{index-5dQNEzd8.cjs → index-LFQFhClN.cjs} +5 -5
- package/dist/{index-5dQNEzd8.cjs.map → index-LFQFhClN.cjs.map} +1 -1
- package/dist/index.cjs +8 -6
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +8 -6
- package/dist/index.js.map +1 -1
- package/dist/style.css +1 -1
- package/dist/{useDropdown-DK4c5JGL.cjs → useDropdown-HI7ABBLe.cjs} +5 -4
- package/dist/{useDropdown-DK4c5JGL.cjs.map → useDropdown-HI7ABBLe.cjs.map} +1 -1
- package/dist/{useDropdown-De0cKI83.js → useDropdown-XITCE_SM.js} +5 -4
- package/dist/{useDropdown-De0cKI83.js.map → useDropdown-XITCE_SM.js.map} +1 -1
- package/dist/useInputStyles-BFTJdXHL.js +127 -0
- package/dist/useInputStyles-BFTJdXHL.js.map +1 -0
- package/dist/useInputStyles-DMfvW6N5.cjs +126 -0
- package/dist/useInputStyles-DMfvW6N5.cjs.map +1 -0
- package/package.json +1 -1
- package/dist/CheckboxGroup.vue_vue_type_script_setup_true_lang-DuJr8cz3.cjs.map +0 -1
- package/dist/CheckboxGroup.vue_vue_type_script_setup_true_lang-N4oS_DJD.js.map +0 -1
- package/dist/Dropdown.vue_vue_type_script_setup_true_lang-A9Ax6iob.js.map +0 -1
- package/dist/Dropdown.vue_vue_type_script_setup_true_lang-DoJKvn30.cjs.map +0 -1
- package/dist/index-CDDUEkXf.js.map +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Dropdown.vue_vue_type_script_setup_true_lang-BAKGRZIb.cjs","sources":["../src/components/core/MenuItem.vue","../src/components/core/Dropdown.vue"],"sourcesContent":["<script lang=\"ts\" setup>\r\nimport { computed, resolveComponent, ref, useSlots } from 'vue'\r\nimport { Icon } from '@iconify/vue'\r\nimport { useDropdown } from '@/composables/useDropdown'\r\nimport type { MenuItemProps } from '@/types'\r\n\r\nconst props = withDefaults(\r\n defineProps<{\r\n menuItem: MenuItemProps\r\n /** Whether sidebar is expanded (shows labels) */\r\n expanded?: boolean\r\n /** Override active state directly */\r\n active?: boolean\r\n /** Current route path (pass from parent using useRoute().path) */\r\n currentPath?: string\r\n /** Nesting depth level (used internally for indentation) */\r\n depth?: number\r\n }>(),\r\n {\r\n expanded: true,\r\n active: undefined,\r\n currentPath: undefined,\r\n depth: 0,\r\n },\r\n)\r\n\r\nconst slots = useSlots() as { submenu?: () => unknown }\r\nconst submenuOpen = ref(false)\r\n\r\n// Flyout popover for compacted mode\r\nconst triggerRef = ref<HTMLElement>()\r\nconst flyoutRef = ref<HTMLElement>()\r\nconst { isOpen: flyoutOpen, dropdownStyle, open: openFlyout, close: closeFlyout } = useDropdown(\r\n triggerRef,\r\n flyoutRef,\r\n {\r\n teleport: true,\r\n gap: 8,\r\n placement: 'right-start',\r\n },\r\n)\r\n\r\nconst hasSlotContent = computed(() => !!slots.submenu)\r\n\r\nconst hasChildren = computed(() => {\r\n return props.menuItem.children && props.menuItem.children.length > 0\r\n})\r\n\r\nconst hasSubmenu = computed(() => hasChildren.value || hasSlotContent.value)\r\n\r\nconst isRouteActive = computed(() => {\r\n // If active prop is explicitly set, use it\r\n if (props.active !== undefined) {\r\n return props.active\r\n }\r\n\r\n // Use currentPath prop if provided, otherwise fall back to window.location\r\n const path = props.currentPath ?? (typeof window !== 'undefined' ? window.location.pathname : '/')\r\n\r\n if (props.menuItem.link === '/') {\r\n return path === '/'\r\n }\r\n return path === props.menuItem.link || path.startsWith(props.menuItem.link + '/')\r\n})\r\n\r\n// Check if any child is active (to highlight parent)\r\nconst isChildActive = computed(() => {\r\n if (!hasChildren.value) return false\r\n\r\n const path = props.currentPath ?? (typeof window !== 'undefined' ? window.location.pathname : '/')\r\n\r\n const checkActive = (items: MenuItemProps[]): boolean => {\r\n return items.some((item) => {\r\n if (item.link === path || path.startsWith(item.link + '/')) {\r\n return true\r\n }\r\n if (item.children) {\r\n return checkActive(item.children)\r\n }\r\n return false\r\n })\r\n }\r\n\r\n return checkActive(props.menuItem.children!)\r\n})\r\n\r\n// Try to resolve RouterLink, fallback to 'a' tag\r\nconst linkComponent = computed(() => {\r\n if (hasSubmenu.value) {\r\n return 'button'\r\n }\r\n try {\r\n const RouterLink = resolveComponent('RouterLink')\r\n if (typeof RouterLink !== 'string') {\r\n return RouterLink\r\n }\r\n } catch {\r\n // RouterLink not available\r\n }\r\n return 'a'\r\n})\r\n\r\nconst linkProps = computed(() => {\r\n if (hasSubmenu.value) {\r\n return { type: 'button' as const }\r\n }\r\n if (linkComponent.value === 'a') {\r\n return { href: props.menuItem.link }\r\n }\r\n return { to: props.menuItem.link }\r\n})\r\n\r\nconst toggleSubmenu = () => {\r\n if (hasSubmenu.value) {\r\n submenuOpen.value = !submenuOpen.value\r\n }\r\n}\r\n\r\nconst paddingLeft = computed(() => {\r\n if (!props.expanded) return undefined\r\n const basePadding = 20 // px-5 = 20px\r\n const indentPerLevel = 16 // 16px per nesting level\r\n return `${basePadding + props.depth * indentPerLevel}px`\r\n})\r\n\r\n// Helper functions for flyout child items\r\nconst childLinkComponent = (child: MenuItemProps) => {\r\n if (child.children && child.children.length > 0) {\r\n return 'button'\r\n }\r\n try {\r\n const RouterLink = resolveComponent('RouterLink')\r\n if (typeof RouterLink !== 'string') {\r\n return RouterLink\r\n }\r\n } catch {\r\n // RouterLink not available\r\n }\r\n return 'a'\r\n}\r\n\r\nconst childLinkProps = (child: MenuItemProps) => {\r\n if (child.children && child.children.length > 0) {\r\n return { type: 'button' as const }\r\n }\r\n const component = childLinkComponent(child)\r\n if (component === 'a') {\r\n return { href: child.link }\r\n }\r\n return { to: child.link }\r\n}\r\n\r\nconst isChildRouteActive = (child: MenuItemProps) => {\r\n const path = props.currentPath ?? (typeof window !== 'undefined' ? window.location.pathname : '/')\r\n if (child.link === '/') {\r\n return path === '/'\r\n }\r\n return path === child.link || path.startsWith(child.link + '/')\r\n}\r\n</script>\r\n\r\n<template>\r\n <div\r\n class=\"w-full\"\r\n @mouseenter=\"!expanded && hasSubmenu && openFlyout()\"\r\n @mouseleave=\"!expanded && hasSubmenu && closeFlyout()\"\r\n >\r\n <component\r\n :is=\"linkComponent\"\r\n ref=\"triggerRef\"\r\n v-bind=\"linkProps\"\r\n :class=\"expanded ? 'flex-row' : 'flex-col'\"\r\n :style=\"expanded ? { paddingLeft } : undefined\"\r\n class=\"group relative flex w-full items-center justify-center gap-2 pr-5 py-2\"\r\n @click=\"toggleSubmenu\"\r\n >\r\n <div class=\"relative\">\r\n <Icon\r\n :class=\"[\r\n isRouteActive || isChildActive\r\n ? 'text-white'\r\n : 'text-white/50 group-hover:text-white/80 dark:text-gray-700 dark:group-hover:text-gray-500',\r\n expanded ? 'size-5' : 'size-8',\r\n ]\"\r\n class=\"transition-all duration-300\"\r\n :icon=\"menuItem.icon\"\r\n />\r\n\r\n <span\r\n v-if=\"menuItem.notification\"\r\n class=\"absolute top-0.25 right-0.25 size-1.5 rounded-full bg-red-600\"\r\n />\r\n </div>\r\n\r\n <Transition\r\n enter-active-class=\"transition-all duration-300 ease-out\"\r\n enter-from-class=\"opacity-0 -translate-x-2\"\r\n enter-to-class=\"opacity-100 translate-x-0\"\r\n leave-active-class=\"transition-all duration-200 ease-in\"\r\n leave-from-class=\"opacity-100 translate-x-0\"\r\n leave-to-class=\"opacity-0 -translate-x-2\"\r\n >\r\n <span\r\n v-if=\"expanded\"\r\n :class=\"\r\n isRouteActive || isChildActive\r\n ? 'text-white'\r\n : 'text-white/50 group-hover:text-white/80 dark:text-gray-700 dark:group-hover:text-gray-500'\r\n \"\r\n class=\"flex-1 text-left text-sm font-semibold whitespace-nowrap\"\r\n >{{ menuItem.label }}</span>\r\n </Transition>\r\n\r\n <!-- Chevron for submenu -->\r\n <Icon\r\n v-if=\"hasSubmenu && expanded\"\r\n :class=\"[\r\n submenuOpen ? 'rotate-90' : '',\r\n isRouteActive || isChildActive\r\n ? 'text-white'\r\n : 'text-white/50 group-hover:text-white/80 dark:text-gray-700 dark:group-hover:text-gray-500',\r\n ]\"\r\n class=\"size-4 transition-transform duration-200\"\r\n icon=\"lucide:chevron-right\"\r\n />\r\n </component>\r\n\r\n <!-- Submenu content (expanded mode - inline) -->\r\n <Transition\r\n enter-active-class=\"transition-all duration-300 ease-out\"\r\n enter-from-class=\"opacity-0 max-h-0\"\r\n enter-to-class=\"opacity-100 max-h-96\"\r\n leave-active-class=\"transition-all duration-200 ease-in\"\r\n leave-from-class=\"opacity-100 max-h-96\"\r\n leave-to-class=\"opacity-0 max-h-0\"\r\n >\r\n <div\r\n v-if=\"hasSubmenu && submenuOpen && expanded\"\r\n class=\"overflow-hidden\"\r\n >\r\n <!-- Slot for custom submenu content -->\r\n <slot\r\n name=\"submenu\"\r\n :depth=\"depth + 1\"\r\n :expanded=\"expanded\"\r\n :current-path=\"currentPath\"\r\n />\r\n\r\n <!-- Default children from prop -->\r\n <MenuItem\r\n v-for=\"(child, index) in menuItem.children\"\r\n :key=\"index\"\r\n :menu-item=\"child\"\r\n :expanded=\"expanded\"\r\n :current-path=\"currentPath\"\r\n :depth=\"depth + 1\"\r\n />\r\n </div>\r\n </Transition>\r\n\r\n <!-- Flyout submenu (compacted mode - popover) -->\r\n <Teleport to=\"body\">\r\n <Transition\r\n enter-active-class=\"transition duration-150 ease-out\"\r\n enter-from-class=\"opacity-0 scale-95\"\r\n enter-to-class=\"opacity-100 scale-100\"\r\n leave-active-class=\"transition duration-100 ease-in\"\r\n leave-from-class=\"opacity-100 scale-100\"\r\n leave-to-class=\"opacity-0 scale-95\"\r\n >\r\n <div\r\n v-if=\"hasSubmenu && flyoutOpen && !expanded\"\r\n ref=\"flyoutRef\"\r\n :style=\"dropdownStyle\"\r\n class=\"z-9999 min-w-48 rounded-lg border border-gray-200 bg-white py-2 shadow-lg dark:border-gray-700 dark:bg-gray-800\"\r\n @mouseenter=\"openFlyout()\"\r\n @mouseleave=\"closeFlyout()\"\r\n >\r\n <!-- Label header -->\r\n <div class=\"px-4 py-2 text-xs font-semibold text-gray-500 uppercase dark:text-gray-400\">\r\n {{ menuItem.label }}\r\n </div>\r\n\r\n <!-- Slot for custom submenu content -->\r\n <slot\r\n name=\"submenu\"\r\n :depth=\"0\"\r\n :expanded=\"true\"\r\n :current-path=\"currentPath\"\r\n />\r\n\r\n <!-- Default children from prop -->\r\n <template v-if=\"menuItem.children\">\r\n <component\r\n :is=\"childLinkComponent(child)\"\r\n v-for=\"(child, index) in menuItem.children\"\r\n :key=\"index\"\r\n v-bind=\"childLinkProps(child)\"\r\n :class=\"[\r\n 'flex items-center gap-3 px-4 py-2 text-sm transition-colors',\r\n isChildRouteActive(child)\r\n ? 'bg-primary-50 text-primary-700 dark:bg-primary-900/20 dark:text-primary-400'\r\n : 'text-gray-700 hover:bg-gray-100 dark:text-gray-300 dark:hover:bg-gray-700',\r\n ]\"\r\n @click=\"closeFlyout()\"\r\n >\r\n <Icon\r\n :icon=\"child.icon\"\r\n class=\"size-4\"\r\n />\r\n <span>{{ child.label }}</span>\r\n </component>\r\n </template>\r\n </div>\r\n </Transition>\r\n </Teleport>\r\n </div>\r\n</template>\r\n","<script lang=\"ts\" setup>\r\nimport { ref, computed } from 'vue'\r\nimport { Icon } from '@iconify/vue'\r\nimport { useDropdown } from '@/composables/useDropdown'\r\nimport { useId } from '@/composables/useId'\r\n\r\nexport interface DropdownItem {\r\n key: string\r\n label: string\r\n icon?: string\r\n disabled?: boolean\r\n danger?: boolean\r\n divider?: boolean\r\n}\r\n\r\nconst props = withDefaults(\r\n defineProps<{\r\n /** Dropdown items (optional if using default slot) */\r\n items?: DropdownItem[]\r\n /** Align dropdown */\r\n align?: 'left' | 'right'\r\n /** Dropdown width */\r\n width?: 'auto' | 'full' | 'sm' | 'md' | 'lg'\r\n /** Use teleport to body to avoid overflow clipping */\r\n teleport?: boolean\r\n /** Custom ID for accessibility */\r\n id?: string\r\n }>(),\r\n {\r\n items: () => [],\r\n align: 'left',\r\n width: 'auto',\r\n teleport: true,\r\n },\r\n)\r\n\r\n// Generate unique IDs for accessibility\r\nconst { related } = useId({ prefix: 'dropdown', id: props.id })\r\nconst triggerId = computed(() => related('trigger'))\r\nconst menuId = computed(() => related('menu'))\r\n\r\nconst emit = defineEmits<{\r\n select: [item: DropdownItem]\r\n}>()\r\n\r\nconst triggerRef = ref<HTMLElement>()\r\nconst menuRef = ref<HTMLElement>()\r\n\r\nconst { isOpen, dropdownStyle, toggle, close } = useDropdown(triggerRef, menuRef, {\r\n teleport: props.teleport,\r\n align: props.align,\r\n})\r\n\r\nconst selectItem = (item: DropdownItem) => {\r\n if (item.disabled || item.divider) return\r\n emit('select', item)\r\n close()\r\n}\r\n\r\nconst widthClasses = {\r\n auto: 'w-auto min-w-40',\r\n full: 'w-full',\r\n sm: 'w-32',\r\n md: 'w-48',\r\n lg: 'w-64',\r\n}\r\n\r\nconst computedDropdownStyle = computed(() => {\r\n if (!props.teleport) return {}\r\n const { width: _, ...rest } = dropdownStyle.value\r\n return rest\r\n})\r\n</script>\r\n\r\n<template>\r\n <div class=\"relative inline-block\">\r\n <div\r\n ref=\"triggerRef\"\r\n @click=\"toggle\"\r\n >\r\n <slot name=\"trigger\">\r\n <button\r\n :id=\"triggerId\"\r\n type=\"button\"\r\n :aria-expanded=\"isOpen\"\r\n aria-haspopup=\"menu\"\r\n :aria-controls=\"menuId\"\r\n class=\"inline-flex items-center gap-2 rounded-lg border border-gray-300 bg-white px-4 py-2 text-sm font-medium text-gray-700 hover:bg-gray-50 dark:border-gray-600 dark:bg-gray-800 dark:text-gray-200 dark:hover:bg-gray-700\"\r\n >\r\n <slot name=\"trigger-label\">\r\n Options\r\n </slot>\r\n <Icon\r\n icon=\"lucide:chevron-down\"\r\n :class=\"['size-4 transition-transform', isOpen && 'rotate-180']\"\r\n aria-hidden=\"true\"\r\n />\r\n </button>\r\n </slot>\r\n </div>\r\n\r\n <Teleport\r\n to=\"body\"\r\n :disabled=\"!teleport\"\r\n >\r\n <Transition\r\n enter-active-class=\"transition ease-out duration-100\"\r\n enter-from-class=\"transform opacity-0 scale-95\"\r\n enter-to-class=\"transform opacity-100 scale-100\"\r\n leave-active-class=\"transition ease-in duration-75\"\r\n leave-from-class=\"transform opacity-100 scale-100\"\r\n leave-to-class=\"transform opacity-0 scale-95\"\r\n >\r\n <div\r\n v-if=\"isOpen\"\r\n :id=\"menuId\"\r\n ref=\"menuRef\"\r\n role=\"menu\"\r\n :aria-labelledby=\"triggerId\"\r\n :style=\"computedDropdownStyle\"\r\n :class=\"[\r\n 'z-9999 rounded-lg border border-gray-200 bg-white py-1 shadow-lg dark:border-gray-700 dark:bg-gray-800',\r\n widthClasses[width],\r\n !teleport && (align === 'right' ? 'absolute mt-2 right-0' : 'absolute mt-2 left-0'),\r\n ]\"\r\n >\r\n <!-- Custom content via default slot -->\r\n <slot :close=\"close\">\r\n <!-- Default items rendering -->\r\n <template\r\n v-for=\"item in items\"\r\n :key=\"item.key\"\r\n >\r\n <div\r\n v-if=\"item.divider\"\r\n role=\"separator\"\r\n class=\"my-1 border-t border-gray-200 dark:border-gray-700\"\r\n />\r\n <button\r\n v-else\r\n type=\"button\"\r\n role=\"menuitem\"\r\n :disabled=\"item.disabled\"\r\n :class=\"[\r\n 'flex w-full items-center gap-2 px-4 py-2 text-left text-sm transition-colors',\r\n item.disabled\r\n ? 'cursor-not-allowed opacity-50'\r\n : item.danger\r\n ? 'text-red-600 hover:bg-red-50 dark:text-red-400 dark:hover:bg-red-900/20'\r\n : 'text-gray-700 hover:bg-gray-100 dark:text-gray-200 dark:hover:bg-gray-700',\r\n ]\"\r\n @click=\"selectItem(item)\"\r\n >\r\n <Icon\r\n v-if=\"item.icon\"\r\n :icon=\"item.icon\"\r\n class=\"size-4\"\r\n aria-hidden=\"true\"\r\n />\r\n {{ item.label }}\r\n </button>\r\n </template>\r\n </slot>\r\n </div>\r\n </Transition>\r\n </Teleport>\r\n </div>\r\n</template>\r\n"],"names":["useSlots","ref","useDropdown","computed","resolveComponent","_createElementBlock","_unref","_createBlock","_resolveDynamicComponent","_mergeProps","_createElementVNode","_hoisted_1","_createVNode","Icon","_normalizeClass","_openBlock","_hoisted_2","_Transition","_toDisplayString","_hoisted_3","_renderSlot","_Fragment","_Teleport","_hoisted_4","useId","_renderList"],"mappings":"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"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { defineComponent, useSlots, ref, computed, resolveComponent, createElementBlock, openBlock, unref, createBlock, createVNode, resolveDynamicComponent, mergeProps, withCtx, createElementVNode, createCommentVNode, normalizeClass, Transition, toDisplayString, renderSlot, Fragment, renderList, Teleport, normalizeStyle, createTextVNode } from "vue";
|
|
2
2
|
import { Icon } from "@iconify/vue";
|
|
3
|
-
import { u as useDropdown } from "./useDropdown-
|
|
3
|
+
import { u as useDropdown } from "./useDropdown-XITCE_SM.js";
|
|
4
4
|
import { u as useId } from "./useId-xeHj7rkg.js";
|
|
5
5
|
const _hoisted_1$1 = { class: "relative" };
|
|
6
6
|
const _hoisted_2$1 = {
|
|
@@ -409,4 +409,4 @@ export {
|
|
|
409
409
|
_sfc_main$1 as _,
|
|
410
410
|
_sfc_main as a
|
|
411
411
|
};
|
|
412
|
-
//# sourceMappingURL=Dropdown.vue_vue_type_script_setup_true_lang-
|
|
412
|
+
//# sourceMappingURL=Dropdown.vue_vue_type_script_setup_true_lang-GLCX7E3C.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Dropdown.vue_vue_type_script_setup_true_lang-GLCX7E3C.js","sources":["../src/components/core/MenuItem.vue","../src/components/core/Dropdown.vue"],"sourcesContent":["<script lang=\"ts\" setup>\r\nimport { computed, resolveComponent, ref, useSlots } from 'vue'\r\nimport { Icon } from '@iconify/vue'\r\nimport { useDropdown } from '@/composables/useDropdown'\r\nimport type { MenuItemProps } from '@/types'\r\n\r\nconst props = withDefaults(\r\n defineProps<{\r\n menuItem: MenuItemProps\r\n /** Whether sidebar is expanded (shows labels) */\r\n expanded?: boolean\r\n /** Override active state directly */\r\n active?: boolean\r\n /** Current route path (pass from parent using useRoute().path) */\r\n currentPath?: string\r\n /** Nesting depth level (used internally for indentation) */\r\n depth?: number\r\n }>(),\r\n {\r\n expanded: true,\r\n active: undefined,\r\n currentPath: undefined,\r\n depth: 0,\r\n },\r\n)\r\n\r\nconst slots = useSlots() as { submenu?: () => unknown }\r\nconst submenuOpen = ref(false)\r\n\r\n// Flyout popover for compacted mode\r\nconst triggerRef = ref<HTMLElement>()\r\nconst flyoutRef = ref<HTMLElement>()\r\nconst { isOpen: flyoutOpen, dropdownStyle, open: openFlyout, close: closeFlyout } = useDropdown(\r\n triggerRef,\r\n flyoutRef,\r\n {\r\n teleport: true,\r\n gap: 8,\r\n placement: 'right-start',\r\n },\r\n)\r\n\r\nconst hasSlotContent = computed(() => !!slots.submenu)\r\n\r\nconst hasChildren = computed(() => {\r\n return props.menuItem.children && props.menuItem.children.length > 0\r\n})\r\n\r\nconst hasSubmenu = computed(() => hasChildren.value || hasSlotContent.value)\r\n\r\nconst isRouteActive = computed(() => {\r\n // If active prop is explicitly set, use it\r\n if (props.active !== undefined) {\r\n return props.active\r\n }\r\n\r\n // Use currentPath prop if provided, otherwise fall back to window.location\r\n const path = props.currentPath ?? (typeof window !== 'undefined' ? window.location.pathname : '/')\r\n\r\n if (props.menuItem.link === '/') {\r\n return path === '/'\r\n }\r\n return path === props.menuItem.link || path.startsWith(props.menuItem.link + '/')\r\n})\r\n\r\n// Check if any child is active (to highlight parent)\r\nconst isChildActive = computed(() => {\r\n if (!hasChildren.value) return false\r\n\r\n const path = props.currentPath ?? (typeof window !== 'undefined' ? window.location.pathname : '/')\r\n\r\n const checkActive = (items: MenuItemProps[]): boolean => {\r\n return items.some((item) => {\r\n if (item.link === path || path.startsWith(item.link + '/')) {\r\n return true\r\n }\r\n if (item.children) {\r\n return checkActive(item.children)\r\n }\r\n return false\r\n })\r\n }\r\n\r\n return checkActive(props.menuItem.children!)\r\n})\r\n\r\n// Try to resolve RouterLink, fallback to 'a' tag\r\nconst linkComponent = computed(() => {\r\n if (hasSubmenu.value) {\r\n return 'button'\r\n }\r\n try {\r\n const RouterLink = resolveComponent('RouterLink')\r\n if (typeof RouterLink !== 'string') {\r\n return RouterLink\r\n }\r\n } catch {\r\n // RouterLink not available\r\n }\r\n return 'a'\r\n})\r\n\r\nconst linkProps = computed(() => {\r\n if (hasSubmenu.value) {\r\n return { type: 'button' as const }\r\n }\r\n if (linkComponent.value === 'a') {\r\n return { href: props.menuItem.link }\r\n }\r\n return { to: props.menuItem.link }\r\n})\r\n\r\nconst toggleSubmenu = () => {\r\n if (hasSubmenu.value) {\r\n submenuOpen.value = !submenuOpen.value\r\n }\r\n}\r\n\r\nconst paddingLeft = computed(() => {\r\n if (!props.expanded) return undefined\r\n const basePadding = 20 // px-5 = 20px\r\n const indentPerLevel = 16 // 16px per nesting level\r\n return `${basePadding + props.depth * indentPerLevel}px`\r\n})\r\n\r\n// Helper functions for flyout child items\r\nconst childLinkComponent = (child: MenuItemProps) => {\r\n if (child.children && child.children.length > 0) {\r\n return 'button'\r\n }\r\n try {\r\n const RouterLink = resolveComponent('RouterLink')\r\n if (typeof RouterLink !== 'string') {\r\n return RouterLink\r\n }\r\n } catch {\r\n // RouterLink not available\r\n }\r\n return 'a'\r\n}\r\n\r\nconst childLinkProps = (child: MenuItemProps) => {\r\n if (child.children && child.children.length > 0) {\r\n return { type: 'button' as const }\r\n }\r\n const component = childLinkComponent(child)\r\n if (component === 'a') {\r\n return { href: child.link }\r\n }\r\n return { to: child.link }\r\n}\r\n\r\nconst isChildRouteActive = (child: MenuItemProps) => {\r\n const path = props.currentPath ?? (typeof window !== 'undefined' ? window.location.pathname : '/')\r\n if (child.link === '/') {\r\n return path === '/'\r\n }\r\n return path === child.link || path.startsWith(child.link + '/')\r\n}\r\n</script>\r\n\r\n<template>\r\n <div\r\n class=\"w-full\"\r\n @mouseenter=\"!expanded && hasSubmenu && openFlyout()\"\r\n @mouseleave=\"!expanded && hasSubmenu && closeFlyout()\"\r\n >\r\n <component\r\n :is=\"linkComponent\"\r\n ref=\"triggerRef\"\r\n v-bind=\"linkProps\"\r\n :class=\"expanded ? 'flex-row' : 'flex-col'\"\r\n :style=\"expanded ? { paddingLeft } : undefined\"\r\n class=\"group relative flex w-full items-center justify-center gap-2 pr-5 py-2\"\r\n @click=\"toggleSubmenu\"\r\n >\r\n <div class=\"relative\">\r\n <Icon\r\n :class=\"[\r\n isRouteActive || isChildActive\r\n ? 'text-white'\r\n : 'text-white/50 group-hover:text-white/80 dark:text-gray-700 dark:group-hover:text-gray-500',\r\n expanded ? 'size-5' : 'size-8',\r\n ]\"\r\n class=\"transition-all duration-300\"\r\n :icon=\"menuItem.icon\"\r\n />\r\n\r\n <span\r\n v-if=\"menuItem.notification\"\r\n class=\"absolute top-0.25 right-0.25 size-1.5 rounded-full bg-red-600\"\r\n />\r\n </div>\r\n\r\n <Transition\r\n enter-active-class=\"transition-all duration-300 ease-out\"\r\n enter-from-class=\"opacity-0 -translate-x-2\"\r\n enter-to-class=\"opacity-100 translate-x-0\"\r\n leave-active-class=\"transition-all duration-200 ease-in\"\r\n leave-from-class=\"opacity-100 translate-x-0\"\r\n leave-to-class=\"opacity-0 -translate-x-2\"\r\n >\r\n <span\r\n v-if=\"expanded\"\r\n :class=\"\r\n isRouteActive || isChildActive\r\n ? 'text-white'\r\n : 'text-white/50 group-hover:text-white/80 dark:text-gray-700 dark:group-hover:text-gray-500'\r\n \"\r\n class=\"flex-1 text-left text-sm font-semibold whitespace-nowrap\"\r\n >{{ menuItem.label }}</span>\r\n </Transition>\r\n\r\n <!-- Chevron for submenu -->\r\n <Icon\r\n v-if=\"hasSubmenu && expanded\"\r\n :class=\"[\r\n submenuOpen ? 'rotate-90' : '',\r\n isRouteActive || isChildActive\r\n ? 'text-white'\r\n : 'text-white/50 group-hover:text-white/80 dark:text-gray-700 dark:group-hover:text-gray-500',\r\n ]\"\r\n class=\"size-4 transition-transform duration-200\"\r\n icon=\"lucide:chevron-right\"\r\n />\r\n </component>\r\n\r\n <!-- Submenu content (expanded mode - inline) -->\r\n <Transition\r\n enter-active-class=\"transition-all duration-300 ease-out\"\r\n enter-from-class=\"opacity-0 max-h-0\"\r\n enter-to-class=\"opacity-100 max-h-96\"\r\n leave-active-class=\"transition-all duration-200 ease-in\"\r\n leave-from-class=\"opacity-100 max-h-96\"\r\n leave-to-class=\"opacity-0 max-h-0\"\r\n >\r\n <div\r\n v-if=\"hasSubmenu && submenuOpen && expanded\"\r\n class=\"overflow-hidden\"\r\n >\r\n <!-- Slot for custom submenu content -->\r\n <slot\r\n name=\"submenu\"\r\n :depth=\"depth + 1\"\r\n :expanded=\"expanded\"\r\n :current-path=\"currentPath\"\r\n />\r\n\r\n <!-- Default children from prop -->\r\n <MenuItem\r\n v-for=\"(child, index) in menuItem.children\"\r\n :key=\"index\"\r\n :menu-item=\"child\"\r\n :expanded=\"expanded\"\r\n :current-path=\"currentPath\"\r\n :depth=\"depth + 1\"\r\n />\r\n </div>\r\n </Transition>\r\n\r\n <!-- Flyout submenu (compacted mode - popover) -->\r\n <Teleport to=\"body\">\r\n <Transition\r\n enter-active-class=\"transition duration-150 ease-out\"\r\n enter-from-class=\"opacity-0 scale-95\"\r\n enter-to-class=\"opacity-100 scale-100\"\r\n leave-active-class=\"transition duration-100 ease-in\"\r\n leave-from-class=\"opacity-100 scale-100\"\r\n leave-to-class=\"opacity-0 scale-95\"\r\n >\r\n <div\r\n v-if=\"hasSubmenu && flyoutOpen && !expanded\"\r\n ref=\"flyoutRef\"\r\n :style=\"dropdownStyle\"\r\n class=\"z-9999 min-w-48 rounded-lg border border-gray-200 bg-white py-2 shadow-lg dark:border-gray-700 dark:bg-gray-800\"\r\n @mouseenter=\"openFlyout()\"\r\n @mouseleave=\"closeFlyout()\"\r\n >\r\n <!-- Label header -->\r\n <div class=\"px-4 py-2 text-xs font-semibold text-gray-500 uppercase dark:text-gray-400\">\r\n {{ menuItem.label }}\r\n </div>\r\n\r\n <!-- Slot for custom submenu content -->\r\n <slot\r\n name=\"submenu\"\r\n :depth=\"0\"\r\n :expanded=\"true\"\r\n :current-path=\"currentPath\"\r\n />\r\n\r\n <!-- Default children from prop -->\r\n <template v-if=\"menuItem.children\">\r\n <component\r\n :is=\"childLinkComponent(child)\"\r\n v-for=\"(child, index) in menuItem.children\"\r\n :key=\"index\"\r\n v-bind=\"childLinkProps(child)\"\r\n :class=\"[\r\n 'flex items-center gap-3 px-4 py-2 text-sm transition-colors',\r\n isChildRouteActive(child)\r\n ? 'bg-primary-50 text-primary-700 dark:bg-primary-900/20 dark:text-primary-400'\r\n : 'text-gray-700 hover:bg-gray-100 dark:text-gray-300 dark:hover:bg-gray-700',\r\n ]\"\r\n @click=\"closeFlyout()\"\r\n >\r\n <Icon\r\n :icon=\"child.icon\"\r\n class=\"size-4\"\r\n />\r\n <span>{{ child.label }}</span>\r\n </component>\r\n </template>\r\n </div>\r\n </Transition>\r\n </Teleport>\r\n </div>\r\n</template>\r\n","<script lang=\"ts\" setup>\r\nimport { ref, computed } from 'vue'\r\nimport { Icon } from '@iconify/vue'\r\nimport { useDropdown } from '@/composables/useDropdown'\r\nimport { useId } from '@/composables/useId'\r\n\r\nexport interface DropdownItem {\r\n key: string\r\n label: string\r\n icon?: string\r\n disabled?: boolean\r\n danger?: boolean\r\n divider?: boolean\r\n}\r\n\r\nconst props = withDefaults(\r\n defineProps<{\r\n /** Dropdown items (optional if using default slot) */\r\n items?: DropdownItem[]\r\n /** Align dropdown */\r\n align?: 'left' | 'right'\r\n /** Dropdown width */\r\n width?: 'auto' | 'full' | 'sm' | 'md' | 'lg'\r\n /** Use teleport to body to avoid overflow clipping */\r\n teleport?: boolean\r\n /** Custom ID for accessibility */\r\n id?: string\r\n }>(),\r\n {\r\n items: () => [],\r\n align: 'left',\r\n width: 'auto',\r\n teleport: true,\r\n },\r\n)\r\n\r\n// Generate unique IDs for accessibility\r\nconst { related } = useId({ prefix: 'dropdown', id: props.id })\r\nconst triggerId = computed(() => related('trigger'))\r\nconst menuId = computed(() => related('menu'))\r\n\r\nconst emit = defineEmits<{\r\n select: [item: DropdownItem]\r\n}>()\r\n\r\nconst triggerRef = ref<HTMLElement>()\r\nconst menuRef = ref<HTMLElement>()\r\n\r\nconst { isOpen, dropdownStyle, toggle, close } = useDropdown(triggerRef, menuRef, {\r\n teleport: props.teleport,\r\n align: props.align,\r\n})\r\n\r\nconst selectItem = (item: DropdownItem) => {\r\n if (item.disabled || item.divider) return\r\n emit('select', item)\r\n close()\r\n}\r\n\r\nconst widthClasses = {\r\n auto: 'w-auto min-w-40',\r\n full: 'w-full',\r\n sm: 'w-32',\r\n md: 'w-48',\r\n lg: 'w-64',\r\n}\r\n\r\nconst computedDropdownStyle = computed(() => {\r\n if (!props.teleport) return {}\r\n const { width: _, ...rest } = dropdownStyle.value\r\n return rest\r\n})\r\n</script>\r\n\r\n<template>\r\n <div class=\"relative inline-block\">\r\n <div\r\n ref=\"triggerRef\"\r\n @click=\"toggle\"\r\n >\r\n <slot name=\"trigger\">\r\n <button\r\n :id=\"triggerId\"\r\n type=\"button\"\r\n :aria-expanded=\"isOpen\"\r\n aria-haspopup=\"menu\"\r\n :aria-controls=\"menuId\"\r\n class=\"inline-flex items-center gap-2 rounded-lg border border-gray-300 bg-white px-4 py-2 text-sm font-medium text-gray-700 hover:bg-gray-50 dark:border-gray-600 dark:bg-gray-800 dark:text-gray-200 dark:hover:bg-gray-700\"\r\n >\r\n <slot name=\"trigger-label\">\r\n Options\r\n </slot>\r\n <Icon\r\n icon=\"lucide:chevron-down\"\r\n :class=\"['size-4 transition-transform', isOpen && 'rotate-180']\"\r\n aria-hidden=\"true\"\r\n />\r\n </button>\r\n </slot>\r\n </div>\r\n\r\n <Teleport\r\n to=\"body\"\r\n :disabled=\"!teleport\"\r\n >\r\n <Transition\r\n enter-active-class=\"transition ease-out duration-100\"\r\n enter-from-class=\"transform opacity-0 scale-95\"\r\n enter-to-class=\"transform opacity-100 scale-100\"\r\n leave-active-class=\"transition ease-in duration-75\"\r\n leave-from-class=\"transform opacity-100 scale-100\"\r\n leave-to-class=\"transform opacity-0 scale-95\"\r\n >\r\n <div\r\n v-if=\"isOpen\"\r\n :id=\"menuId\"\r\n ref=\"menuRef\"\r\n role=\"menu\"\r\n :aria-labelledby=\"triggerId\"\r\n :style=\"computedDropdownStyle\"\r\n :class=\"[\r\n 'z-9999 rounded-lg border border-gray-200 bg-white py-1 shadow-lg dark:border-gray-700 dark:bg-gray-800',\r\n widthClasses[width],\r\n !teleport && (align === 'right' ? 'absolute mt-2 right-0' : 'absolute mt-2 left-0'),\r\n ]\"\r\n >\r\n <!-- Custom content via default slot -->\r\n <slot :close=\"close\">\r\n <!-- Default items rendering -->\r\n <template\r\n v-for=\"item in items\"\r\n :key=\"item.key\"\r\n >\r\n <div\r\n v-if=\"item.divider\"\r\n role=\"separator\"\r\n class=\"my-1 border-t border-gray-200 dark:border-gray-700\"\r\n />\r\n <button\r\n v-else\r\n type=\"button\"\r\n role=\"menuitem\"\r\n :disabled=\"item.disabled\"\r\n :class=\"[\r\n 'flex w-full items-center gap-2 px-4 py-2 text-left text-sm transition-colors',\r\n item.disabled\r\n ? 'cursor-not-allowed opacity-50'\r\n : item.danger\r\n ? 'text-red-600 hover:bg-red-50 dark:text-red-400 dark:hover:bg-red-900/20'\r\n : 'text-gray-700 hover:bg-gray-100 dark:text-gray-200 dark:hover:bg-gray-700',\r\n ]\"\r\n @click=\"selectItem(item)\"\r\n >\r\n <Icon\r\n v-if=\"item.icon\"\r\n :icon=\"item.icon\"\r\n class=\"size-4\"\r\n aria-hidden=\"true\"\r\n />\r\n {{ item.label }}\r\n </button>\r\n </template>\r\n </slot>\r\n </div>\r\n </Transition>\r\n </Teleport>\r\n </div>\r\n</template>\r\n"],"names":["_createElementBlock","_unref","_createBlock","_resolveDynamicComponent","_mergeProps","_createElementVNode","_hoisted_1","_createVNode","_normalizeClass","_openBlock","_hoisted_2","_Transition","_toDisplayString","_hoisted_3","_renderSlot","_Fragment","_Teleport","_hoisted_4","_renderList"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAMA,UAAM,QAAQ;AAoBd,UAAM,QAAQ,SAAA;AACd,UAAM,cAAc,IAAI,KAAK;AAG7B,UAAM,aAAa,IAAA;AACnB,UAAM,YAAY,IAAA;AAClB,UAAM,EAAE,QAAQ,YAAY,eAAe,MAAM,YAAY,OAAO,gBAAgB;AAAA,MAClF;AAAA,MACA;AAAA,MACA;AAAA,QACE,UAAU;AAAA,QACV,KAAK;AAAA,QACL,WAAW;AAAA,MAAA;AAAA,IACb;AAGF,UAAM,iBAAiB,SAAS,MAAM,CAAC,CAAC,MAAM,OAAO;AAErD,UAAM,cAAc,SAAS,MAAM;AACjC,aAAO,MAAM,SAAS,YAAY,MAAM,SAAS,SAAS,SAAS;AAAA,IACrE,CAAC;AAED,UAAM,aAAa,SAAS,MAAM,YAAY,SAAS,eAAe,KAAK;AAE3E,UAAM,gBAAgB,SAAS,MAAM;AAEnC,UAAI,MAAM,WAAW,QAAW;AAC9B,eAAO,MAAM;AAAA,MACf;AAGA,YAAM,OAAO,MAAM,gBAAgB,OAAO,WAAW,cAAc,OAAO,SAAS,WAAW;AAE9F,UAAI,MAAM,SAAS,SAAS,KAAK;AAC/B,eAAO,SAAS;AAAA,MAClB;AACA,aAAO,SAAS,MAAM,SAAS,QAAQ,KAAK,WAAW,MAAM,SAAS,OAAO,GAAG;AAAA,IAClF,CAAC;AAGD,UAAM,gBAAgB,SAAS,MAAM;AACnC,UAAI,CAAC,YAAY,MAAO,QAAO;AAE/B,YAAM,OAAO,MAAM,gBAAgB,OAAO,WAAW,cAAc,OAAO,SAAS,WAAW;AAE9F,YAAM,cAAc,CAAC,UAAoC;AACvD,eAAO,MAAM,KAAK,CAAC,SAAS;AAC1B,cAAI,KAAK,SAAS,QAAQ,KAAK,WAAW,KAAK,OAAO,GAAG,GAAG;AAC1D,mBAAO;AAAA,UACT;AACA,cAAI,KAAK,UAAU;AACjB,mBAAO,YAAY,KAAK,QAAQ;AAAA,UAClC;AACA,iBAAO;AAAA,QACT,CAAC;AAAA,MACH;AAEA,aAAO,YAAY,MAAM,SAAS,QAAS;AAAA,IAC7C,CAAC;AAGD,UAAM,gBAAgB,SAAS,MAAM;AACnC,UAAI,WAAW,OAAO;AACpB,eAAO;AAAA,MACT;AACA,UAAI;AACF,cAAM,aAAa,iBAAiB,YAAY;AAChD,YAAI,OAAO,eAAe,UAAU;AAClC,iBAAO;AAAA,QACT;AAAA,MACF,QAAQ;AAAA,MAER;AACA,aAAO;AAAA,IACT,CAAC;AAED,UAAM,YAAY,SAAS,MAAM;AAC/B,UAAI,WAAW,OAAO;AACpB,eAAO,EAAE,MAAM,SAAA;AAAA,MACjB;AACA,UAAI,cAAc,UAAU,KAAK;AAC/B,eAAO,EAAE,MAAM,MAAM,SAAS,KAAA;AAAA,MAChC;AACA,aAAO,EAAE,IAAI,MAAM,SAAS,KAAA;AAAA,IAC9B,CAAC;AAED,UAAM,gBAAgB,MAAM;AAC1B,UAAI,WAAW,OAAO;AACpB,oBAAY,QAAQ,CAAC,YAAY;AAAA,MACnC;AAAA,IACF;AAEA,UAAM,cAAc,SAAS,MAAM;AACjC,UAAI,CAAC,MAAM,SAAU,QAAO;AAC5B,YAAM,cAAc;AACpB,YAAM,iBAAiB;AACvB,aAAO,GAAG,cAAc,MAAM,QAAQ,cAAc;AAAA,IACtD,CAAC;AAGD,UAAM,qBAAqB,CAAC,UAAyB;AACnD,UAAI,MAAM,YAAY,MAAM,SAAS,SAAS,GAAG;AAC/C,eAAO;AAAA,MACT;AACA,UAAI;AACF,cAAM,aAAa,iBAAiB,YAAY;AAChD,YAAI,OAAO,eAAe,UAAU;AAClC,iBAAO;AAAA,QACT;AAAA,MACF,QAAQ;AAAA,MAER;AACA,aAAO;AAAA,IACT;AAEA,UAAM,iBAAiB,CAAC,UAAyB;AAC/C,UAAI,MAAM,YAAY,MAAM,SAAS,SAAS,GAAG;AAC/C,eAAO,EAAE,MAAM,SAAA;AAAA,MACjB;AACA,YAAM,YAAY,mBAAmB,KAAK;AAC1C,UAAI,cAAc,KAAK;AACrB,eAAO,EAAE,MAAM,MAAM,KAAA;AAAA,MACvB;AACA,aAAO,EAAE,IAAI,MAAM,KAAA;AAAA,IACrB;AAEA,UAAM,qBAAqB,CAAC,UAAyB;AACnD,YAAM,OAAO,MAAM,gBAAgB,OAAO,WAAW,cAAc,OAAO,SAAS,WAAW;AAC9F,UAAI,MAAM,SAAS,KAAK;AACtB,eAAO,SAAS;AAAA,MAClB;AACA,aAAO,SAAS,MAAM,QAAQ,KAAK,WAAW,MAAM,OAAO,GAAG;AAAA,IAChE;;;0BAIEA,mBA0JM,OAAA;AAAA,QAzJJ,OAAM;AAAA,QACL,cAAU,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA,CAAA,WAAA,CAAG,QAAA,YAAY,WAAA,SAAcC,MAAA,UAAA;QACvC,cAAU,OAAA,CAAA,MAAA,OAAA,CAAA,IAAA,CAAA,WAAA,CAAG,QAAA,YAAY,WAAA,SAAcA,MAAA,WAAA,EAAA;AAAA,MAAW;sBAEnDC,YA0DYC,wBAzDL,cAAA,KAAa,GADpBC,WA0DY;AAAA,mBAxDN;AAAA,UAAJ,KAAI;AAAA,QAAA,GACI,UAAA,OAAS;AAAA,UAChB,OAAK,CAAE,QAAA,WAAQ,aAAA,YAEV,wEAAwE;AAAA,UAD7E,OAAO,QAAA,WAAQ,EAAA,aAAK,YAAA,UAAgB;AAAA,UAEpC,SAAO;AAAA,QAAA;2BAER,MAgBM;AAAA,YAhBNC,mBAgBM,OAhBNC,cAgBM;AAAA,cAfJC,YASEN,MAAA,IAAA,GAAA;AAAA,gBARC,OAAKO,eAAA,CAAA;AAAA,kBAAiB,cAAA,SAAiB,cAAA;kBAAuK,QAAA,WAAQ,WAAA;AAAA,gBAAA,GAMjN,6BAA6B,CAAA;AAAA,gBAClC,MAAM,QAAA,SAAS;AAAA,cAAA;cAIV,QAAA,SAAS,gBADjBC,aAAAT,mBAGE,QAHFU,YAGE;;YAGJH,YAiBaI,YAAA;AAAA,cAhBX,sBAAmB;AAAA,cACnB,oBAAiB;AAAA,cACjB,kBAAe;AAAA,cACf,sBAAmB;AAAA,cACnB,oBAAiB;AAAA,cACjB,kBAAe;AAAA,YAAA;+BAEf,MAQ4B;AAAA,gBAPpB,QAAA,yBADRX,mBAQ4B,QAAA;AAAA;kBANzB,OAAKQ,eAAA;AAAA,oBAAgB,cAAA,SAAiB,cAAA;oBAKjC;AAAA,kBAAA,CAA0D;AAAA,gBAAA,GAC9DI,gBAAA,QAAA,SAAS,KAAK,GAAA,CAAA;;;;YAKZ,WAAA,SAAc,QAAA,yBADtBV,YAUED,MAAA,IAAA,GAAA;AAAA;cARC,OAAKO,eAAA,CAAA;AAAA,gBAAe,YAAA,QAAW,cAAA;AAAA,gBAAgC,cAAA,SAAiB,cAAA;iBAM3E,0CAA0C,CAAA;AAAA,cAChD,MAAK;AAAA,YAAA;;;;QAKTD,YA8BaI,YAAA;AAAA,UA7BX,sBAAmB;AAAA,UACnB,oBAAiB;AAAA,UACjB,kBAAe;AAAA,UACf,sBAAmB;AAAA,UACnB,oBAAiB;AAAA,UACjB,kBAAe;AAAA,QAAA;2BAEf,MAqBM;AAAA,YApBE,WAAA,SAAc,YAAA,SAAe,QAAA,YADrCF,aAAAT,mBAqBM,OArBNa,cAqBM;AAAA,cAhBJC,WAKE,KAAA,QAAA,WAAA;AAAA,gBAHC,OAAO,QAAA,QAAK;AAAA,gBACZ,UAAU,QAAA;AAAA,gBACV,aAAc,QAAA;AAAA,cAAA;eAIjBL,UAAA,IAAA,GAAAT,mBAOEe,2BANyB,QAAA,SAAS,UAAQ,CAAlC,OAAO,UAAK;oCADtBb,YAOE,qBAAA;AAAA,kBALC,KAAK;AAAA,kBACL,aAAW;AAAA,kBACX,UAAU,QAAA;AAAA,kBACV,gBAAc,QAAA;AAAA,kBACd,OAAO,QAAA,QAAK;AAAA,gBAAA;;;;;;sBAMnBA,YAsDWc,UAAA,EAtDD,IAAG,UAAM;AAAA,UACjBT,YAoDaI,YAAA;AAAA,YAnDX,sBAAmB;AAAA,YACnB,oBAAiB;AAAA,YACjB,kBAAe;AAAA,YACf,sBAAmB;AAAA,YACnB,oBAAiB;AAAA,YACjB,kBAAe;AAAA,UAAA;6BAEf,MA2CM;AAAA,cA1CE,WAAA,SAAcV,MAAA,UAAA,KAAU,CAAK,QAAA,yBADrCD,mBA2CM,OAAA;AAAA;yBAzCA;AAAA,gBAAJ,KAAI;AAAA,gBACH,sBAAOC,MAAA,aAAA,CAAa;AAAA,gBACrB,OAAM;AAAA,gBACL,oDAAYA,MAAA,UAAA;gBACZ,oDAAYA,MAAA,WAAA,EAAA;AAAA,cAAW;gBAGxBI,mBAEM,OAFNY,cAEML,gBADD,QAAA,SAAS,KAAK,GAAA,CAAA;AAAA,gBAInBE,WAKE,KAAA,QAAA,WAAA;AAAA,kBAHC,OAAO;AAAA,kBACP,UAAU;AAAA,kBACV,aAAc,QAAA;AAAA,gBAAA;gBAID,QAAA,SAAS,YACvBL,UAAA,IAAA,GAAAT,mBAkBYe,iCAhBe,QAAA,SAAS,UAAQ,CAAlC,OAAO,UAAK;AAFtB,yBAAAN,aAAAP,YAkBYC,wBAjBL,mBAAmB,KAAK,CAAA,GAD/BC,WAkBY,EAfT,KAAK,MAAA,GAAK,EAAA,SAAA,QACH,eAAe,KAAK,GAAA;AAAA,oBAC3B,OAAK;AAAA;sBAAqG,mBAAmB,KAAK;;oBAMlI,+CAAOH,MAAA,WAAA,EAAA;AAAA,kBAAW;qCAEnB,MAGE;AAAA,sBAHFM,YAGEN,MAAA,IAAA,GAAA;AAAA,wBAFC,MAAM,MAAM;AAAA,wBACb,OAAM;AAAA,sBAAA;sBAERI,mBAA8B,QAAA,MAAAO,gBAArB,MAAM,KAAK,GAAA,CAAA;AAAA,oBAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACvSlC,UAAM,QAAQ;AAsBd,UAAM,EAAE,YAAY,MAAM,EAAE,QAAQ,YAAY,IAAI,MAAM,IAAI;AAC9D,UAAM,YAAY,SAAS,MAAM,QAAQ,SAAS,CAAC;AACnD,UAAM,SAAS,SAAS,MAAM,QAAQ,MAAM,CAAC;AAE7C,UAAM,OAAO;AAIb,UAAM,aAAa,IAAA;AACnB,UAAM,UAAU,IAAA;AAEhB,UAAM,EAAE,QAAQ,eAAe,QAAQ,UAAU,YAAY,YAAY,SAAS;AAAA,MAChF,UAAU,MAAM;AAAA,MAChB,OAAO,MAAM;AAAA,IAAA,CACd;AAED,UAAM,aAAa,CAAC,SAAuB;AACzC,UAAI,KAAK,YAAY,KAAK,QAAS;AACnC,WAAK,UAAU,IAAI;AACnB,YAAA;AAAA,IACF;AAEA,UAAM,eAAe;AAAA,MACnB,MAAM;AAAA,MACN,MAAM;AAAA,MACN,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA;AAGN,UAAM,wBAAwB,SAAS,MAAM;AAC3C,UAAI,CAAC,MAAM,SAAU,QAAO,CAAA;AAC5B,YAAM,EAAE,OAAO,GAAG,GAAG,KAAA,IAAS,cAAc;AAC5C,aAAO;AAAA,IACT,CAAC;;AAIC,aAAAH,UAAA,GAAAT,mBA2FM,OA3FN,YA2FM;AAAA,QA1FJK,mBAuBM,OAAA;AAAA,mBAtBA;AAAA,UAAJ,KAAI;AAAA,UACH,SAAK,OAAA,CAAA,MAAA,OAAA,CAAA;AAAA,uBAAEJ,MAAA,MAAA,KAAAA,MAAA,MAAA,EAAA,GAAA,IAAA;AAAA,QAAA;UAERa,WAkBO,4BAlBP,MAkBO;AAAA,YAjBLT,mBAgBS,UAAA;AAAA,cAfN,IAAI,UAAA;AAAA,cACL,MAAK;AAAA,cACJ,iBAAeJ,MAAA,MAAA;AAAA,cAChB,iBAAc;AAAA,cACb,iBAAe,OAAA;AAAA,cAChB,OAAM;AAAA,YAAA;cAENa,WAEO,kCAFP,MAEO;AAAA,0DAFoB,aAE3B,EAAA;AAAA,cAAA;cACAP,YAIEN,MAAA,IAAA,GAAA;AAAA,gBAHA,MAAK;AAAA,gBACJ,sDAAuCA,MAAA,MAAA,KAAM,YAAA,CAAA;AAAA,gBAC9C,eAAY;AAAA,cAAA;;;;sBAMpBC,YAgEWc,UAAA;AAAA,UA/DT,IAAG;AAAA,UACF,WAAW,QAAA;AAAA,QAAA;UAEZT,YA2DaI,YAAA;AAAA,YA1DX,sBAAmB;AAAA,YACnB,oBAAiB;AAAA,YACjB,kBAAe;AAAA,YACf,sBAAmB;AAAA,YACnB,oBAAiB;AAAA,YACjB,kBAAe;AAAA,UAAA;6BAEf,MAkDM;AAAA,cAjDEV,MAAA,MAAA,kBADRD,mBAkDM,OAAA;AAAA;gBAhDH,IAAI,OAAA;AAAA,yBACD;AAAA,gBAAJ,KAAI;AAAA,gBACJ,MAAK;AAAA,gBACJ,mBAAiB,UAAA;AAAA,gBACjB,sBAAO,sBAAA,KAAqB;AAAA,gBAC5B,OAAKQ,eAAA;AAAA;kBAAwI,aAAa,QAAA,KAAK;AAAA,kBAAiB,CAAA,QAAA,aAAa,QAAA,UAAK,UAAA,0BAAA;AAAA,gBAAA;;gBAOnMM,WAmCO,KAAA,QAAA,WAAA,EAnCA,OAAOb,MAAA,KAAA,EAAA,GAAd,MAmCO;AAAA,oCAjCLD,mBAgCWe,UAAA,MAAAG,WA/BM,QAAA,OAAK,CAAb,SAAI;;sBACL,KAAA,KAAK;AAAA,oBAAA;sBAGH,KAAK,WADbT,UAAA,GAAAT,mBAIE,OAJF,UAIE,mBACFA,mBAsBS,UAAA;AAAA;wBApBP,MAAK;AAAA,wBACL,MAAK;AAAA,wBACJ,UAAU,KAAK;AAAA,wBACf,OAAKQ,eAAA;AAAA;0BAA0H,KAAK,6CAAuF,KAAK;;wBAQhO,SAAK,CAAA,WAAE,WAAW,IAAI;AAAA,sBAAA;wBAGf,KAAK,qBADbN,YAKED,MAAA,IAAA,GAAA;AAAA;0BAHC,MAAM,KAAK;AAAA,0BACZ,OAAM;AAAA,0BACN,eAAY;AAAA,wBAAA;wCACZ,MACFW,gBAAG,KAAK,KAAK,GAAA,CAAA;AAAA,sBAAA;;;;;;;;;;;;;"}
|
|
@@ -3,7 +3,7 @@ import { _ as _sfc_main$o, u as useBreakpoints } from "./index-SNefWfX0.js";
|
|
|
3
3
|
import { a as _sfc_main$m, _ as _sfc_main$n, b as _sfc_main$u } from "./ListSkeleton.vue_vue_type_script_setup_true_lang-BwtEbaiT.js";
|
|
4
4
|
import { e as _sfc_main$p, d as _sfc_main$q, c as _sfc_main$r, b as _sfc_main$s, a as _sfc_main$t } from "./BadgeType.vue_vue_type_script_setup_true_lang-tHRMWBb-.js";
|
|
5
5
|
import { Icon } from "@iconify/vue";
|
|
6
|
-
import { u as useDropdown } from "./useDropdown-
|
|
6
|
+
import { u as useDropdown } from "./useDropdown-XITCE_SM.js";
|
|
7
7
|
import { u as useId } from "./useId-xeHj7rkg.js";
|
|
8
8
|
import { u as useDarkMode } from "./useDarkMode-Cl5QWTlC.js";
|
|
9
9
|
const _hoisted_1$h = {
|
|
@@ -2300,4 +2300,4 @@ export {
|
|
|
2300
2300
|
_sfc_main$1 as t,
|
|
2301
2301
|
_sfc_main as u
|
|
2302
2302
|
};
|
|
2303
|
-
//# sourceMappingURL=FilterTabs.vue_vue_type_script_setup_true_lang-
|
|
2303
|
+
//# sourceMappingURL=FilterTabs.vue_vue_type_script_setup_true_lang-BmJHgkBs.js.map
|