https://www.rheem.com/vike/assets/chunks/chunk-pHa8L-j_.js

1import { R as RmcIcon } from "./chunk-Bov-RE3A.js";
2import { j as defineComponent, H as useId, _ as _export_sfc, o as openBlock, e as createElementBlock, f as createBaseVNode, q as createVNode, F as Fragment, x as renderList, z as createBlock } from "./chunk-Cy-M6TJt.js";
3/* empty css               */
4const _sfc_main$1 = /* @__PURE__ */ defineComponent({
5  __name: "RmcViewToggleItem",
6  props: {
7    icon: {},
8    name: {}
9  },
10  setup(__props, { expose: __expose }) {
11    __expose();
12    const id = useId();
13    const __returned__ = { id, RmcIcon };
14    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
15    return __returned__;
16  }
17});
18const _hoisted_1$1 = { class: "rmc-icon-toggle__item" };
19const _hoisted_2 = ["name", "checked", "id", "value", "data-testid"];
20const _hoisted_3 = ["for"];
21function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
22  return openBlock(), createElementBlock("div", _hoisted_1$1, [
23    createBaseVNode("input", {
24      type: "radio",
25      class: "btn-check",
26      autocomplete: "off",
27      name: $props.name,
28      checked: !!_ctx.$attrs.checked,
29      id: `btn-${$props.icon}-${$setup.id}`,
30      value: $props.icon,
31      "data-testid": `fp-view-${$props.icon}`
32    }, null, 8, _hoisted_2),
33    createBaseVNode("label", {
34      for: `btn-${$props.icon}-${$setup.id}`
35    }, [
36      createVNode($setup["RmcIcon"], { "icon-name": $props.icon }, null, 8, ["icon-name"])
37    ], 8, _hoisted_3)
38  ]);
39}
40const RmcViewToggleItem = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1], ["__file", "RmcViewToggleItem.vue"]]);
41const _sfc_main = /* @__PURE__ */ defineComponent({
42  __name: "RmcViewToggle",
43  props: {
44    icons: { default: () => ["list", "grid"] },
45    name: { default: "view-toggle" },
46    initialSelected: { default: 0 }
47  },
48  setup(__props, { expose: __expose }) {
49    __expose();
50    const __returned__ = { RmcViewToggleItem };
51    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
52    return __returned__;
53  }
54});
55const _hoisted_1 = {
56  class: "rmc-icon-toggle",
57  role: "group",
58  "aria-label": "radio toggle button group"
59};
60function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
61  return openBlock(), createElementBlock("div", _hoisted_1, [
62    (openBlock(true), createElementBlock(Fragment, null, renderList($props.icons, (icon, index) => {
63      return openBlock(), createBlock($setup["RmcViewToggleItem"], {
64        checked: index === $props.initialSelected,
65        icon,
66        name: $props.name
67      }, null, 8, ["checked", "icon", "name"]);
68    }), 256))
69  ]);
70}
71const RmcViewToggle = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-b833273e"], ["__file", "RmcViewToggle.vue"]]);
72export {
73  RmcViewToggle as R
74};