@cling-se/widget 1.0.0-beta.1 → 1.0.0-beta.2

package/dist/CDropdownItem-Dmq5gYzA.js

@@ -0,0 +1,751 @@
+import { c as I, r as D } from "./helpers-CPW--XIz.js";
+import { r as M, _ as O, a3 as A, o as d, d as u, S as c, f as r, e as S, w, E as b, G as x, aj as B, l as T, F as V, s as m, n as p, ao as k, v as z, bc as R, af as P, b as _, c as f, Z as y, aq as N } from "./main-Cb-nyil1.js";
+const v = M({
+  width: window.innerWidth || 800,
+  height: window.innerHeight || 600,
+  delay: 50,
+  initialized: !1,
+  _timer: null,
+  update() {
+    this.width = window.innerWidth, this.height = window.innerHeight;
+  },
+  _handleResize() {
+    clearTimeout(this._timer), this._timer = setTimeout(() => {
+      this.update();
+    }, this.delay);
+  },
+  init() {
+    typeof window > "u" || this.initialized || (this.update(), window.addEventListener("resize", this._handleResize.bind(this), {
+      passive: !0
+    }), this.initialized = !0);
+  },
+  destroy() {
+    this.initialized && (window.removeEventListener("resize", this._handleResize.bind(this)), this.initialized = !1);
+  }
+});
+v.init();
+const j = {
+  computed: {
+    windowWidth() {
+      return v.width;
+    },
+    windowHeight() {
+      return v.height;
+    },
+    mq() {
+      const { width: e } = v, i = {
+        sm: 640,
+        md: 768,
+        lg: 1024,
+        xl: 1280,
+        "2xl": 1536,
+        "3xl": 1 / 0
+      };
+      let t = "lg";
+      return Object.keys(i).reverse().forEach((a) => {
+        e <= i[a] && (t = a);
+      }), t;
+    }
+  }
+}, g = (e, i = !1) => e ? i ? e.querySelectorAll('*[tabindex="-1"]') : e.querySelectorAll(`a[href]:not([tabindex="-1"]),
+                                   area[href],
+                                   input:not([disabled]),
+                                   select:not([disabled]),
+                                   textarea:not([disabled]),
+                                   button:not([disabled]),
+                                   iframe,
+                                   object,
+                                   embed,
+                                   *[tabindex]:not([tabindex="-1"]),
+                                   *[contenteditable]`) : null;
+let C;
+const F = (e, { value: i = !0 }) => {
+  if (i) {
+    let t = g(e), a = g(e, !0);
+    t && t.length > 0 && (C = (n) => {
+      t = g(e), a = g(e, !0);
+      const s = t[0], l = t[t.length - 1];
+      n.target === s && n.shiftKey && n.key === "Tab" ? (n.preventDefault(), l.focus()) : (n.target === l || Array.from(a).indexOf(n.target) >= 0) && !n.shiftKey && n.key === "Tab" && (n.preventDefault(), s.focus());
+    }, e.addEventListener("keydown", C));
+  }
+}, H = (e) => {
+  e.removeEventListener("keydown", C);
+}, q = {
+  beforeMount: F,
+  unmounted: H
+}, W = ["escape", "outside"], E = Symbol("cdropdown"), K = {
+  name: "CDropdown",
+  directives: {
+    trapFocus: q
+  },
+  mixins: [j],
+  provide() {
+    return {
+      [E]: this
+    };
+  },
+  props: {
+    modelValue: {
+      type: [String, Number, Boolean, Object, Array, Function],
+      default: null
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    hoverable: {
+      type: Boolean,
+      default: !1
+    },
+    inline: {
+      type: Boolean,
+      default: !1
+    },
+    scrollable: {
+      type: Boolean,
+      default: !1
+    },
+    maxHeight: {
+      type: [String, Number],
+      default: 200
+    },
+    position: {
+      type: String,
+      default: "is-bottom-left",
+      validator(e) {
+        return [
+          "is-top-right",
+          "is-top-left",
+          "is-bottom-left",
+          "is-bottom-right"
+        ].indexOf(e) > -1;
+      }
+    },
+    triggers: {
+      type: Array,
+      default: () => ["click"]
+    },
+    mobileModal: {
+      type: Boolean,
+      default: () => !0
+    },
+    ariaRole: {
+      type: String,
+      validator(e) {
+        return ["menu", "list", "dialog"].indexOf(e) > -1;
+      },
+      default: null
+    },
+    animation: {
+      type: String,
+      default: "fade-bounce"
+    },
+    multiple: {
+      type: Boolean,
+      default: !1
+    },
+    trapFocus: {
+      type: Boolean,
+      default: () => !1
+      // config.defaultTrapFocus,
+    },
+    closeOnClick: {
+      type: Boolean,
+      default: !0
+    },
+    canClose: {
+      type: [Array, Boolean],
+      default: !0
+    },
+    expanded: {
+      type: Boolean,
+      default: !1
+    },
+    appendToBody: {
+      type: Boolean,
+      default: !1
+    },
+    appendToBodyCopyParent: {
+      type: Boolean,
+      default: !1
+    },
+    menuStyling: {
+      type: Object,
+      default: () => ({})
+    },
+    mobileLabel: {
+      type: String,
+      default: ""
+    },
+    paddingless: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["active-change", "change", "update:modelValue"],
+  data() {
+    return {
+      selected: this.modelValue,
+      style: {},
+      isActive: !1,
+      isHoverable: this.hoverable,
+      _isDropdown: !0,
+      // Used internally by DropdownItem
+      maybeTap: !1,
+      isTouchEnabled: !1,
+      _bodyEl: void 0,
+      // Used to append to body
+      timeOutID: null,
+      timeOutID2: null,
+      uniquePopoverClass: `dropdown-popover-${this.$.uid}`
+      // Used internally by DropdownItem
+    };
+  },
+  computed: {
+    rootClasses() {
+      return [
+        this.position,
+        {
+          "is-disabled": this.disabled,
+          "is-hoverable": this.hoverable,
+          "is-inline": this.inline,
+          "is-active": this.isActive || this.inline,
+          "is-mobile-modal": this.isMobileModal,
+          "is-expanded": this.expanded,
+          "is-touch-enabled": this.isTouchEnabled
+        }
+      ];
+    },
+    isMobileModal() {
+      return this.mobileModal && this.mq === "sm";
+    },
+    cancelOptions() {
+      return typeof this.canClose == "boolean" ? this.canClose ? W : [] : this.canClose;
+    },
+    contentStyle() {
+      return {
+        maxHeight: this.scrollable ? this.maxHeight === void 0 ? null : isNaN(this.maxHeight) ? this.maxHeight : `${this.maxHeight}px` : null,
+        overflow: this.scrollable ? "auto" : null,
+        padding: this.paddingless ? "0" : null
+      };
+    }
+  },
+  watch: {
+    /**
+     * When v-model is changed set the new selected item.
+     */
+    modelValue(e) {
+      this.selected = e;
+    },
+    /**
+     * Emit event when isActive value is changed.
+     *
+     * Also resets `isTouchEnabled` when it turns inactive.
+     */
+    isActive(e) {
+      this.$emit("active-change", e), e || (this.timeOutID = setTimeout(() => {
+        this.isActive || (this.isTouchEnabled = !1);
+      }, 250)), this.appendToBody && this.$nextTick(() => {
+        this.updateAppendToBody();
+      });
+    }
+  },
+  mounted() {
+    typeof window < "u" && (this.getRootElm().addEventListener("click", this.clickedOutside), document.addEventListener("keyup", this.keyPress)), this.appendToBody && (this.$data._bodyEl = I(this.$refs.dropdownMenu), this.$data._bodyEl.style.zIndex = Number(
+      window.getComputedStyle(this.$el).getPropertyValue("--app-z-index")
+    ) + 9999, this.isMobileModal && this.$data._bodyEl.appendChild(this.$refs.mobileBackground), this.updateAppendToBody());
+  },
+  beforeUnmount() {
+    typeof window < "u" && (this.getRootElm().removeEventListener("click", this.clickedOutside), document.removeEventListener("keyup", this.keyPress)), this.appendToBody && D(this.$data._bodyEl), clearTimeout(this.timeOutID), clearTimeout(this.timeOutID2);
+  },
+  methods: {
+    /**
+     * Click listener from DropdownItem.
+     *   1. Set new selected item.
+     *   2. Emit input event to update the user v-model.
+     *   3. Close the dropdown.
+     */
+    selectItem(e, i) {
+      if (this.multiple) {
+        if (this.selected) {
+          const t = this.selected.indexOf(e);
+          t === -1 ? this.selected.push(e) : this.selected.splice(t, 1);
+        } else
+          this.selected = [e];
+        this.$emit("change", this.selected);
+      } else this.selected !== e && (this.selected = e, this.$emit("change", this.selected));
+      this.$emit("update:modelValue", this.selected), this.multiple || (this.isActive = i.closeOnClick ? !this.closeOnClick : !0, this.hoverable && this.closeOnClick && (this.isHoverable = !1));
+    },
+    /**
+     * White-listed items to not close when clicked.
+     */
+    isInWhiteList(e) {
+      if (e === this.$refs.dropdownMenu || e === this.$refs.trigger) return !0;
+      if (this.$refs.dropdownMenu != null) {
+        const i = this.$refs.dropdownMenu.querySelectorAll("*");
+        for (const t of i)
+          if (e === t)
+            return !0;
+      }
+      if (this.$refs.trigger != null) {
+        const i = this.$refs.trigger.querySelectorAll("*");
+        for (const t of i)
+          if (e === t)
+            return !0;
+      }
+      return !1;
+    },
+    /**
+     * Close dropdown if clicked outside.
+     */
+    clickedOutside(e) {
+      var t;
+      if (this.cancelOptions.indexOf("outside") < 0 || this.inline) return;
+      const i = ((t = e.path) == null ? void 0 : t[0]) || e.target;
+      this.isInWhiteList(i) || (this.isActive = !1);
+    },
+    /**
+     * Keypress event that is bound to the document
+     */
+    keyPress(e) {
+      if (this.isActive && e.keyCode === 27) {
+        if (this.cancelOptions.indexOf("escape") < 0) return;
+        this.isActive = !1;
+      }
+    },
+    onClick() {
+      this.triggers.indexOf("hover") === -1 && (this.triggers.indexOf("click") < 0 || this.toggle());
+    },
+    /**
+     * Toggle dropdown if it's not disabled.
+     */
+    toggle() {
+      this.disabled || (this.isActive ? this.isActive = !this.isActive : this.timeOutID2 = setTimeout(() => {
+        const e = !this.isActive;
+        this.isActive = e;
+      }));
+    },
+    onHover() {
+      this.hoverable && (this.triggers.indexOf("hover") < 0 || this.isTouchEnabled || (this.isHoverable = !0));
+    },
+    // takes care of touch-enabled devices
+    // - does nothing if hover trigger is disabled
+    // - suppresses hover trigger by setting isTouchEnabled
+    // - handles only a tap; i.e., touchstart on the trigger immediately
+    //   folowed by touchend
+    onTouchStart() {
+      this.maybeTap = !0;
+    },
+    onTouchMove() {
+      this.maybeTap = !1;
+    },
+    onTouchEnd(e) {
+      this.triggers.indexOf("hover") !== -1 && this.maybeTap && (e.preventDefault(), this.maybeTap = !1, this.isTouchEnabled = !0, this.toggle());
+    },
+    updateAppendToBody() {
+      const e = this.$refs.dropdownMenu, i = this.$refs.trigger;
+      if (e && i) {
+        const t = this.$data._bodyEl.children[0];
+        if (t.classList.forEach((l) => t.classList.remove(l)), t.classList.add("dropdown"), t.classList.add("dropdown-menu-animation"), this.$vnode && this.$vnode.data && this.$vnode.data.staticClass && t.classList.add(this.$vnode.data.staticClass), this.rootClasses.forEach((l) => {
+          if (l && typeof l == "object")
+            for (const o in l)
+              l[o] && t.classList.add(o);
+        }), this.appendToBodyCopyParent) {
+          const l = this.$refs.dropdown.parentNode, o = this.$data._bodyEl;
+          o.classList.forEach((h) => o.classList.remove(h)), l.classList.forEach((h) => {
+            o.classList.add(h);
+          });
+        }
+        const a = i.getBoundingClientRect();
+        let n = a.top + window.scrollY, s = a.left + window.scrollX;
+        !this.position || this.position.indexOf("bottom") >= 0 ? n += i.clientHeight : n -= e.clientHeight, this.position && this.position.indexOf("left") >= 0 && (s -= e.clientWidth - i.clientWidth), this.style = {
+          position: "absolute",
+          top: `${n}px`,
+          left: `${s}px`,
+          zIndex: "1001"
+        };
+      }
+    },
+    getRootElm() {
+      var t, a;
+      const e = (a = (t = this.$el).getRootNode) == null ? void 0 : a.call(t);
+      return (e == null ? void 0 : e.toString()) === "[object ShadowRoot]" ? e : document;
+    }
+  }
+}, U = ["aria-hidden"], Y = ["aria-hidden"], G = ["role"], J = { class: "dropdown-content-label" };
+function X(e, i, t, a, n, s) {
+  const l = A("trap-focus");
+  return d(), u("div", {
+    ref: "dropdown",
+    class: p([s.rootClasses, "dropdown dropdown-menu-animation"]),
+    onClick: i[5] || (i[5] = k(() => {
+    }, ["stop"]))
+  }, [
+    t.inline ? r("", !0) : (d(), u("div", {
+      key: 0,
+      ref: "trigger",
+      role: "button",
+      class: "dropdown-trigger",
+      "aria-haspopup": "true",
+      onClick: i[0] || (i[0] = (...o) => s.onClick && s.onClick(...o)),
+      onMouseenter: i[1] || (i[1] = (...o) => s.onHover && s.onHover(...o)),
+      onTouchstart: i[2] || (i[2] = (...o) => s.onTouchStart && s.onTouchStart(...o)),
+      onTouchmove: i[3] || (i[3] = (...o) => s.onTouchMove && s.onTouchMove(...o)),
+      onTouchend: i[4] || (i[4] = (...o) => s.onTouchEnd && s.onTouchEnd(...o))
+    }, [
+      c(e.$slots, "trigger", { active: n.isActive })
+    ], 544)),
+    S(B, { name: "fade-in" }, {
+      default: w(() => [
+        s.isMobileModal ? b((d(), u("div", {
+          key: 0,
+          ref: "mobileBackground",
+          "aria-hidden": !n.isActive,
+          class: "fixed inset-0 z-40 bg-black/40"
+        }, null, 8, U)), [
+          [x, n.isActive]
+        ]) : r("", !0)
+      ]),
+      _: 1
+    }),
+    S(B, {
+      name: s.isMobileModal ? "slide-in-bottom" : t.animation
+    }, {
+      default: w(() => [
+        b((d(), u("div", {
+          ref: "dropdownMenu",
+          style: T({
+            ...n.style,
+            ...t.menuStyling
+          }),
+          "aria-hidden": !n.isActive,
+          class: "dropdown-menu"
+        }, [
+          n.isActive ? (d(), u(V, { key: 0 }, [
+            c(e.$slots, "header"),
+            m("div", {
+              role: t.ariaRole,
+              style: T(s.contentStyle),
+              class: p([`${n.uniquePopoverClass}`, "dropdown-content"])
+            }, [
+              s.isMobileModal && t.mobileLabel ? c(e.$slots, "mobileLabel", { key: 0 }, () => [
+                m("div", J, z(t.mobileLabel), 1)
+              ]) : r("", !0),
+              c(e.$slots, "default")
+            ], 14, G),
+            c(e.$slots, "footer")
+          ], 64)) : r("", !0)
+        ], 12, Y)), [
+          [x, !t.disabled && (n.isActive || n.isHoverable) || t.inline],
+          [l, t.trapFocus]
+        ])
+      ]),
+      _: 3
+    }, 8, ["name"])
+  ], 2);
+}
+const re = /* @__PURE__ */ O(K, [["render", X]]), Z = {
+  name: "CSwitch",
+  props: {
+    modelValue: {
+      type: [String, Number, Boolean, Function, Object, Array, Date],
+      default: null
+    },
+    nativeValue: {
+      type: [String, Number, Boolean, Function, Object, Array, Date],
+      default: null
+    },
+    disabled: Boolean,
+    type: {
+      type: String,
+      default: ""
+    },
+    name: {
+      type: String,
+      default: ""
+    },
+    required: Boolean,
+    size: {
+      type: String,
+      default: ""
+    },
+    trueValue: {
+      type: [String, Number, Boolean, Function, Object, Array, Date],
+      default: !0
+    },
+    falseValue: {
+      type: [String, Number, Boolean, Function, Object, Array, Date],
+      default: !1
+    },
+    rounded: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  emits: ["update:modelValue"],
+  data() {
+    return {
+      newValue: this.modelValue
+    };
+  },
+  computed: {
+    computedValue: {
+      get() {
+        return this.newValue;
+      },
+      set(e) {
+        this.newValue = e, this.$emit("update:modelValue", e);
+      }
+    },
+    newClass() {
+      return [
+        `is-${this.size}`,
+        {
+          "is-disabled": this.disabled,
+          "is-rounded": this.rounded
+        }
+      ];
+    },
+    disabledOrUndefined() {
+      return this.disabled || void 0;
+    }
+  },
+  watch: {
+    /**
+     * When v-model change, set internal value.
+     */
+    modelValue(e) {
+      this.newValue = e;
+    }
+  },
+  methods: {
+    focus() {
+      this.$refs.input.focus();
+    }
+  }
+}, Q = ["disabled"], $ = ["disabled", "name", "required", "value", "true-value", "false-value"], ee = { class: "control-label" };
+function te(e, i, t, a, n, s) {
+  return d(), u("label", {
+    ref: "label",
+    class: p([s.newClass, "switch"]),
+    disabled: s.disabledOrUndefined,
+    onClick: i[2] || (i[2] = (...l) => s.focus && s.focus(...l)),
+    onKeydown: i[3] || (i[3] = P(k((l) => e.$refs.label.click(), ["prevent"]), ["enter"]))
+  }, [
+    b(m("input", {
+      ref: "input",
+      "onUpdate:modelValue": i[0] || (i[0] = (l) => s.computedValue = l),
+      disabled: s.disabledOrUndefined,
+      name: t.name,
+      required: t.required,
+      value: t.nativeValue,
+      "true-value": t.trueValue,
+      "false-value": t.falseValue,
+      type: "checkbox",
+      onClick: i[1] || (i[1] = k(() => {
+      }, ["stop"]))
+    }, null, 8, $), [
+      [R, s.computedValue]
+    ]),
+    m("span", {
+      class: p([[`is-${t.type}`], "check"])
+    }, null, 2),
+    m("span", ee, [
+      c(e.$slots, "default", {}, void 0, !0)
+    ])
+  ], 42, Q);
+}
+const ie = /* @__PURE__ */ O(Z, [["render", te], ["__scopeId", "data-v-2c7dca10"]]), se = {
+  name: "CDropdownItem",
+  components: {
+    CSwitch: ie
+  },
+  inject: {
+    parent: {
+      from: E,
+      default: void 0
+    }
+  },
+  props: {
+    value: {
+      type: [String, Number, Boolean, Object, Array, Function],
+      default: null
+    },
+    separator: Boolean,
+    disabled: Boolean,
+    custom: Boolean,
+    focusable: {
+      type: Boolean,
+      default: !0
+    },
+    paddingless: Boolean,
+    hasLink: Boolean,
+    ariaRole: {
+      type: String,
+      default: ""
+    },
+    type: {
+      type: String,
+      default: null
+    },
+    toggle: {
+      type: Boolean,
+      default: !1
+    },
+    title: {
+      type: String,
+      default: ""
+    },
+    tooltip: {
+      type: [Object, String],
+      default: null
+    },
+    closeOnClick: {
+      type: Boolean,
+      default: !0
+    },
+    iconLeft: {
+      type: String,
+      default: null
+    },
+    iconRight: {
+      type: String,
+      default: null
+    },
+    iconProps: {
+      type: Object,
+      default: () => ({})
+    },
+    to: {
+      type: Object,
+      default: null
+    },
+    // Allows for parent communication on arbitrary depth
+    customParent: {
+      type: Object,
+      default: null
+    }
+  },
+  emits: ["click", "input"],
+  computed: {
+    anchorClasses() {
+      var e;
+      return {
+        "is-disabled": ((e = this.parent) == null ? void 0 : e.disabled) || this.disabled,
+        "is-paddingless": this.paddingless,
+        "is-active": this.isActive,
+        "has-toggle": this.toggle
+      };
+    },
+    itemClasses() {
+      return {
+        "dropdown-item": !this.hasLink,
+        "is-disabled": this.disabled,
+        "is-paddingless": this.paddingless,
+        "is-active": this.isActive,
+        "has-link": this.hasLink
+      };
+    },
+    ariaRoleItem() {
+      return this.ariaRole === "menuitem" || this.ariaRole === "listitem" ? this.ariaRole : null;
+    },
+    isClickable() {
+      var e;
+      return !((e = this.parent) != null && e.disabled) && !this.separator && !this.disabled && !this.custom;
+    },
+    isActive() {
+      var e, i, t, a;
+      return this.toggle || ((e = this.parent) == null ? void 0 : e.selected) === null ? !1 : (i = this.parent) != null && i.multiple ? ((t = this.parent) == null ? void 0 : t.selected.indexOf(this.value)) >= 0 : this.value === ((a = this.parent) == null ? void 0 : a.selected);
+    },
+    isFocusable() {
+      return this.hasLink ? !1 : this.focusable;
+    },
+    tooltipItem() {
+      var i;
+      if (!this.tooltip) return null;
+      const e = typeof this.tooltip == "string" ? { content: this.tooltip } : this.tooltip;
+      return {
+        boundary: `.${(i = this.parent) == null ? void 0 : i.uniquePopoverClass}`,
+        popperClass: "dropdown-tooltip-class",
+        distance: 7,
+        placement: "left",
+        ...e
+      };
+    }
+  },
+  created() {
+    var e;
+    if (!((e = this.parent) != null && e.$data._isDropdown))
+      throw this.$destroy(), new Error("You should wrap cDropdownItem on a cDropdown");
+  },
+  methods: {
+    /**
+     * Click listener, select the item.
+     */
+    selectItem() {
+      var e;
+      this.isClickable && ((e = this.parent) == null || e.selectItem(this.value, { closeOnClick: this.closeOnClick }), this.$emit("click"), typeof this.value == "boolean" && this.$emit("input", !this.value));
+    }
+  }
+}, ne = {
+  key: 0,
+  class: "dropdown-divider"
+}, le = ["role", "tabindex"];
+function oe(e, i, t, a, n, s) {
+  const l = _("CIcon"), o = _("CSwitch"), h = A("tooltip");
+  return t.separator ? (d(), u("hr", ne)) : !t.custom && !t.hasLink ? b((d(), f(N(t.to && !t.disabled ? "router-link" : "a"), {
+    key: 1,
+    to: t.to,
+    class: p([[s.anchorClasses, `is-${t.type}`], "dropdown-item truncate-text"]),
+    role: s.ariaRoleItem,
+    tabindex: s.isFocusable ? 0 : null,
+    onClick: s.selectItem
+  }, {
+    default: w(() => [
+      t.iconLeft ? (d(), f(l, y({ key: 0 }, { size: 18, ...t.iconProps }, {
+        type: t.iconLeft,
+        class: "icon dropdown-item-icon"
+      }), null, 16, ["type"])) : r("", !0),
+      c(e.$slots, "default"),
+      t.toggle ? b((d(), f(o, {
+        key: 1,
+        "model-value": t.value,
+        size: "tiny",
+        type: "success",
+        style: { display: "inline-flex", "pointer-events": "none", position: "absolute", right: "0", top: "50%", transform: "translateY(-50%)", "margin-right": "0" }
+      }, null, 8, ["model-value"])), [
+        [h, s.tooltipItem]
+      ]) : r("", !0),
+      t.iconRight ? (d(), f(l, y({ key: 2 }, { size: 18, ...t.iconProps }, {
+        type: t.iconRight || "chevron-up-down",
+        class: "icon dropdown-item-icon is-right"
+      }), null, 16, ["type"])) : r("", !0)
+    ]),
+    _: 3
+  }, 8, ["to", "class", "role", "tabindex", "onClick"])), [
+    [h, s.tooltipItem]
+  ]) : (d(), u("div", {
+    key: 2,
+    class: p([[s.itemClasses, `is-${t.type}`], "truncate-text"]),
+    role: s.ariaRoleItem,
+    tabindex: s.isFocusable ? 0 : null,
+    onClick: i[0] || (i[0] = (...L) => s.selectItem && s.selectItem(...L))
+  }, [
+    t.iconLeft ? (d(), f(l, y({ key: 0 }, { size: 18, ...t.iconProps }, {
+      type: t.iconLeft,
+      class: "icon dropdown-item-icon"
+    }), null, 16, ["type"])) : r("", !0),
+    c(e.$slots, "default"),
+    t.iconRight ? (d(), f(l, y({ key: 1 }, { size: 18, ...t.iconProps }, {
+      type: t.iconRight,
+      class: "icon dropdown-item-icon is-right"
+    }), null, 16, ["type"])) : r("", !0)
+  ], 10, le));
+}
+const ue = /* @__PURE__ */ O(se, [["render", oe]]);
+export {
+  re as C,
+  ue as a,
+  ie as b,
+  j as w
+};