@progress/kendo-vue-common
Version:
Kendo UI for Vue Common Utilities package
81 lines (80 loc) • 1.74 kB
JavaScript
/**
* @license
*-------------------------------------------------------------------------------------------
* Copyright © 2026 Progress Software Corporation. All rights reserved.
* Licensed under commercial license. See LICENSE.md in the package root for more information
*-------------------------------------------------------------------------------------------
*/
import { defineComponent as r, createVNode as l } from "vue";
import { SIZE_CLASSES as a } from "./constants.mjs";
const c = /* @__PURE__ */ r({
name: "KendoFontIcon",
emits: {
click: null
},
props: {
name: String,
themeColor: {
type: String
},
size: {
type: String
},
flip: {
type: String
},
fillMode: {
type: String
},
id: String,
ariaLabel: String,
title: String,
tabIndex: Number
},
computed: {
fontClassNames() {
const {
name: t,
flip: e,
size: i,
themeColor: n,
fillMode: o
} = this.$props;
return {
"k-icon": !0,
"k-font-icon": !0,
["k-i-" + t]: t,
["k-color-" + n]: n,
"k-flip-h": e === "horizontal" || e === "both",
"k-flip-v": e === "vertical" || e === "both",
[a[i]]: i,
["k-icon-" + o]: o
};
}
},
render() {
const {
id: t,
title: e,
tabIndex: i,
ariaLabel: n
} = this.$props;
return l("span", {
class: this.fontClassNames,
id: t,
title: e,
"aria-label": n,
tabindex: i,
role: "presentation",
onClick: this.handleClick
}, null);
},
methods: {
handleClick(t) {
this.$emit("click", t);
}
}
});
export {
c as FontIcon
};