@mozaic-ds/vue
Version:
Mozaic-Vue is the Vue.js implementation of ADEO Design system
1 lines • 3.47 MB
Source Map (JSON)
{"version":3,"file":"mozaic-vue.umd.cjs","names":["V4","V3","vue","$slots","$slots","$slots","$slots","$slots","$attrs","$slots","$attrs","$attrs","$attrs","$slots","$slots","$attrs","$attrs","$attrs","$attrs","$slots","$slots","$attrs","$attrs","metadata","_typeof","ownKeys","_objectSpread","_defineProperty","_toPropertyKey","_toPrimitive","_unsupportedIterableToArray","_arrayLikeToArray","_typeof","_defineProperties","_toPropertyKey","_createClass","_toPrimitive","_classCallCheck","_typeof","_classCallCheck","_defineProperties","_toPropertyKey","_createClass","_toPrimitive","getCountryCallingCode","compare","_createForOfIteratorHelperLoose","_unsupportedIterableToArray","_arrayLikeToArray","_createForOfIteratorHelperLoose","_unsupportedIterableToArray","_arrayLikeToArray","_createForOfIteratorHelperLoose","_unsupportedIterableToArray","_arrayLikeToArray","USE_NON_GEOGRAPHIC_COUNTRY_CODE","USE_NON_GEOGRAPHIC_COUNTRY_CODE","getCountryCallingCode","getCountryCallingCode","_typeof","ownKeys","_objectSpread","_defineProperty","_toPropertyKey","_toPrimitive","isPossibleNumber","parsePhoneNumber","_typeof","ownKeys","_objectSpread","_defineProperty","_toPropertyKey","_toPrimitive","_typeof","ownKeys","_objectSpread","_defineProperty","_toPropertyKey","_toPrimitive","parsePhoneNumber","parsePhoneNumber","parsePhoneNumber_","isValidPhoneNumber","parsePhoneNumber","getCountries","getExampleNumber","_parsePhoneNumber","_isValidPhoneNumber","_getCountries","_getCountryCallingCode","_getExampleNumber","$attrs","$slots","$attrs","$attrs","$attrs","$slots","$attrs","$attrs","$slots","$slots","$slots","$attrs"],"sources":["../src/components/accordionlist/m-accordion-list.const.ts","../src/components/accordionlist/MAccordionList.vue","../src/components/accordionlist/MAccordionList.vue","../src/components/accordionlistitem/MAccordionListItem.vue","../src/components/accordionlistitem/MAccordionListItem.vue","../src/components/divider/MDivider.vue","../src/components/divider/MDivider.vue","../src/components/actionbottombar/MActionBottomBar.vue","../src/components/actionbottombar/MActionBottomBar.vue","../src/components/loader/MLoader.vue","../src/components/loader/MLoader.vue","../src/components/iconbutton/MIconButton.vue","../src/components/iconbutton/MIconButton.vue","../node_modules/@mozaic-ds/icons-vue/dist/mozaic-icons-vue.mjs","../src/components/actionlistbox/MActionListbox.vue","../src/components/actionlistbox/MActionListbox.vue","../src/components/avatar/MAvatar.vue","../src/components/avatar/MAvatar.vue","../src/components/link/MLink.vue","../src/components/link/MLink.vue","../src/components/breadcrumb/MBreadcrumb.vue","../src/components/breadcrumb/MBreadcrumb.vue","../src/components/builtinmenu/MBuiltInMenu.vue","../src/components/builtinmenu/MBuiltInMenu.vue","../src/components/button/MButton.vue","../src/components/button/MButton.vue","../src/components/callout/MCallout.vue","../src/components/callout/MCallout.vue","../src/components/carousel/MCarousel.vue","../src/components/carousel/MCarousel.vue","../src/components/checkbox/MCheckbox.vue","../src/components/checkbox/MCheckbox.vue","../src/components/checkboxgroup/MCheckboxGroup.vue","../src/components/checkboxgroup/MCheckboxGroup.vue","../src/components/checklistmenu/MCheckListMenu.vue","../src/components/checklistmenu/MCheckListMenu.vue","../src/components/circularprogressbar/MCircularProgressbar.vue","../src/components/circularprogressbar/MCircularProgressbar.vue","../src/components/textinput/MTextInput.vue","../src/components/textinput/MTextInput.vue","../src/utils/debounce.ts","../src/components/optionListbox/use-listbox-selection.composable.ts","../src/components/optionListbox/use-listbox-navigation.composable.ts","../src/components/optionListbox/MOptionListbox.vue","../src/components/optionListbox/MOptionListbox.vue","../src/components/combobox/MCombobox.vue","../src/components/combobox/MCombobox.vue","../src/components/container/MContainer.vue","../src/components/container/MContainer.vue","../src/components/datepicker/MDatepicker.vue","../src/components/datepicker/MDatepicker.vue","../src/components/overlay/MOverlay.vue","../src/components/overlay/MOverlay.vue","../src/components/drawer/MDrawer.vue","../src/components/drawer/MDrawer.vue","../src/components/field/MField.vue","../src/components/field/MField.vue","../src/components/fieldgroup/MFieldGroup.vue","../src/components/fieldgroup/MFieldGroup.vue","../src/components/fileuploaderitem/MFileUploaderItem.vue","../src/components/fileuploaderitem/MFileUploaderItem.vue","../src/components/fileuploader/MFileUploader.vue","../src/components/fileuploader/MFileUploader.vue","../src/components/flag/MFlag.vue","../src/components/flag/MFlag.vue","../src/components/kpiitem/MKpiItem.vue","../src/components/kpiitem/MKpiItem.vue","../src/components/linearprogressbarbuffer/MLinearProgressbarBuffer.vue","../src/components/linearprogressbarbuffer/MLinearProgressbarBuffer.vue","../src/components/linearprogressbarpercentage/MLinearProgressbarPercentage.vue","../src/components/linearprogressbarpercentage/MLinearProgressbarPercentage.vue","../src/components/loadingoverlay/MLoadingOverlay.vue","../src/components/loadingoverlay/MLoadingOverlay.vue","../src/components/modal/MModal.vue","../src/components/modal/MModal.vue","../src/components/navigationindicator/MNavigationIndicator.vue","../src/components/navigationindicator/MNavigationIndicator.vue","../src/components/numberbadge/MNumberBadge.vue","../src/components/numberbadge/MNumberBadge.vue","../src/components/statusdot/MStatusDot.vue","../src/components/statusdot/MStatusDot.vue","../src/components/statusbadge/MStatusBadge.vue","../src/components/statusbadge/MStatusBadge.vue","../src/components/pageheader/MPageHeader.vue","../src/components/pageheader/MPageHeader.vue","../src/components/pageheadercontext/MPageHeaderContext.vue","../src/components/pageheadercontext/MPageHeaderContext.vue","../src/components/pageheaderfeature/MPageHeaderFeature.vue","../src/components/pageheaderfeature/MPageHeaderFeature.vue","../src/components/select/MSelect.vue","../src/components/select/MSelect.vue","../src/components/pagination/MPagination.vue","../src/components/pagination/MPagination.vue","../src/components/passwordinput/MPasswordInput.vue","../src/components/passwordinput/MPasswordInput.vue","../node_modules/libphonenumber-js/metadata.min.json.js","../node_modules/libphonenumber-js/min/exports/withMetadataArgument.js","../node_modules/libphonenumber-js/es6/helpers/isObject.js","../node_modules/libphonenumber-js/es6/normalizeArguments.js","../node_modules/libphonenumber-js/es6/constants.js","../node_modules/libphonenumber-js/es6/ParseError.js","../node_modules/libphonenumber-js/es6/tools/semver-compare.js","../node_modules/libphonenumber-js/es6/helpers/isCallingCode.js","../node_modules/libphonenumber-js/es6/metadata.js","../node_modules/libphonenumber-js/es6/helpers/extension/createExtensionPattern.js","../node_modules/libphonenumber-js/es6/helpers/isViablePhoneNumber.js","../node_modules/libphonenumber-js/es6/helpers/extension/extractExtension.js","../node_modules/libphonenumber-js/es6/helpers/parseDigits.js","../node_modules/libphonenumber-js/es6/parseIncompletePhoneNumber.js","../node_modules/libphonenumber-js/es6/helpers/mergeArrays.js","../node_modules/libphonenumber-js/es6/helpers/checkNumberLength.js","../node_modules/libphonenumber-js/es6/isPossible.js","../node_modules/libphonenumber-js/es6/helpers/matchesEntirely.js","../node_modules/libphonenumber-js/es6/helpers/getNumberType.js","../node_modules/libphonenumber-js/es6/isValid.js","../node_modules/libphonenumber-js/es6/helpers/isCountryCode.js","../node_modules/libphonenumber-js/es6/helpers/getCountryAndCallingCodeFromOneOfThem.js","../node_modules/libphonenumber-js/es6/helpers/getPossibleCountriesForNumber.js","../node_modules/libphonenumber-js/es6/helpers/stripIddPrefix.js","../node_modules/libphonenumber-js/es6/helpers/extractNationalNumberFromPossiblyIncompleteNumber.js","../node_modules/libphonenumber-js/es6/helpers/getCountryByNationalNumber.js","../node_modules/libphonenumber-js/es6/helpers/getCountryByCallingCode.js","../node_modules/libphonenumber-js/es6/helpers/extractNationalNumber.js","../node_modules/libphonenumber-js/es6/helpers/extractCountryCallingCodeFromInternationalNumberWithoutPlusSign.js","../node_modules/libphonenumber-js/es6/helpers/extractCountryCallingCode.js","../node_modules/libphonenumber-js/es6/helpers/applyInternationalSeparatorStyle.js","../node_modules/libphonenumber-js/es6/helpers/formatNationalNumberUsingFormat.js","../node_modules/libphonenumber-js/es6/helpers/getIddPrefix.js","../node_modules/libphonenumber-js/es6/helpers/RFC3966.js","../node_modules/libphonenumber-js/es6/format.js","../node_modules/libphonenumber-js/es6/PhoneNumber.js","../node_modules/libphonenumber-js/es6/helpers/extractPhoneContext.js","../node_modules/libphonenumber-js/es6/helpers/extractFormattedPhoneNumberFromPossibleRfc3966NumberUri.js","../node_modules/libphonenumber-js/es6/parse.js","../node_modules/libphonenumber-js/es6/parsePhoneNumberWithError_.js","../node_modules/libphonenumber-js/es6/parsePhoneNumber_.js","../node_modules/libphonenumber-js/es6/parsePhoneNumber.js","../node_modules/libphonenumber-js/es6/isValidPhoneNumber.js","../node_modules/libphonenumber-js/es6/getCountries.js","../node_modules/libphonenumber-js/es6/getExampleNumber.js","../node_modules/libphonenumber-js/min/exports/parsePhoneNumber.js","../node_modules/libphonenumber-js/min/exports/isValidPhoneNumber.js","../node_modules/libphonenumber-js/min/exports/getCountries.js","../node_modules/libphonenumber-js/min/exports/getCountryCallingCode.js","../node_modules/libphonenumber-js/min/exports/getExampleNumber.js","../node_modules/libphonenumber-js/examples.mobile.json.js","../src/components/phonenumber/MPhoneNumber.vue","../src/components/phonenumber/MPhoneNumber.vue","../src/components/pincode/MPincode.vue","../src/components/pincode/MPincode.vue","../src/components/popover/MPopover.vue","../src/components/popover/MPopover.vue","../src/components/quantityselector/MQuantitySelector.vue","../src/components/quantityselector/MQuantitySelector.vue","../src/components/radio/MRadio.vue","../src/components/radio/MRadio.vue","../src/components/radiogroup/MRadioGroup.vue","../src/components/radiogroup/MRadioGroup.vue","../src/components/segmentedcontrol/MSegmentedControl.vue","../src/components/segmentedcontrol/MSegmentedControl.vue","../src/components/sidebar/MSidebar.const.ts","../src/utils/use-is-mobile.composable.ts","../src/components/sidebar/MSidebar.vue","../src/components/sidebar/MSidebar.vue","../src/components/sidebar/use-floating-item.composable.ts","../src/components/sidebarexpandableitem/MSidebarExpandableItem.vue","../src/components/sidebarexpandableitem/MSidebarExpandableItem.vue","../src/components/tooltip/MTooltip.vue","../src/components/tooltip/MTooltip.vue","../src/components/sidebarnavitem/MSidebarNavItem.vue","../src/components/sidebarnavitem/MSidebarNavItem.vue","../src/components/sidebarfooter/_MSidebarFooterMenu.vue","../src/components/sidebarfooter/_MSidebarFooterMenu.vue","../src/components/sidebarfooter/MSidebarFooter.vue","../src/components/sidebarfooter/MSidebarFooter.vue","../src/components/sidebarheader/MSidebarHeader.vue","../src/components/sidebarheader/MSidebarHeader.vue","../src/components/sidebarshortcutitem/MSidebarShortcutItem.vue","../src/components/sidebarshortcutitem/MSidebarShortcutItem.vue","../src/components/sidebarshortcuts/MSidebarShortcuts.vue","../src/components/sidebarshortcuts/MSidebarShortcuts.vue","../src/components/starrating/MStarRating.vue","../src/components/starrating/MStarRating.vue","../src/components/statusmessage/MStatusMessage.vue","../src/components/statusmessage/MStatusMessage.vue","../src/components/statusnotification/MStatusNotification.vue","../src/components/statusnotification/MStatusNotification.vue","../src/components/stepperbottombar/MStepperBottomBar.vue","../src/components/stepperbottombar/MStepperBottomBar.vue","../src/components/steppercompact/MStepperCompact.vue","../src/components/steppercompact/MStepperCompact.vue","../src/components/stepperinline/MStepperInline.vue","../src/components/stepperinline/MStepperInline.vue","../src/components/stepperstacked/MStepperStacked.vue","../src/components/stepperstacked/MStepperStacked.vue","../src/components/tabs/MTabs.vue","../src/components/tabs/MTabs.vue","../src/components/tag/MTag.vue","../src/components/tag/MTag.vue","../src/components/textarea/MTextArea.vue","../src/components/textarea/MTextArea.vue","../src/components/tile/MTile.vue","../src/components/tile/MTile.vue","../src/components/tileclickable/MTileClickable.vue","../src/components/tileclickable/MTileClickable.vue","../src/components/tileexpandable/MTileExpandable.vue","../src/components/tileexpandable/MTileExpandable.vue","../src/components/tileselectable/MTileSelectable.vue","../src/components/tileselectable/MTileSelectable.vue","../src/components/toaster/MToaster.vue","../src/components/toaster/MToaster.vue","../src/components/toggle/MToggle.vue","../src/components/toggle/MToggle.vue","../src/components/togglegroup/MToggleGroup.vue","../src/components/togglegroup/MToggleGroup.vue"],"sourcesContent":["import type { InjectionKey, WritableComputedRef } from 'vue';\n\nexport const AccordionStateKey = Symbol() as InjectionKey<\n WritableComputedRef<string[], string[]>\n>;\n\nexport const AccordionToggleFnKey = Symbol() as InjectionKey<\n (id: string) => void\n>;\n","<template>\n <div class=\"mc-accordion\" :class=\"classObject\">\n <slot />\n </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, provide, type VNode } from 'vue';\nimport {\n AccordionStateKey,\n AccordionToggleFnKey,\n} from './m-accordion-list.const';\n\n/**\n * An Accordion List is a component that organizes content into collapsible sections, allowing users to show or hide related information within a vertically stacked layout. This structure helps optimize space and improve readability by displaying only relevant content when needed. Accordion Lists are commonly used in FAQs, settings menus, and structured content navigation to enhance user experience and reduce visual clutter.\n */\n\nconst props = withDefaults(\n defineProps<{\n /**\n * Defines the visual appearance of the button.\n */\n appearance?: 'standard' | 'ghost';\n /**\n * Component behavior: `multiple` allows all items to be open simultaneously, `single` ensures only one item is open at a time. For native HTML implementation, the `single` behavior uses the HTML5 `name` attribute on `<details>` elements for browser-native exclusive behavior..\n */\n behavior?: 'multiple' | 'single';\n /**\n * IDs of the Accordion items that are currently open. Updating this array controls which sections are expanded.\n */\n modelValue?: string[];\n }>(),\n {\n appearance: 'standard',\n behavior: 'multiple',\n },\n);\n\nconst classObject = computed(() => {\n return {\n [`mc-accordion--${props.appearance}`]:\n props.appearance && props.appearance != 'standard',\n };\n});\n\nconst emit = defineEmits<{\n /**\n * Emitted when the accordion items state changes.\n */\n (on: 'update:modelValue', value: string[]): void;\n}>();\n\ndefineSlots<{\n /**\n * Use this slot to display accordion items.\n */\n default: VNode;\n}>();\n\nconst openIds = computed({\n get() {\n return props.modelValue || [];\n },\n set(value: string[]) {\n emit('update:modelValue', value);\n },\n});\n\nfunction toggleItem(id: string) {\n if (props.behavior === 'single') {\n openIds.value = openIds.value?.[0] === id ? [] : [id];\n } else {\n const set = new Set([...openIds.value]);\n\n if (openIds.value?.includes(id)) {\n set.delete(id);\n } else {\n set.add(id);\n }\n\n openIds.value = [...set];\n }\n}\n\nprovide(AccordionStateKey, openIds);\nprovide(AccordionToggleFnKey, toggleItem);\n</script>\n\n<style lang=\"scss\" scoped>\n@use '@mozaic-ds/styles/components/accordion-list';\n</style>\n","<template>\n <div class=\"mc-accordion\" :class=\"classObject\">\n <slot />\n </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, provide, type VNode } from 'vue';\nimport {\n AccordionStateKey,\n AccordionToggleFnKey,\n} from './m-accordion-list.const';\n\n/**\n * An Accordion List is a component that organizes content into collapsible sections, allowing users to show or hide related information within a vertically stacked layout. This structure helps optimize space and improve readability by displaying only relevant content when needed. Accordion Lists are commonly used in FAQs, settings menus, and structured content navigation to enhance user experience and reduce visual clutter.\n */\n\nconst props = withDefaults(\n defineProps<{\n /**\n * Defines the visual appearance of the button.\n */\n appearance?: 'standard' | 'ghost';\n /**\n * Component behavior: `multiple` allows all items to be open simultaneously, `single` ensures only one item is open at a time. For native HTML implementation, the `single` behavior uses the HTML5 `name` attribute on `<details>` elements for browser-native exclusive behavior..\n */\n behavior?: 'multiple' | 'single';\n /**\n * IDs of the Accordion items that are currently open. Updating this array controls which sections are expanded.\n */\n modelValue?: string[];\n }>(),\n {\n appearance: 'standard',\n behavior: 'multiple',\n },\n);\n\nconst classObject = computed(() => {\n return {\n [`mc-accordion--${props.appearance}`]:\n props.appearance && props.appearance != 'standard',\n };\n});\n\nconst emit = defineEmits<{\n /**\n * Emitted when the accordion items state changes.\n */\n (on: 'update:modelValue', value: string[]): void;\n}>();\n\ndefineSlots<{\n /**\n * Use this slot to display accordion items.\n */\n default: VNode;\n}>();\n\nconst openIds = computed({\n get() {\n return props.modelValue || [];\n },\n set(value: string[]) {\n emit('update:modelValue', value);\n },\n});\n\nfunction toggleItem(id: string) {\n if (props.behavior === 'single') {\n openIds.value = openIds.value?.[0] === id ? [] : [id];\n } else {\n const set = new Set([...openIds.value]);\n\n if (openIds.value?.includes(id)) {\n set.delete(id);\n } else {\n set.add(id);\n }\n\n openIds.value = [...set];\n }\n}\n\nprovide(AccordionStateKey, openIds);\nprovide(AccordionToggleFnKey, toggleItem);\n</script>\n\n<style lang=\"scss\" scoped>\n@use '@mozaic-ds/styles/components/accordion-list';\n</style>\n","<template>\n <div class=\"mc-accordion__item\">\n <div class=\"mc-accordion__header\">\n <component :is=\"tag\" class=\"mc-accordion__title\">\n <button\n :id=\"`accordion-${id}`\"\n class=\"mc-accordion__trigger\"\n :aria-controls=\"`content-${id}`\"\n :aria-expanded=\"open\"\n @click=\"toggleItem(id)\"\n >\n <component v-if=\"icon\" :is=\"icon\" class=\"mc-accordion__icon\" />\n\n <div class=\"mc-accordion__title-wrapper\">\n <span>{{ title }}</span>\n\n <span v-if=\"subtitle\" class=\"mc-accordion__subtitle\">\n {{ subtitle }}\n </span>\n </div>\n </button>\n </component>\n </div>\n <div\n :id=\"`content-${id}`\"\n :class=\"{\n 'mc-accordion__content': true,\n 'mc-accordion__content--open': open,\n }\"\n :inert=\"!open || undefined\"\n :aria-labelledby=\"`accordion-${id}`\"\n role=\"region\"\n >\n <slot>\n <p v-if=\"content\">{{ content }}</p>\n </slot>\n </div>\n </div>\n</template>\n\n<script setup lang=\"ts\">\nimport {\n computed,\n inject,\n type Component,\n type ComputedRef,\n type Ref,\n type VNode,\n} from 'vue';\nimport {\n AccordionStateKey,\n AccordionToggleFnKey,\n} from '../accordionlist/m-accordion-list.const';\n\nconst props = withDefaults(\n defineProps<{\n /**\n * A unique identifier for the accordion item.\n * It links the trigger button (`aria-controls`) to its associated content (`aria-labelledby`),\n * ensuring accessibility and tracking the open/closed state.\n * If no ID is provided, a unique one is generated automatically.\n */\n id: string;\n /**\n * The main heading of the accordion item. This is the primary text visible to users in the collapsed state and acts as the trigger for expanding or collapsing the content.\n */\n title: string;\n /**\n * An optional secondary heading displayed below the title. It provides additional context or detail about the content of the accordion item.\n */\n subtitle?: string;\n /**\n * The main content of the accordion item. This is the information revealed when the accordion is expanded, typically containing text, HTML, or other elements.\n */\n content?: string;\n /**\n * Icon component to display before the item title.\n */\n icon?: Component;\n /**\n * Heading level for the accordion trigger (h2–h6). Adjust to match the\n * heading hierarchy of the page where the accordion is used.\n */\n tag?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';\n }>(),\n {\n tag: 'h2',\n },\n);\n\ndefineSlots<{\n /**\n * Use this slot to display custom content.\n */\n default: VNode;\n}>();\n\nconst openIds = inject<Ref<string[]> | ComputedRef<string[]>>(\n AccordionStateKey,\n)!;\nconst toggleItem = inject<(id: string) => void>(AccordionToggleFnKey)!;\n\nconst open = computed(() => openIds.value.includes(props.id));\n</script>\n\n<style lang=\"scss\" scoped>\n@use '@mozaic-ds/styles/components/accordion-list';\n</style>\n","<template>\n <div class=\"mc-accordion__item\">\n <div class=\"mc-accordion__header\">\n <component :is=\"tag\" class=\"mc-accordion__title\">\n <button\n :id=\"`accordion-${id}`\"\n class=\"mc-accordion__trigger\"\n :aria-controls=\"`content-${id}`\"\n :aria-expanded=\"open\"\n @click=\"toggleItem(id)\"\n >\n <component v-if=\"icon\" :is=\"icon\" class=\"mc-accordion__icon\" />\n\n <div class=\"mc-accordion__title-wrapper\">\n <span>{{ title }}</span>\n\n <span v-if=\"subtitle\" class=\"mc-accordion__subtitle\">\n {{ subtitle }}\n </span>\n </div>\n </button>\n </component>\n </div>\n <div\n :id=\"`content-${id}`\"\n :class=\"{\n 'mc-accordion__content': true,\n 'mc-accordion__content--open': open,\n }\"\n :inert=\"!open || undefined\"\n :aria-labelledby=\"`accordion-${id}`\"\n role=\"region\"\n >\n <slot>\n <p v-if=\"content\">{{ content }}</p>\n </slot>\n </div>\n </div>\n</template>\n\n<script setup lang=\"ts\">\nimport {\n computed,\n inject,\n type Component,\n type ComputedRef,\n type Ref,\n type VNode,\n} from 'vue';\nimport {\n AccordionStateKey,\n AccordionToggleFnKey,\n} from '../accordionlist/m-accordion-list.const';\n\nconst props = withDefaults(\n defineProps<{\n /**\n * A unique identifier for the accordion item.\n * It links the trigger button (`aria-controls`) to its associated content (`aria-labelledby`),\n * ensuring accessibility and tracking the open/closed state.\n * If no ID is provided, a unique one is generated automatically.\n */\n id: string;\n /**\n * The main heading of the accordion item. This is the primary text visible to users in the collapsed state and acts as the trigger for expanding or collapsing the content.\n */\n title: string;\n /**\n * An optional secondary heading displayed below the title. It provides additional context or detail about the content of the accordion item.\n */\n subtitle?: string;\n /**\n * The main content of the accordion item. This is the information revealed when the accordion is expanded, typically containing text, HTML, or other elements.\n */\n content?: string;\n /**\n * Icon component to display before the item title.\n */\n icon?: Component;\n /**\n * Heading level for the accordion trigger (h2–h6). Adjust to match the\n * heading hierarchy of the page where the accordion is used.\n */\n tag?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';\n }>(),\n {\n tag: 'h2',\n },\n);\n\ndefineSlots<{\n /**\n * Use this slot to display custom content.\n */\n default: VNode;\n}>();\n\nconst openIds = inject<Ref<string[]> | ComputedRef<string[]>>(\n AccordionStateKey,\n)!;\nconst toggleItem = inject<(id: string) => void>(AccordionToggleFnKey)!;\n\nconst open = computed(() => openIds.value.includes(props.id));\n</script>\n\n<style lang=\"scss\" scoped>\n@use '@mozaic-ds/styles/components/accordion-list';\n</style>\n","<template>\n <div class=\"mc-divider\">\n <div :class=\"classObject\"></div>\n <slot />\n </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, type VNode } from 'vue';\n/**\n * A divider is a visual element used to separate content or sections within an interface. It helps improve readability and organization by creating clear distinctions between groups of information. Dividers can be thin lines, thick separators, or even styled with spacing variations, adapting to different layouts. They are commonly used in menus, lists, forms, and content blocks to create a structured visual hierarchy.\n */\nconst props = withDefaults(\n defineProps<{\n /**\n * Determines the orientation of the divider.\n */\n orientation?: 'vertical' | 'horizontal';\n /**\n * Determines the appearance of the divider.\n */\n appearance?: 'primary' | 'secondary' | 'tertiary' | 'inverse';\n /**\n * Determines the size of the divider.\n */\n size?: 's' | 'm' | 'l';\n }>(),\n {\n orientation: 'horizontal',\n appearance: 'primary',\n size: 's',\n },\n);\n\ndefineSlots<{\n /**\n * Use this slot to insert the content who need a vertical divider\n */\n default?: VNode;\n}>();\n\nconst classObject = computed(() => {\n return {\n [`mc-divider-${props.orientation}`]: props.orientation,\n [`mc-divider-horizontal--${props.appearance}`]:\n props.appearance && props.appearance != 'primary',\n [`mc-divider-horizontal--${props.size}`]: props.size && props.size != 's',\n };\n});\n</script>\n\n<style lang=\"scss\" scoped>\n@use '@mozaic-ds/styles/components/divider';\n\n.mc-divider-vertical {\n content: '';\n display: block;\n height: 100%;\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n}\n</style>\n","<template>\n <div class=\"mc-divider\">\n <div :class=\"classObject\"></div>\n <slot />\n </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, type VNode } from 'vue';\n/**\n * A divider is a visual element used to separate content or sections within an interface. It helps improve readability and organization by creating clear distinctions between groups of information. Dividers can be thin lines, thick separators, or even styled with spacing variations, adapting to different layouts. They are commonly used in menus, lists, forms, and content blocks to create a structured visual hierarchy.\n */\nconst props = withDefaults(\n defineProps<{\n /**\n * Determines the orientation of the divider.\n */\n orientation?: 'vertical' | 'horizontal';\n /**\n * Determines the appearance of the divider.\n */\n appearance?: 'primary' | 'secondary' | 'tertiary' | 'inverse';\n /**\n * Determines the size of the divider.\n */\n size?: 's' | 'm' | 'l';\n }>(),\n {\n orientation: 'horizontal',\n appearance: 'primary',\n size: 's',\n },\n);\n\ndefineSlots<{\n /**\n * Use this slot to insert the content who need a vertical divider\n */\n default?: VNode;\n}>();\n\nconst classObject = computed(() => {\n return {\n [`mc-divider-${props.orientation}`]: props.orientation,\n [`mc-divider-horizontal--${props.appearance}`]:\n props.appearance && props.appearance != 'primary',\n [`mc-divider-horizontal--${props.size}`]: props.size && props.size != 's',\n };\n});\n</script>\n\n<style lang=\"scss\" scoped>\n@use '@mozaic-ds/styles/components/divider';\n\n.mc-divider-vertical {\n content: '';\n display: block;\n height: 100%;\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n}\n</style>\n","<template>\n <div\n class=\"mc-action-bottom-bar\"\n :class=\"{ 'mc-action-bottom-bar--shadow': shadow }\"\n >\n <MDivider class=\"mc-action-bottom-bar__divider\" />\n\n <div class=\"mc-action-bottom-bar__left\">\n <slot name=\"left\" />\n </div>\n\n <div class=\"mc-action-bottom-bar__right\">\n <slot name=\"right\" />\n </div>\n </div>\n</template>\n\n<script setup lang=\"ts\">\nimport type { VNode } from 'vue';\nimport MDivider from '../divider/MDivider.vue';\n/**\n * An action bottom bar is a fixed element positioned at the bottom of the screen or section, providing persistent access to key actions. It is commonly used for confirmations, validations, warnings, or bulk actions in forms, editing workflows, or data management. This component ensures that primary and secondary actions remain visible and accessible, even when scrolling.\n */\ndefineProps<{\n /**\n * If `true`, adds a shadow to the action bottom bar.\n */\n shadow?: boolean;\n}>();\n\ndefineSlots<{\n /**\n * The content displayed left side of the action bottom bar (e.g. StatusNotification or any element).\n */\n left: VNode[];\n /**\n * Use this slot to insert buttons of the action bottom bar.\n */\n right?: VNode[];\n}>();\n</script>\n\n<style lang=\"scss\" scoped>\n@use '@mozaic-ds/styles/components/action-bottom-bar';\n</style>\n","<template>\n <div\n class=\"mc-action-bottom-bar\"\n :class=\"{ 'mc-action-bottom-bar--shadow': shadow }\"\n >\n <MDivider class=\"mc-action-bottom-bar__divider\" />\n\n <div class=\"mc-action-bottom-bar__left\">\n <slot name=\"left\" />\n </div>\n\n <div class=\"mc-action-bottom-bar__right\">\n <slot name=\"right\" />\n </div>\n </div>\n</template>\n\n<script setup lang=\"ts\">\nimport type { VNode } from 'vue';\nimport MDivider from '../divider/MDivider.vue';\n/**\n * An action bottom bar is a fixed element positioned at the bottom of the screen or section, providing persistent access to key actions. It is commonly used for confirmations, validations, warnings, or bulk actions in forms, editing workflows, or data management. This component ensures that primary and secondary actions remain visible and accessible, even when scrolling.\n */\ndefineProps<{\n /**\n * If `true`, adds a shadow to the action bottom bar.\n */\n shadow?: boolean;\n}>();\n\ndefineSlots<{\n /**\n * The content displayed left side of the action bottom bar (e.g. StatusNotification or any element).\n */\n left: VNode[];\n /**\n * Use this slot to insert buttons of the action bottom bar.\n */\n right?: VNode[];\n}>();\n</script>\n\n<style lang=\"scss\" scoped>\n@use '@mozaic-ds/styles/components/action-bottom-bar';\n</style>\n","<template>\n <div class=\"mc-loader\" :class=\"classObject\">\n <span class=\"mc-loader__spinner\">\n <svg\n class=\"mc-loader__icon\"\n xmlns=\"http://www.w3.org/2000/svg\"\n :viewBox=\"setViewBox\"\n aria-hidden=\"true\"\n >\n <circle\n class=\"mc-loader__path\"\n cx=\"50%\"\n cy=\"50%\"\n :r=\"setCircleRadius\"\n ></circle>\n </svg>\n </span>\n <p v-if=\"text\" class=\"mc-loader__text\" role=\"status\">{{ text }}</p>\n </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed } from 'vue';\n/**\n * A loader is a visual indicator used to inform users that a process is in progress, typically during data fetching, page loading, or background operations. It provides feedback that the system is working, helping to manage user expectations and reduce perceived wait time.\n */\nconst props = withDefaults(\n defineProps<{\n /**\n * Specifies the visual appearance of the loader.\n */\n appearance?: 'standard' | 'accent' | 'inverse';\n\n /**\n * Defines the size of the loader.\n */\n size?: 'xs' | 's' | 'm' | 'l';\n\n /**\n * Text to display alongside the loader when using the loader inside an `Overlay`.\n */\n text?: string;\n }>(),\n {\n appearance: 'standard',\n size: 'm',\n },\n);\n\nconst classObject = computed(() => {\n return {\n [`mc-loader--${props.size}`]: props.size && props.size !== 'm',\n [`mc-loader--${props.appearance}`]:\n props.appearance && props.appearance !== 'standard',\n 'mc-loader--text-visible': props.text,\n };\n});\n\nconst setViewBox = computed(() => {\n let viewBox: string;\n\n switch (props.size) {\n case 'xs':\n viewBox = '0 0 20 20';\n break;\n case 's':\n viewBox = '0 0 24 24';\n break;\n case 'l':\n viewBox = '0 0 64 64';\n break;\n default:\n viewBox = '0 0 32 32';\n }\n return viewBox;\n});\n\nconst setCircleRadius = computed(() => {\n let circleRadius: number;\n\n switch (props.size) {\n case 'xs':\n circleRadius = 6;\n break;\n case 's':\n circleRadius = 6;\n break;\n case 'l':\n circleRadius = 19;\n break;\n default:\n circleRadius = 9;\n }\n\n return circleRadius;\n});\n</script>\n\n<style lang=\"scss\" scoped>\n@use '@mozaic-ds/styles/components/loader';\n</style>\n","<template>\n <div class=\"mc-loader\" :class=\"classObject\">\n <span class=\"mc-loader__spinner\">\n <svg\n class=\"mc-loader__icon\"\n xmlns=\"http://www.w3.org/2000/svg\"\n :viewBox=\"setViewBox\"\n aria-hidden=\"true\"\n >\n <circle\n class=\"mc-loader__path\"\n cx=\"50%\"\n cy=\"50%\"\n :r=\"setCircleRadius\"\n ></circle>\n </svg>\n </span>\n <p v-if=\"text\" class=\"mc-loader__text\" role=\"status\">{{ text }}</p>\n </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed } from 'vue';\n/**\n * A loader is a visual indicator used to inform users that a process is in progress, typically during data fetching, page loading, or background operations. It provides feedback that the system is working, helping to manage user expectations and reduce perceived wait time.\n */\nconst props = withDefaults(\n defineProps<{\n /**\n * Specifies the visual appearance of the loader.\n */\n appearance?: 'standard' | 'accent' | 'inverse';\n\n /**\n * Defines the size of the loader.\n */\n size?: 'xs' | 's' | 'm' | 'l';\n\n /**\n * Text to display alongside the loader when using the loader inside an `Overlay`.\n */\n text?: string;\n }>(),\n {\n appearance: 'standard',\n size: 'm',\n },\n);\n\nconst classObject = computed(() => {\n return {\n [`mc-loader--${props.size}`]: props.size && props.size !== 'm',\n [`mc-loader--${props.appearance}`]:\n props.appearance && props.appearance !== 'standard',\n 'mc-loader--text-visible': props.text,\n };\n});\n\nconst setViewBox = computed(() => {\n let viewBox: string;\n\n switch (props.size) {\n case 'xs':\n viewBox = '0 0 20 20';\n break;\n case 's':\n viewBox = '0 0 24 24';\n break;\n case 'l':\n viewBox = '0 0 64 64';\n break;\n default:\n viewBox = '0 0 32 32';\n }\n return viewBox;\n});\n\nconst setCircleRadius = computed(() => {\n let circleRadius: number;\n\n switch (props.size) {\n case 'xs':\n circleRadius = 6;\n break;\n case 's':\n circleRadius = 6;\n break;\n case 'l':\n circleRadius = 19;\n break;\n default:\n circleRadius = 9;\n }\n\n return circleRadius;\n});\n</script>\n\n<style lang=\"scss\" scoped>\n@use '@mozaic-ds/styles/components/loader';\n</style>\n","<template>\n <button\n class=\"mc-button mc-button--icon-button\"\n :class=\"classObject\"\n :disabled=\"disabled\"\n :type=\"type\"\n :aria-busy=\"isLoading || undefined\"\n >\n <span\n v-if=\"isLoading\"\n class=\"mc-button__icon\"\n :style=\"{ position: 'absolute' }\"\n >\n <MLoader :style=\"{ color: 'currentColor' }\" size=\"s\" />\n </span>\n <span v-else class=\"mc-button__icon\">\n <slot name=\"icon\" />\n </span>\n </button>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, type VNode } from 'vue';\nimport MLoader from '../loader/MLoader.vue';\n/**\n * Buttons are key interactive elements used to perform actions and can be used as standalone element, or as part of another component. Their appearance depends on the type of action required from the user and the context in which they are used.\n */\nconst props = withDefaults(\n defineProps<{\n /**\n * Defines the visual style of the icon button.\n */\n appearance?: 'standard' | 'accent' | 'danger' | 'inverse';\n /**\n * Determines the size of the icon button.\n */\n size?: 's' | 'm' | 'l';\n /**\n * If `true`, disables the icon button, making it non-interactive.\n */\n disabled?: boolean;\n /**\n * If `true`, applies a \"ghost\" style to the icon button.\n */\n ghost?: boolean;\n /**\n * If `true`, the icon button gets an outlined style.\n */\n outlined?: boolean;\n /**\n * Specifies the button's HTML `type` attribute.\n */\n type?: 'button' | 'reset' | 'submit';\n /**\n * If `true`, a loading state is displayed.\n */\n isLoading?: boolean;\n }>(),\n {\n appearance: 'standard',\n size: 'm',\n type: 'button',\n },\n);\n\ndefineSlots<{\n /**\n * Use this slot to insert an icon for the Button.\n */\n icon: VNode;\n}>();\n\nconst classObject = computed(() => {\n return {\n [`mc-button--${props.appearance}`]:\n props.appearance && props.appearance != 'standard',\n [`mc-button--${props.size}`]: props.size && props.size != 'm',\n 'mc-button--ghost': props.ghost,\n 'mc-button--outlined': props.outlined,\n };\n});\n</script>\n\n<style lang=\"scss\" scoped>\n@use '@mozaic-ds/styles/components/button';\n\n.mc-button__icon::v-deep(svg) {\n width: 100%;\n height: 100%;\n}\n</style>\n","<template>\n <button\n class=\"mc-button mc-button--icon-button\"\n :class=\"classObject\"\n :disabled=\"disabled\"\n :type=\"type\"\n :aria-busy=\"isLoading || undefined\"\n >\n <span\n v-if=\"isLoading\"\n class=\"mc-button__icon\"\n :style=\"{ position: 'absolute' }\"\n >\n <MLoader :style=\"{ color: 'currentColor' }\" size=\"s\" />\n </span>\n <span v-else class=\"mc-button__icon\">\n <slot name=\"icon\" />\n </span>\n </button>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, type VNode } from 'vue';\nimport MLoader from '../loader/MLoader.vue';\n/**\n * Buttons are key interactive elements used to perform actions and can be used as standalone element, or as part of another component. Their appearance depends on the type of action required from the user and the context in which they are used.\n */\nconst props = withDefaults(\n defineProps<{\n /**\n * Defines the visual style of the icon button.\n */\n appearance?: 'standard' | 'accent' | 'danger' | 'inverse';\n /**\n * Determines the size of the icon button.\n */\n size?: 's' | 'm' | 'l';\n /**\n * If `true`, disables the icon button, making it non-interactive.\n */\n disabled?: boolean;\n /**\n * If `true`, applies a \"ghost\" style to the icon button.\n */\n ghost?: boolean;\n /**\n * If `true`, the icon button gets an outlined style.\n */\n outlined?: boolean;\n /**\n * Specifies the button's HTML `type` attribute.\n */\n type?: 'button' | 'reset' | 'submit';\n /**\n * If `true`, a loading state is displayed.\n */\n isLoading?: boolean;\n }>(),\n {\n appearance: 'standard',\n size: 'm',\n type: 'button',\n },\n);\n\ndefineSlots<{\n /**\n * Use this slot to insert an icon for the Button.\n */\n icon: VNode;\n}>();\n\nconst classObject = computed(() => {\n return {\n [`mc-button--${props.appearance}`]:\n props.appearance && props.appearance != 'standard',\n [`mc-button--${props.size}`]: props.size && props.size != 'm',\n 'mc-button--ghost': props.ghost,\n 'mc-button--outlined': props.outlined,\n };\n});\n</script>\n\n<style lang=\"scss\" scoped>\n@use '@mozaic-ds/styles/components/button';\n\n.mc-button__icon::v-deep(svg) {\n width: 100%;\n height: 100%;\n}\n</style>\n","import { createElementBlock as e, createElementVNode as t, defineComponent as n, openBlock as r } from \"vue\";\n//#region src/components/Worldwide64/Worldwide64.vue?vue&type=script&setup=true&lang.ts\nvar ee = [\"fill\"], i = /* @__PURE__ */ n({\n\t__name: \"Worldwide64\",\n\tprops: { color: { default: \"currentColor\" } },\n\tsetup(n) {\n\t\treturn (i, a) => (r(), e(\"svg\", {\n\t\t\t\"aria-hidden\": \"true\",\n\t\t\tfill: n.color,\n\t\t\txmlns: \"http://www.w3.org/2000/svg\",\n\t\t\tviewBox: \"0 0 64 64\",\n\t\t\twidth: \"64px\",\n\t\t\theight: \"64px\"\n\t\t}, [...a[0] ||= [t(\"path\", {\n\t\t\t\"fill-rule\": \"evenodd\",\n\t\t\td: \"M31 9.522a22.5 22.5 0 0 0-3.436.415 40.2 40.2 0 0 0-4.218 8.474c2.507.344 5.062.54 7.654.581zm-6.256 1.174a22.5 22.5 0 0 0-9.329 6.099q2.908.792 5.92 1.306c.9-2.592 2.046-5.07 3.409-7.405m-10.73 7.783A22.4 22.4 0 0 0 9.522 31h9.49a42.3 42.3 0 0 1 1.706-10.976 65 65 0 0 1-6.704-1.545M9.522 33a22.4 22.4 0 0 0 4.431 12.44 65 65 0 0 1 6.738-1.558A42.3 42.3 0 0 1 19.01 33zm5.821 14.127a22.5 22.5 0 0 0 9.4 6.177 42 42 0 0 1-3.44-7.498 63 63 0 0 0-5.96 1.32m12.22 6.936a22.5 22.5 0 0 0 3.437.415V44.91a64 64 0 0 0-7.687.587 40.2 40.2 0 0 0 4.25 8.567m5.437.415a22.5 22.5 0 0 0 3.436-.415 40.2 40.2 0 0 0 4.251-8.567A64 64 0 0 0 33 44.909zm6.256-1.174a22.5 22.5 0 0 0 9.4-6.177 63 63 0 0 0-5.959-1.321 42 42 0 0 1-3.44 7.498m10.79-7.864A22.4 22.4 0 0 0 54.479 33h-9.49a42.3 42.3 0 0 1-1.679 10.882q3.436.604 6.738 1.558M54.479 31a22.4 22.4 0 0 0-4.492-12.52 65 65 0 0 1-6.704 1.544A42.3 42.3 0 0 1 44.988 31zm-5.893-14.205a22.5 22.5 0 0 0-9.329-6.1 42 42 0 0 1 3.41 7.406 63 63 0 0 0 5.919-1.307M36.436 9.936A22.5 22.5 0 0 0 33 9.522v9.47a64 64 0 0 0 7.654-.581 40.2 40.2 0 0 0-4.218-8.474M32 6.5C17.917 6.5 6.5 17.917 6.5 32S17.917 57.5 32 57.5 57.5 46.083 57.5 32 46.083 6.5 32 6.5m1 14.493a65.5 65.5 0 0 0 8.29-.652A40.3 40.3 0 0 1 42.988 31H33zM33 33h9.988a40.3 40.3 0 0 1-1.67 10.565A65.5 65.5 0 0 0 33 42.909zm-2 0v9.91c-2.82.042-5.596.264-8.318.655A40.3 40.3 0 0 1 21.012 33zm0-2h-9.988c.09-3.698.678-7.272 1.698-10.659 2.713.388 5.48.61 8.29.651z\"\n\t\t}, null, -1)]], 8, ee));\n\t}\n}), a = [\"fill\"], te = /* @__PURE__ */ n({\n\t__name: \"Worldwide48\",\n\tprops: { color: { default: \"currentColor\" } },\n\tsetup(n) {\n\t\treturn (ee, i) => (r(), e(\"svg\", {\n\t\t\t\"aria-hidden\": \"true\",\n\t\t\tfill: n.color,\n\t\t\txmlns: \"http://www.w3.org/2000/svg\",\n\t\t\tviewBox: \"0 0 48 48\",\n\t\t\twidth: \"48px\",\n\t\t\theight: \"48px\"\n\t\t}, [...i[0] ||= [t(\"path\", {\n\t\t\t\"fill-rule\": \"evenodd\",\n\t\t\td: \"M23 7.53q-1.159.07-2.27.294a30 30 0 0 0-2.88 5.778q2.536.331 5.15.388zm-5.09 1.13a16.5 16.5 0 0 0-5.74 3.839q1.805.468 3.665.794A32 32 0 0 1 17.91 8.66m-7.173 5.523A16.4 16.4 0 0 0 7.53 23h6.485c.083-2.691.498-5.3 1.206-7.784a49 49 0 0 1-4.484-1.032M7.53 25a16.4 16.4 0 0 0 3.161 8.755 49 49 0 0 1 4.51-1.04A32 32 0 0 1 14.015 25zm4.582 10.442a16.5 16.5 0 0 0 5.798 3.898 32 32 0 0 1-2.1-4.703q-1.875.33-3.698.805m8.618 4.734q1.111.224 2.27.294v-6.533q-2.626.055-5.175.391a30 30 0 0 0 2.905 5.848m4.27.294a16.5 16.5 0 0 0 2.27-.294 30 30 0 0 0 2.905-5.848A47 47 0 0 0 25 33.937zm5.09-1.13a16.5 16.5 0 0 0 5.798-3.898 47 47 0 0 0-3.699-.805 32 32 0 0 1-2.099 4.703m7.219-5.585A16.4 16.4 0 0 0 40.47 25h-6.485a32 32 0 0 1-1.186 7.714q2.294.417 4.51 1.041M40.47 23a16.4 16.4 0 0 0-3.207-8.816 49 49 0 0 1-4.484 1.032A32 32 0 0 1 33.985 23zm-4.64-10.501a16.5 16.5 0 0 0-5.74-3.839 32 32 0 0 1 2.075 4.634 47 47 0 0 0 3.666-.795m-8.56-4.675A16.5 16.5 0 0 0 25 7.53v6.46a47 47 0 0 0 5.15-.389 30 30 0 0 0-2.88-5.777M24 4.5C13.23 4.5 4.5 13.23 4.5 24S13.23 43.5 24 43.5 43.5 34.77 43.5 24 34.77 4.5 24 4.5m1 11.49q2.942-.061 5.789-.457A30 30 0 0 1 31.984 23H25zM25 25h6.984a30 30 0 0 1-1.174 7.396 49 49 0 0 0-5.81-.46zm-2 0v6.936q-2.952.061-5.81.46A30 30 0 0 1 16.016 25zm0-2h-6.984a30 30 0 0 1 1.195-7.467c1.897.263 3.83.418 5.789.457z\"\n\t\t}, null, -1)]], 8, a));\n\t}\n}), o = [\"fill\"], s = /* @__PURE__ */ n({\n\t__name: \"Worldwide32\",\n\tprops: { color: { default: \"currentColor\" } },\n\tsetup(n) {\n\t\treturn (ee, i) => (r(), e(\"svg\", {\n\t\t\t\"aria-hidden\": \"true\",\n\t\t\tfill: n.color,\n\t\t\txmlns: \"http://www.w3.org/2000/svg\",\n\t\t\tviewBox: \"0 0 32 32\",\n\t\t\twidth: \"32px\",\n\t\t\theight: \"32px\"\n\t\t}, [...i[0] ||= [t(\"path\", {\n\t\t\t\"fill-rule\": \"evenodd\",\n\t\t\td: \"M15.5 5.011q-.98.046-1.908.253a20 20 0 0 0-1.919 3.941q1.881.26 3.827.291zm-3.318.67A11 11 0 0 0 7.98 8.47q1.321.346 2.686.58c.408-1.174.916-2.3 1.515-3.37M7.265 9.313A10.95 10.95 0 0 0 5.011 15.5h4.495c.044-1.902.339-3.742.853-5.488a32 32 0 0 1-3.094-.7M5.011 16.5a10.95 10.95 0 0 0 2.224 6.147 32 32 0 0 1 3.11-.706 21.2 21.2 0 0 1-.84-5.441zm2.933 6.99a11 11 0 0 0 4.238 2.83 21 21 0 0 1-1.53-3.417 31 31 0 0 0-2.708.587m5.648 3.246q.928.208 1.908.253v-4.534q-1.954.032-3.844.293a20 20 0 0 0 1.936 3.988m2.908.253q.98-.045 1.908-.253a20 20 0 0 0 1.936-3.988 32 32 0 0 0-3.844-.293zm3.319-.67a11 11 0 0 0 4.237-2.829q-1.332-.351-2.707-.587a21 21 0 0 1-1.53 3.416m4.947-3.672a10.95 10.95 0 0 0 2.223-6.147h-4.495a21.2 21.2 0 0 1-.84 5.441q1.585.278 3.111.706m2.223-7.147a10.95 10.95 0 0 0-2.254-6.187 32 32 0 0 1-3.094.7c.514 1.745.81 3.585.853 5.487zm-2.97-7.03a11 11 0 0 0-4.2-2.79 21 21 0 0 1 1.514 3.37q1.364-.232 2.686-.58m-5.61-3.206a11 11 0 0 0-1.909-.253v4.485a32 32 0 0 0 3.827-.29 20 20 0 0 0-1.919-3.942M16 3C8.82 3 3 8.82 3 16s5.82 13 13 13 13-5.82 13-13S23.18 3 16 3m.5 7.496a33 33 0 0 0 4.145-.326c.51 1.694.804 3.48.849 5.33H16.5zm0 6.004h4.994a20.1 20.1 0 0 1-.835 5.282 33 33 0 0 0-4.159-.327zm-1 0v4.955c-1.41.02-2.798.132-4.159.327-.502-1.679-.79-3.45-.835-5.282zm0-1h-4.994c.045-1.85.339-3.636.85-5.33q2.036.293 4.144.326z\"\n\t\t}, null, -1)]], 8, o));\n\t}\n}), c = [\"fill\"], l = /* @__PURE__ */ n({\n\t__name: \"Worldwide24\",\n\tprops: { color: { default: \"currentColor\" } },\n\tsetup(n) {\n\t\treturn (ee, i) => (r(), e(\"svg\", {\n\t\t\t\"aria-hidden\": \"true\",\n\t\t\tfill: n.color,\n\t\t\txmlns: \"http://www.w3.org/2000/svg\",\n\t\t\tviewBox: \"0 0 24 24\",\n\t\t\twidth: \"24px\",\n\t\t\theight: \"24px\"\n\t\t}, [...i[0] ||= [t(\"path\", {\n\t\t\t\"fill-rule\": \"evenodd\",\n\t\t\td: \"M11.5 4.015a8 8 0 0 0-1.32.193A15 15 0 0 0 8.925 6.8q1.268.166 2.575.194zm-2.73.664c-.901.398-1.715.957-2.404 1.641q.765.189 1.552.327.361-1.018.851-1.968M5.626 7.163A7.96 7.96 0 0 0 4.015 11.5h2.993c.041-1.346.249-2.65.603-3.892q-1.007-.183-1.984-.445M4.015 12.5a7.96 7.96 0 0 0 1.59 4.307q.982-.266 1.996-.45a16 16 0 0 1-.593-3.857zm2.321 5.15a8 8 0 0 0 2.433 1.67 16 16 0 0 1-.864-2.002q-.793.14-1.569.332m3.844 2.142q.643.15 1.32.193v-3.017a24 24 0 0 0-2.588.196c.338.922.764 1.801 1.268 2.628m2.32.193a8 8 0 0 0 1.32-.193 15 15 0 0 0 1.268-2.628 24 24 0 0 0-2.588-.196zm2.73-.664a8 8 0 0 0 2.434-1.671 23 23 0 0 0-1.57-.331 16 16 0 0 1-.864 2.002m3.166-2.514a7.96 7.96 0 0 0 1.589-4.307h-2.993a16 16 0 0 1-.593 3.857q1.014.185 1.997.45m1.589-5.307a7.96 7.96 0 0 0-1.612-4.337q-.977.262-1.984.445c.354 1.242.562 2.546.603 3.892zm-2.351-5.18a8 8 0 0 0-2.403-1.64q.49.949.851 1.967.786-.137 1.552-.327M13.82 4.208a8 8 0 0 0-1.32-.193v2.98q1.306-.028 2.575-.194a15 15 0 0 0-1.255-2.593M12 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2m.5 5.995q1.47-.03 2.895-.228c.349 1.19.555 2.44.597 3.733H12.5zm0 4.505h3.492a15 15 0 0 1-.587 3.698 25 25 0 0 0-2.905-.23zm-1 0v3.468q-1.476.03-2.905.23a15 15 0 0 1-.587-3.698zm0-1H8.008c.042-1.293.248-2.544.598-3.733q1.423.197 2.894.228z\"\n\t\t}, null, -1)]], 8, c));\n\t}\n}), u = [\"fill\"], d = /* @__PURE__ */ n({\n\t__name: \"Worldwide20\",\n\tprops: { color: { default: \"currentColor\" } },\n\tsetup(n) {\n\t\treturn (ee, i) => (r(), e(\"svg\", {\n\t\t\t\"aria-hidden\": \"true\",\n\t\t\tfill: n.color,\n\t\t\txmlns: \"http://www.w3.org/2000/svg\",\n\t\t\tviewBox: \"0 0 20 20\",\n\t\t\twidth: \"20px\",\n\t\t\theight: \"20px\"\n\t\t}, [...i[0] ||= [t(\"path\", {\n\t\t\t\"fill-rule\": \"evenodd\",\n\t\t\td: \"M9.5 3.268a7 7 0 0 0-.842.115q-.66 1.045-1.105 2.215.96.121 1.947.146zm-2.253.567c-.734.329-1.4.785-1.967 1.34q.624.154 1.263.27.301-.833.704-1.61M4.55 6.017A6.7 6.7 0 0 0 3.268 9.5H5.76c.04-1.068.203-2.104.478-3.095a20 20 0 0 1-1.687-.388M3.268 10.5a6.7 6.7 0 0 0 1.263 3.457 20 20 0 0 1 1.698-.391 13.4 13.4 0 0 1-.47-3.066zm1.987 4.3a6.8 6.8 0 0 0 1.992 1.365 13 13 0 0 1-.714-1.639q-.646.117-1.278.275m3.403 1.816q.413.084.842.116v-2.506q-.993.025-1.958.147c.297.789.672 1.54 1.116 2.244m1.842.116q.43-.032.842-.115c.444-.704.82-1.455 1.116-2.244q-.965-.122-1.958-.147zm2.253-.567a6.8 6.8 0 0 0 1.992-1.364q-.63-.159-1.278-.275a13 13 0 0 1-.714 1.64m2.716-2.208a6.7 6.7 0 0 0 1.263-3.457H14.24a13.4 13.4 0 0 1-.47 3.066q.862.16 1.698.391M16.732 9.5a6.7 6.7 0 0 0-1.281-3.483q-.831.23-1.688.388c.275.99.439 2.027.478 3.095zM14.72 5.175a6.8 6.8 0 0 0-1.967-1.34q.403.777.704 1.61.639-.116 1.263-.27m-3.378-1.792a7 7 0 0 0-.842-.115v2.476a20 20 0 0 0 1.947-.146 12.4 12.4 0 0 0-