@sandlada/vue-mdc
Version:
48 lines (47 loc) • 1.36 kB
JavaScript
/**
* @license
* Copyright 2025 Sandlada & Kai Orion
* SPDX-License-Identifier: MIT
*/
import { defineComponent, ref, onMounted, createVNode } from "vue";
import { componentNamePrefix } from "../../internals/component-name-prefix/component-name-prefix.js";
import { props } from "./bottom-app-bar.definition.js";
import css from "./styles/bottom-app-bar.module.scss.js";
const BottomAppBar = /* @__PURE__ */ defineComponent({
name: `${componentNamePrefix}-bottom-app-bar`,
props,
slots: {},
emits: [],
setup(props2, {
slots
}) {
const root = ref(null);
const dialog = ref(null);
onMounted(() => {
dialog.value?.show();
});
return () => {
return createVNode("span", {
"class": css["bottom-app-bar"],
"ref": root
}, [createVNode("dialog", {
"class": css.dialog,
"ref": dialog
}, [createVNode("div", {
"class": css.content
}, [createVNode("span", {
"class": css["leading-icons"]
}, [slots["leading-icons"] && slots["leading-icons"]()]), createVNode("span", {
"class": css.fab
}, [slots.default && slots.default()])]), createVNode("span", {
"aria-hidden": true,
"class": css.background
}, null)])]);
};
},
inheritAttrs: true
});
export {
BottomAppBar
};
//# sourceMappingURL=bottom-app-bar.js.map