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

package/dist/CDropdownItem-BE8BAMD1.js

@@ -1,636 +0,0 @@
-import { V as g, k as y, n as b } from "./main-WKzC-Dnu.js";
-const d = {}, h = {};
-function v(t) {
-  if (h[t])
-    return;
-  if (d[t])
-    return d[t];
-  let e;
-  const i = new Promise((o, s) => {
-    e = window.setTimeout(() => {
-      d[t] = null, s(new Error(`Failed to load ${t} in 20s`));
-    }, 2e4), import(
-      /* @vite-ignore */
-      t
-    ).then(() => {
-      e && window.clearTimeout(e), h[t] = !0, d[t] = null, o();
-    }).catch((a) => {
-      e && window.clearTimeout(e), d[t] = null, s(a);
-    });
-  });
-  return d[t] = i, i;
-}
-function W(t) {
-  if (t.endsWith(".mjs"))
-    return v(t);
-  if (h[t])
-    return;
-  if (d[t])
-    return d[t];
-  const e = new Promise((i, o) => {
-    const s = document.createElement("script"), a = window.setTimeout(() => {
-      d[t] = null, o(new Error(`Failed to load ${t} in 20s`));
-    }, 2e4);
-    s.onload = (l) => {
-      a && window.clearTimeout(a), h[t] = !0, d[t] = null, i();
-    }, s.onerror = (l) => {
-      a && window.clearTimeout(a), d[t] = null, o(l);
-    }, s.src = t, document.body.appendChild(s);
-  });
-  return d[t] = e, e;
-}
-function q(t) {
-  const e = t.getBoundingClientRect(), i = window.innerHeight || document.documentElement.clientHeight, o = window.innerWidth || document.documentElement.clientWidth, s = e.top <= i && e.top + e.height >= 0, a = e.left <= o && e.left + e.width >= 0;
-  return s && a;
-}
-const _ = (t) => {
-  const e = /(auto|scroll)/, i = (n, r) => n.parentNode === null ? r : i(n.parentNode, r.concat([n])), o = (n, r) => getComputedStyle(n, null).getPropertyValue(r), s = (n) => o(n, "overflow") + o(n, "overflow-y") + o(n, "overflow-x"), a = (n) => e.test(s(n));
-  return ((n) => {
-    if (!(n instanceof HTMLElement || n instanceof SVGElement))
-      return null;
-    const r = i(n.parentNode, []);
-    for (let c = 0; c < r.length; c += 1)
-      if (a(r[c]))
-        return r[c];
-    return document.scrollingElement || document.documentElement;
-  })(t);
-}, C = (t) => {
-  let e = 0;
-  for (; t; )
-    e += t.offsetTop, t = t.offsetParent;
-  return e;
-};
-function V(t, e) {
-  let i = t;
-  typeof i == "string" && (i = document.querySelector(i));
-  const o = {
-    offset: 0,
-    behavior: "smooth",
-    body: _(i),
-    // custom option used for choosing parent scroll element
-    ...e
-  }, s = C(i);
-  HTMLElement.prototype.scrollTo ? o.body.scrollTo({
-    behavior: o.behavior,
-    top: s - o.offset
-  }) : o.body.scrollTop = s - o.offset;
-}
-const w = (t) => {
-  var o;
-  const e = (o = t == null ? void 0 : t.getRootNode) == null ? void 0 : o.call(t), i = (e == null ? void 0 : e.toString()) === "[object ShadowRoot]";
-  return {
-    isShadow: i,
-    el: i ? e : document
-  };
-};
-class x {
-  constructor({ defaults: e = { width: 800, height: 600 }, delay: i = 50 } = {}) {
-    this._width = e.width, this._height = e.height, this._delay = i, this._timer = null, this._initialized = !1, this._handler = this._handleResize.bind(this);
-  }
-  _handleResize() {
-    clearTimeout(this._timer), this._timer = setTimeout(() => {
-      this.update();
-    }, this._delay);
-  }
-  get width() {
-    return this._width;
-  }
-  get height() {
-    return this._height;
-  }
-  get initialized() {
-    return this._initialized;
-  }
-  update() {
-    this._width = window.innerWidth, this._height = window.innerHeight;
-  }
-  setDelay(e) {
-    this._delay = e;
-  }
-  init() {
-    return typeof window > "u" ? this : this.initialized ? this : (this.update(), window.addEventListener("resize", this._handler, { passive: !0 }), this._initialized = !0, this);
-  }
-  destroy() {
-    return this.initialized ? (window.removeEventListener("resize", this._handler, { passive: !0 }), this._initialized = !1, this) : this;
-  }
-}
-const S = new x().init(), p = new g({ data: { windowSize: S } }), $ = {
-  computed: {
-    windowWidth() {
-      return p.windowSize.width;
-    },
-    windowHeight() {
-      return p.windowSize.height;
-    },
-    mq() {
-      const { width: t } = p.windowSize, e = {
-        sm: 640,
-        md: 768,
-        lg: 1024,
-        xl: 1280,
-        "2xl": 1536,
-        "3xl": 1 / 0
-      };
-      let i = "lg";
-      return Object.keys(e).reverse().forEach((o) => {
-        t <= e[o] && (i = o);
-      }), i;
-    }
-  }
-};
-var f = { exports: {} };
-(function(t, e) {
-  Object.defineProperty(e, "__esModule", {
-    value: !0
-  }), e.default = i;
-  function i() {
-    return !!(typeof window < "u" && ("ontouchstart" in window || window.DocumentTouch && typeof document < "u" && document instanceof window.DocumentTouch)) || !!(typeof navigator < "u" && (navigator.maxTouchPoints || navigator.msMaxTouchPoints));
-  }
-  t.exports = e.default;
-})(f, f.exports);
-var k = f.exports;
-const E = /* @__PURE__ */ y(k), K = E();
-function Y(t, e) {
-  return e.split(".").reduce((o, s) => o ? o[s] : null, t);
-}
-function T(t) {
-  typeof t.remove < "u" ? t.remove() : typeof t.parentNode < "u" && t.parentNode !== null && t.parentNode.removeChild(t);
-}
-function L(t) {
-  var l;
-  const e = (l = t.getRootNode) == null ? void 0 : l.call(t), o = (e == null ? void 0 : e.toString()) === "[object ShadowRoot]" ? e : document.body, s = document.createElement("div");
-  s.style.position = "absolute", s.style.left = "0px", s.style.top = "0px";
-  const a = document.createElement("div");
-  return s.appendChild(a), a.appendChild(t), o.appendChild(s), s;
-}
-function G(t, e, i) {
-  return Math.max(e, Math.min(i, t));
-}
-const u = (t, e = !1) => t ? e ? t.querySelectorAll('*[tabindex="-1"]') : t.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 m;
-const O = (t, { value: e = !0 }) => {
-  if (e) {
-    let i = u(t), o = u(t, !0);
-    i && i.length > 0 && (m = (s) => {
-      i = u(t), o = u(t, !0);
-      const a = i[0], l = i[i.length - 1];
-      s.target === a && s.shiftKey && s.key === "Tab" ? (s.preventDefault(), l.focus()) : (s.target === l || Array.from(o).indexOf(s.target) >= 0) && !s.shiftKey && s.key === "Tab" && (s.preventDefault(), a.focus());
-    }, t.addEventListener("keydown", m));
-  }
-}, A = (t) => {
-  t.removeEventListener("keydown", m);
-}, B = {
-  bind: O,
-  unbind: A
-}, I = ["escape", "outside"], P = {
-  name: "CDropdown",
-  directives: {
-    trapFocus: B
-  },
-  mixins: [$],
-  props: {
-    value: {
-      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(t) {
-        return [
-          "is-top-right",
-          "is-top-left",
-          "is-bottom-left",
-          "is-bottom-right"
-        ].indexOf(t) > -1;
-      }
-    },
-    mobileModal: {
-      type: Boolean,
-      default: () => !0
-      // config.defaultDropdownMobileModal,
-    },
-    ariaRole: {
-      type: String,
-      validator(t) {
-        return ["menu", "list", "dialog"].indexOf(t) > -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
-    }
-  },
-  data() {
-    return {
-      selected: this.value,
-      style: {},
-      isActive: !1,
-      isHoverable: this.hoverable,
-      _isDropdown: !0,
-      // Used internally by DropdownItem
-      _bodyEl: void 0,
-      // Used to append to body
-      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
-        }
-      ];
-    },
-    isMobileModal() {
-      return this.mobileModal && this.mq === "sm";
-    },
-    cancelOptions() {
-      return typeof this.canClose == "boolean" ? this.canClose ? I : [] : 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.
-     */
-    value(t) {
-      this.selected = t;
-    },
-    /**
-     * Emit event when isActive value is changed.
-     */
-    isActive(t) {
-      this.$emit("active-change", t), this.appendToBody && this.$nextTick(() => {
-        this.updateAppendToBody();
-      });
-    }
-  },
-  mounted() {
-    if (typeof window < "u") {
-      const { el: t, isShadow: e } = w(this.$el);
-      t.addEventListener("click", this.clickedOutside), e && document.addEventListener("click", this.clickedOutsideShadow(t)), document.addEventListener("keyup", this.keyPress);
-    }
-    this.appendToBody && (this.$data._bodyEl = L(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());
-  },
-  beforeDestroy() {
-    if (typeof window < "u") {
-      const { el: t, isShadow: e } = w(this.$el);
-      t.removeEventListener("click", this.clickedOutside(t)), e && document.removeEventListener("click", this.clickedOutsideShadow(t)), document.removeEventListener("keyup", this.keyPress);
-    }
-    this.appendToBody && T(this.$data._bodyEl);
-  },
-  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(t, e) {
-      if (this.multiple) {
-        if (this.selected) {
-          const i = this.selected.indexOf(t);
-          i === -1 ? this.selected.push(t) : this.selected.splice(i, 1);
-        } else
-          this.selected = [t];
-        this.$emit("change", this.selected);
-      } else
-        this.selected !== t && (this.selected = t, this.$emit("change", this.selected));
-      this.$emit("input", this.selected), this.multiple || (this.isActive = e.closeOnClick ? !this.closeOnClick : !0, this.hoverable && this.closeOnClick && (this.isHoverable = !1));
-    },
-    /**
-     * White-listed items to not close when clicked.
-     */
-    isInWhiteList(t) {
-      if (t === this.$refs.dropdownMenu || t === this.$refs.trigger)
-        return !0;
-      if (this.$refs.dropdownMenu !== void 0) {
-        const e = this.$refs.dropdownMenu.querySelectorAll("*");
-        for (const i of e)
-          if (t === i)
-            return !0;
-      }
-      if (this.$refs.trigger !== void 0) {
-        const e = this.$refs.trigger.querySelectorAll("*");
-        for (const i of e)
-          if (t === i)
-            return !0;
-      }
-      return !1;
-    },
-    /**
-     * Close dropdown if clicked outside.
-     */
-    clickedOutside(t) {
-      var i;
-      if (this.cancelOptions.indexOf("outside") < 0 || this.inline)
-        return;
-      const e = ((i = t.path) == null ? void 0 : i[0]) || t.target;
-      this.isInWhiteList(e) || (this.isActive = !1);
-    },
-    clickedOutsideShadow(t) {
-      return (e) => {
-        e != null && e.target && e.target !== (t == null ? void 0 : t.host) && (this.isActive = !1);
-      };
-    },
-    /**
-     * Keypress event that is bound to the document
-     */
-    keyPress(t) {
-      if (this.isActive && t.keyCode === 27) {
-        if (this.cancelOptions.indexOf("escape") < 0)
-          return;
-        this.isActive = !1;
-      }
-    },
-    /**
-     * Toggle dropdown if it's not disabled.
-     */
-    toggle() {
-      this.disabled || (this.isActive ? this.isActive = !this.isActive : this.$nextTick(() => {
-        const t = !this.isActive;
-        this.isActive = t, setTimeout(() => this.isActive = t);
-      }));
-    },
-    checkHoverable() {
-      this.hoverable && (this.isHoverable = !0);
-    },
-    updateAppendToBody() {
-      const t = this.$refs.dropdownMenu, e = this.$refs.trigger;
-      if (t && e) {
-        const i = this.$data._bodyEl.children[0];
-        if (i.classList.forEach((l) => i.classList.remove(l)), i.classList.add("dropdown"), i.classList.add("dropdown-menu-animation"), this.$vnode && this.$vnode.data && this.$vnode.data.staticClass && i.classList.add(this.$vnode.data.staticClass), this.rootClasses.forEach((l) => {
-          if (l && typeof l == "object")
-            for (const n in l)
-              l[n] && i.classList.add(n);
-        }), this.appendToBodyCopyParent) {
-          const l = this.$refs.dropdown.parentNode, n = this.$data._bodyEl;
-          n.classList.forEach((r) => n.classList.remove(r)), l.classList.forEach((r) => {
-            n.classList.add(r);
-          });
-        }
-        const o = e.getBoundingClientRect();
-        let s = o.top + window.scrollY, a = o.left + window.scrollX;
-        !this.position || this.position.indexOf("bottom") >= 0 ? s += e.clientHeight : s -= t.clientHeight, this.position && this.position.indexOf("left") >= 0 && (a -= t.clientWidth - e.clientWidth), this.style = {
-          position: "absolute",
-          top: `${s}px`,
-          left: `${a}px`,
-          zIndex: "1001",
-          ...this.expanded && { width: `${e.clientWidth}px` }
-        };
-      }
-    }
-  }
-};
-var M = function() {
-  var e = this, i = e._self._c;
-  return i("div", { ref: "dropdown", staticClass: "dropdown dropdown-menu-animation", class: e.rootClasses }, [e.inline ? e._e() : i("div", { ref: "trigger", staticClass: "dropdown-trigger", attrs: { role: "button", "aria-haspopup": "true" }, on: { click: e.toggle, mouseenter: e.checkHoverable } }, [e._t("trigger", null, { active: e.isActive })], 2), i("transition", { attrs: { name: "fade-in" } }, [e.isMobileModal ? i("div", { directives: [{ name: "show", rawName: "v-show", value: e.isActive, expression: "isActive" }], ref: "mobileBackground", staticClass: "fixed inset-0 z-40 bg-black/40", attrs: { "aria-hidden": !e.isActive } }) : e._e()]), i("transition", { attrs: { name: e.isMobileModal ? "slide-in-bottom" : e.animation } }, [i("div", { directives: [{ name: "show", rawName: "v-show", value: !e.disabled && (e.isActive || e.isHoverable) || e.inline, expression: "(!disabled && (isActive || isHoverable)) || inline" }, { name: "trap-focus", rawName: "v-trap-focus", value: e.trapFocus, expression: "trapFocus" }], ref: "dropdownMenu", staticClass: "dropdown-menu", style: {
-    ...e.style,
-    ...e.menuStyling
-  }, attrs: { "aria-hidden": !e.isActive } }, [e.isActive ? [e._t("header"), i("div", { staticClass: "dropdown-content", class: `${e.uniquePopoverClass}`, style: e.contentStyle, attrs: { role: e.ariaRole } }, [e.isMobileModal && e.mobileLabel ? e._t("mobileLabel", function() {
-    return [i("div", { staticClass: "dropdown-content-label" }, [e._v(e._s(e.mobileLabel))])];
-  }) : e._e(), e._t("default")], 2), e._t("footer")] : e._e()], 2)])], 1);
-}, z = [], H = /* @__PURE__ */ b(
-  P,
-  M,
-  z,
-  !1,
-  null,
-  null
-);
-const U = H.exports, R = {
-  name: "CDropdownItem",
-  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
-    }
-  },
-  computed: {
-    parent() {
-      return this.customParent || this.$parent;
-    },
-    anchorClasses() {
-      return {
-        "is-disabled": this.parent.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() {
-      return !this.parent.disabled && !this.separator && !this.disabled && !this.custom;
-    },
-    isActive() {
-      return this.toggle || this.parent.selected === null ? !1 : this.parent.multiple ? this.parent.selected.indexOf(this.value) >= 0 : this.value === this.parent.selected;
-    },
-    isFocusable() {
-      return this.hasLink ? !1 : this.focusable;
-    },
-    tooltipItem() {
-      if (!this.tooltip)
-        return null;
-      const t = typeof this.tooltip == "string" ? { content: this.tooltip } : this.tooltip;
-      return {
-        boundariesElement: `.${this.parent.uniquePopoverClass}`,
-        classes: "dropdown-tooltip-class",
-        offset: 7,
-        placement: "left",
-        ...t
-      };
-    }
-  },
-  created() {
-    if (!this.parent.$data._isDropdown)
-      throw this.$destroy(), new Error("You should wrap cDropdownItem on a cDropdown");
-  },
-  methods: {
-    /**
-     * Click listener, select the item.
-     */
-    selectItem() {
-      this.isClickable && (this.parent.selectItem(this.value, { closeOnClick: this.closeOnClick }), this.$emit("click"), typeof this.value == "boolean" && this.$emit("input", !this.value));
-    }
-  }
-};
-var D = function() {
-  var e = this, i = e._self._c;
-  return e.separator ? i("hr", { staticClass: "dropdown-divider" }) : !e.custom && !e.hasLink ? i(e.to && !e.disabled ? "router-link" : "a", { directives: [{ name: "tooltip", rawName: "v-tooltip", value: e.tooltipItem, expression: "tooltipItem" }], tag: "component", staticClass: "dropdown-item truncate-text", class: [e.anchorClasses, `is-${e.type}`], attrs: { to: e.to, role: e.ariaRoleItem, tabindex: e.isFocusable ? 0 : null }, on: { click: e.selectItem } }, [e.iconLeft ? i("CIcon", e._b({ staticClass: "icon dropdown-item-icon", attrs: { type: e.iconLeft } }, "CIcon", { size: 18, ...e.iconProps }, !1)) : e._e(), e._t("default"), e.toggle ? i("CSwitch", { directives: [{ name: "tooltip", rawName: "v-tooltip", value: e.tooltipItem, expression: "tooltipItem" }], staticStyle: { display: "inline-flex", "pointer-events": "none", position: "absolute", right: "0", top: "50%", transform: "translateY(-50%)", "margin-right": "0" }, attrs: { value: e.value, size: "tiny", type: "success" } }) : e._e(), e.iconRight ? i("CIcon", e._b({ staticClass: "icon dropdown-item-icon is-right", attrs: { type: e.iconRight || "chevron-up-down" } }, "CIcon", { size: 18, ...e.iconProps }, !1)) : e._e()], 2) : i("div", { staticClass: "truncate-text", class: [e.itemClasses, `is-${e.type}`], attrs: { role: e.ariaRoleItem, tabindex: e.isFocusable ? 0 : null }, on: { click: e.selectItem } }, [e.iconLeft ? i("CIcon", e._b({ staticClass: "icon dropdown-item-icon", attrs: { type: e.iconLeft } }, "CIcon", { size: 18, ...e.iconProps }, !1)) : e._e(), e._t("default"), e.iconRight ? i("CIcon", e._b({ staticClass: "icon dropdown-item-icon is-right", attrs: { type: e.iconRight } }, "CIcon", { size: 18, ...e.iconProps }, !1)) : e._e()], 2);
-}, N = [], F = /* @__PURE__ */ b(
-  R,
-  D,
-  N,
-  !1,
-  null,
-  null
-);
-const X = F.exports;
-export {
-  U as C,
-  X as a,
-  G as b,
-  L as c,
-  K as d,
-  W as e,
-  w as f,
-  Y as g,
-  _ as h,
-  q as i,
-  T as r,
-  V as s,
-  $ as w
-};

package/dist/CField.vue_vue_type_style_index_0_lang-l0sNRNKZ.js

@@ -1 +0,0 @@
-