UNPKG

@dialpad/dialtone-icons

Version:
63 lines (62 loc) 1.78 kB
import { t as e } from "../../utils-C1uyTI6x.js"; import { t } from "../../constants-B7fXbm2f.js"; import { t as n } from "../../_plugin-vue_export-helper-B52Kst-M.js"; import { createElementBlock as r, createElementVNode as i, normalizeClass as a, openBlock as o } from "vue"; //#region ../src/icons/empty.vue var s = { name: "DtIconEmpty", props: { size: { type: String, default: "500", validator: (e) => Object.keys(t).includes(e) }, ariaLabel: { type: String, default: void 0 } }, emits: ["loaded"], computed: { iconSizeClass() { return t[this.size]; }, ariaHidden() { return this.ariaLabel ? "false" : "true"; }, dataQA() { return this.$attrs["data-qa"] ?? "dt-icon"; } }, created() { this.$emit("loaded"), this.uniqueID = e(); } }, c = [ "aria-label", "data-qa", "aria-hidden" ], l = ["clip-path"], u = ["id"]; function d(e, t, n, s, d, f) { return o(), r("svg", { "aria-label": n.ariaLabel, class: a([f.iconSizeClass, "d-icon d-icon--empty"]), "data-qa": f.dataQA, "aria-hidden": f.ariaHidden, role: "img", "data-name": "Empty", viewBox: "0 0 12 12", xmlns: "http://www.w3.org/2000/svg" }, [i("g", { "clip-path": `url(#${e.uniqueID}a)` }, [...t[0] || (t[0] = [i("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M8 1H4a3 3 0 0 0-3 3v4a3 3 0 0 0 3 3h4a3 3 0 0 0 3-3V4a3 3 0 0 0-3-3ZM4 0a4 4 0 0 0-4 4v4a4 4 0 0 0 4 4h4a4 4 0 0 0 4-4V4a4 4 0 0 0-4-4H4Z", fill: "currentColor" }, null, -1)])], 8, l), i("defs", null, [i("clipPath", { id: `${e.uniqueID}a` }, [...t[1] || (t[1] = [i("path", { fill: "#fff", d: "M0 0h12v12H0z" }, null, -1)])], 8, u)])], 10, c); } var f = /* @__PURE__ */ n(s, [["render", d]]); //#endregion export { f as default }; //# sourceMappingURL=empty.js.map