@useinsider/guido 3.16.0 → 3.17.0-beta.3e9d6e7

package/dist/node_modules/@useinsider/design-system-organisms/node_modules/@useinsider/design-system-vue/dist/InToasts.js

@@ -0,0 +1,253 @@
+import { InIcons as p } from "./InIcons.js";
+import { InButtonV2 as l } from "./InButtonV2.js";
+import { p as c } from "./chunks/helpers.CgHNyjAJ.js";
+import { n as w } from "./chunks/_plugin-vue2_normalizer.WQT2Fc8L.js";
+/* empty css                      */
+const h = "_in-toasts-wrapper_v01428_UZIa9", u = "_in-toasts-wrapper__text_v01428_XA8CL", C = "_in-toasts-wrapper_light_v01428_5JM1b", f = "_in-toasts-wrapper_light__text_v01428_FXaTw", g = "_in-toasts-wrapper_light__icon_v01428_3aqfU", d = "_in-toasts-wrapper_success_v01428_lf-wK", v = "_in-toasts-wrapper_success__text_v01428_eOu-5", y = "_in-toasts-wrapper_success__icon_v01428_vlqZj", T = "_in-toasts-wrapper_warning_v01428_N3C1i", x = "_in-toasts-wrapper_warning__text_v01428_r3gKP", m = "_in-toasts-wrapper_warning__icon_v01428_htryF", k = "_in-toasts-wrapper_alert_v01428_mfBk-", B = "_in-toasts-wrapper_alert__text_v01428_tVOIt", I = "_in-toasts-wrapper_alert__icon_v01428_joh7E", W = "_in-toasts-wrapper_dark_v01428_fpk2m", $ = "_in-toasts-wrapper_dark__text_v01428_boW0R", b = "_in-toasts-wrapper_dark__icon_v01428_gjlv9", L = "_in-toasts-wrapper_opened_v01428_J9kK7", M = "_in-toasts-wrapper_opened_left-spacing_v01428_kSATB", S = {
+  "in-toasts-wrapper": "_in-toasts-wrapper_v01428_UZIa9",
+  inToastsWrapper: h,
+  "in-toasts-wrapper__text": "_in-toasts-wrapper__text_v01428_XA8CL",
+  inToastsWrapperText: u,
+  "in-toasts-wrapper_light": "_in-toasts-wrapper_light_v01428_5JM1b",
+  inToastsWrapperLight: C,
+  "in-toasts-wrapper_light__text": "_in-toasts-wrapper_light__text_v01428_FXaTw",
+  inToastsWrapperLightText: f,
+  "in-toasts-wrapper_light__icon": "_in-toasts-wrapper_light__icon_v01428_3aqfU",
+  inToastsWrapperLightIcon: g,
+  "in-toasts-wrapper_success": "_in-toasts-wrapper_success_v01428_lf-wK",
+  inToastsWrapperSuccess: d,
+  "in-toasts-wrapper_success__text": "_in-toasts-wrapper_success__text_v01428_eOu-5",
+  inToastsWrapperSuccessText: v,
+  "in-toasts-wrapper_success__icon": "_in-toasts-wrapper_success__icon_v01428_vlqZj",
+  inToastsWrapperSuccessIcon: y,
+  "in-toasts-wrapper_warning": "_in-toasts-wrapper_warning_v01428_N3C1i",
+  inToastsWrapperWarning: T,
+  "in-toasts-wrapper_warning__text": "_in-toasts-wrapper_warning__text_v01428_r3gKP",
+  inToastsWrapperWarningText: x,
+  "in-toasts-wrapper_warning__icon": "_in-toasts-wrapper_warning__icon_v01428_htryF",
+  inToastsWrapperWarningIcon: m,
+  "in-toasts-wrapper_alert": "_in-toasts-wrapper_alert_v01428_mfBk-",
+  inToastsWrapperAlert: k,
+  "in-toasts-wrapper_alert__text": "_in-toasts-wrapper_alert__text_v01428_tVOIt",
+  inToastsWrapperAlertText: B,
+  "in-toasts-wrapper_alert__icon": "_in-toasts-wrapper_alert__icon_v01428_joh7E",
+  inToastsWrapperAlertIcon: I,
+  "in-toasts-wrapper_dark": "_in-toasts-wrapper_dark_v01428_fpk2m",
+  inToastsWrapperDark: W,
+  "in-toasts-wrapper_dark__text": "_in-toasts-wrapper_dark__text_v01428_boW0R",
+  inToastsWrapperDarkText: $,
+  "in-toasts-wrapper_dark__icon": "_in-toasts-wrapper_dark__icon_v01428_gjlv9",
+  inToastsWrapperDarkIcon: b,
+  "in-toasts-wrapper_opened": "_in-toasts-wrapper_opened_v01428_J9kK7",
+  inToastsWrapperOpened: L,
+  "in-toasts-wrapper_opened_left-spacing": "_in-toasts-wrapper_opened_left-spacing_v01428_kSATB",
+  inToastsWrapperOpenedLeftSpacing: M
+}, A = {
+  components: {
+    InIcons: p,
+    InButtonV2: l
+  },
+  props: {
+    /**
+     * @property {string} id
+     */
+    id: {
+      type: String,
+      default: ""
+    },
+    /**
+     * @property {string} text
+     */
+    text: {
+      type: String,
+      default: ""
+    },
+    /**
+     * @property {string} type
+     */
+    type: {
+      type: String,
+      default: "light"
+    },
+    /**
+     * @property {string} icon
+     */
+    icon: {
+      type: String,
+      default: ""
+    },
+    /**
+     * @property {boolean} status
+     */
+    status: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * @property {boolean} withIcon
+     */
+    withIcon: {
+      type: Boolean,
+      default: !0
+    },
+    /**
+     * @property {boolean} withoutLeftMargin
+     */
+    withoutLeftMargin: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * @property {array} actionButtonsConfig
+     */
+    actionButtonsConfig: {
+      type: Array,
+      default: () => []
+    },
+    /**
+     * @property {boolean} preventXss
+     */
+    preventXss: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  data() {
+    return {
+      idClone: this.id,
+      textClone: this.text,
+      typeClone: this.type,
+      iconClone: this.icon,
+      withIconClone: this.withIcon,
+      withoutLeftMarginClone: this.withoutLeftMargin,
+      actionButtonsConfigClone: this.actionButtonsConfig,
+      showToast: !1,
+      timeout: null
+    };
+  },
+  computed: {
+    /**
+     * @return {string}
+     */
+    iconName() {
+      return this.typeClone === "success" ? "filled-check-circle" : this.typeClone === "alert" ? "filled-error-box" : this.typeClone === "warning" ? "filled-caution-triangle" : "filled-info-circle";
+    },
+    /**
+     * @return {boolean}
+     */
+    enableActionButtons() {
+      return this.actionButtonsConfigClone.length > 0;
+    },
+    /**
+     * @return {string}
+     */
+    actionButtonsBackgroundClass() {
+      return this.typeClone === "success" ? "b-c-28" : this.typeClone === "warning" ? "b-c-30" : this.typeClone === "alert" ? "b-c-26" : this.typeClone === "dark" ? "b-c-2" : this.typeClone === "light" ? "b-c-36" : "";
+    },
+    /**
+     * @return {string}
+     */
+    actionButtonStatus() {
+      return this.typeClone === "light" ? "dark" : "white";
+    },
+    /**
+     * @return {string}
+     */
+    secureTextClone() {
+      return this.preventXss ? c(this.textClone) : this.textClone;
+    },
+    /**
+     * @return {string}
+     */
+    buttonType() {
+      return this.typeClone === "light" ? "secondary" : "inverse";
+    }
+  },
+  watch: {
+    status() {
+      this.status && (this.showToast = !this.showToast, this.timeout = setTimeout(() => {
+        this.showToast = !1;
+      }, 6e3));
+    },
+    id() {
+      this.idClone = this.id;
+    },
+    text() {
+      this.textClone = this.text;
+    },
+    type() {
+      this.typeClone = this.type;
+    },
+    icon() {
+      this.iconClone = this.icon;
+    },
+    withIcon() {
+      this.withIconClone = this.withIcon;
+    },
+    withoutLeftMargin() {
+      this.withoutLeftMarginClone = this.withoutLeftMargin;
+    },
+    actionButtonsConfig() {
+      this.actionButtonsConfigClone = this.actionButtonsConfig;
+    }
+  },
+  mounted() {
+    document.body.appendChild(this.$el), this.status && (this.showToast = !this.showToast);
+  },
+  methods: {
+    show(t = "", s = "success", a = "", e = !1, n = !0, i = "toast", r = !1, _ = []) {
+      this.idClone = i, this.textClone = t, this.typeClone = s, this.iconClone = a, this.withIconClone = n, this.withoutLeftMarginClone = r, this.actionButtonsConfigClone = _, this.showToast = !0, this.timeout = setTimeout(() => {
+        this.showToast = !1;
+      }, 6e3);
+    },
+    remove() {
+      this.showToast = !1, clearTimeout(this.timeout);
+    }
+  }
+};
+var j = function() {
+  var t = this, s = t._self._c;
+  return s("div", { staticClass: "in-toasts-wrapper m-4 mb-5 qa-toasts", class: [
+    t.$style["in-toasts-wrapper"],
+    {
+      [`in-toasts-wrapper_${t.typeClone}`]: t.showToast,
+      [t.$style[`in-toasts-wrapper_${t.typeClone}`]]: t.showToast,
+      "in-toasts-wrapper_opened": t.showToast,
+      [t.$style["in-toasts-wrapper_opened"]]: t.showToast,
+      "in-toasts-wrapper_opened_left-spacing": t.showToast && !t.withoutLeftMarginClone,
+      [t.$style["in-toasts-wrapper_opened_left-spacing"]]: t.showToast && !t.withoutLeftMarginClone
+    }
+  ], attrs: { id: t.idClone } }, [s("div", { staticClass: "d-f" }, [t.withIconClone ? s("in-icons", { staticClass: "fl-l mr-3", class: [
+    `in-toasts-wrapper_${t.typeClone}__icon`,
+    t.$style[`in-toasts-wrapper_${t.typeClone}__icon`]
+  ], attrs: { name: t.icon || t.iconName } }) : t._e(), s("p", { staticClass: "m-0 d-i-b in-toasts-wrapper__text", class: [
+    t.$style["in-toasts-wrapper__text"],
+    `in-toasts-wrapper_${t.typeClone}__text`,
+    t.$style[`in-toasts-wrapper_${t.typeClone}__text`]
+  ], domProps: { innerHTML: t._s(t.secureTextClone) } }), s("a", { staticClass: "in-toasts-wrapper__close ml-3 cur-p d-i-b", on: { click: t.remove } }, [s("in-icons", { staticClass: "fl-r", class: [
+    `in-toasts-wrapper_${t.typeClone}__icon`,
+    t.$style[`in-toasts-wrapper_${t.typeClone}__icon`]
+  ], attrs: { name: "line-close-netural" } })], 1)], 1), t.enableActionButtons ? s("div", { staticClass: "d-f mt-2", class: { "ml-6": t.withIcon } }, t._l(t.actionButtonsConfigClone, function(a, e) {
+    return s("div", { key: `action-button-${e}`, staticClass: "mr-2 px-2 py-1 bor-r-1", class: t.actionButtonsBackgroundClass }, [s("in-button-v2", { attrs: { id: `action-button-${e}`, "label-text": a.text, styling: "text", type: t.buttonType }, on: { click: function(n) {
+      return t.$emit(`actionButtonClick${e}`);
+    } } })], 1);
+  }), 0) : t._e()]);
+}, O = [];
+const o = {
+  $style: S
+};
+function X(t) {
+  for (var s in o)
+    this[s] = o[s];
+}
+var K = /* @__PURE__ */ w(
+  A,
+  j,
+  O,
+  !1,
+  X
+);
+const U = K.exports;
+export {
+  U as InToasts
+};

package/dist/node_modules/@useinsider/design-system-organisms/node_modules/@useinsider/design-system-vue/dist/InToggle.js

@@ -0,0 +1,107 @@
+import { InIcons as l } from "./InIcons.js";
+import { InSkeleton as n } from "./InSkeleton.js";
+import { n as i } from "./chunks/_plugin-vue2_normalizer.WQT2Fc8L.js";
+/* empty css                      */
+const a = "_in-toggle-wrapper_v01428_sSIG8", o = "_in-toggle-wrapper__input_v01428_mz2U1", p = "_in-toggle-wrapper_checked_v01428_8WDPD", s = "_in-toggle-wrapper_disable_v01428_8Mygl", g = {
+  "in-toggle-wrapper": "_in-toggle-wrapper_v01428_sSIG8",
+  inToggleWrapper: a,
+  "in-toggle-wrapper__input": "_in-toggle-wrapper__input_v01428_mz2U1",
+  inToggleWrapperInput: o,
+  "in-toggle-wrapper_checked": "_in-toggle-wrapper_checked_v01428_8WDPD",
+  inToggleWrapperChecked: p,
+  "in-toggle-wrapper_disable": "_in-toggle-wrapper_disable_v01428_8Mygl",
+  inToggleWrapperDisable: s
+}, c = "line-check-netural", _ = "line-close-netural", d = {
+  components: {
+    InIcons: l,
+    InSkeleton: n
+  },
+  props: {
+    /**
+     * @property {string} id
+     */
+    id: {
+      type: String,
+      required: !0
+    },
+    /**
+     * @property {string} name
+     */
+    name: {
+      type: String,
+      required: !0
+    },
+    /**
+     * @property {number|boolean} checked
+     */
+    checked: {
+      type: Number | Boolean,
+      default: !1,
+      required: !0
+    },
+    /**
+     * @property {boolean} disable
+     */
+    disable: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * @property {boolean} skeletonStatus
+     */
+    skeletonStatus: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * @property {number} skeletonSizing
+     */
+    skeletonSizing: {
+      type: Object,
+      default: () => ({
+        width: 0,
+        number: 0
+      })
+    }
+  },
+  computed: {
+    iconName() {
+      return this.checked ? c : _;
+    }
+  },
+  methods: {
+    onClick() {
+      this.$emit("click", !this.checked);
+    }
+  }
+};
+var u = function() {
+  var e = this, t = e._self._c;
+  return t("fieldset", { staticClass: "in-form-item in-toggle-wrapper qa-toggle", class: [
+    e.$style["in-toggle-wrapper"],
+    {
+      [e.$style["in-toggle-wrapper_disable"]]: e.disable,
+      "in-toggle-wrapper_disable": e.disable,
+      [e.$style["in-toggle-wrapper_checked"]]: e.checked,
+      "in-toggle-wrapper_checked": e.checked
+    }
+  ] }, [e.skeletonStatus ? e._e() : t("input", { staticClass: "in-toggle-wrapper__input", class: e.$style["in-toggle-wrapper__input"], attrs: { id: e.id, name: e.name, type: "checkbox", disabled: e.disable }, domProps: { checked: e.checked }, on: { click: e.onClick } }), e.skeletonStatus ? e._e() : t("label", { staticClass: "d-b in-toggle-wrapper__label", class: e.$style["in-toggle-wrapper__label"], attrs: { for: e.id } }, [t("in-icons", { attrs: { name: e.iconName, size: "28" } })], 1), e.skeletonStatus ? t("in-skeleton", { attrs: { sizing: e.skeletonSizing, name: "InToggle" } }) : e._e()], 1);
+}, k = [];
+const r = {
+  $style: g
+};
+function m(e) {
+  for (var t in r)
+    this[t] = r[t];
+}
+var h = /* @__PURE__ */ i(
+  d,
+  u,
+  k,
+  !1,
+  m
+);
+const v = h.exports;
+export {
+  v as InToggle
+};

package/dist/node_modules/@useinsider/design-system-organisms/node_modules/@useinsider/design-system-vue/dist/InTooltip.js

@@ -0,0 +1,134 @@
+import { InIcons as i } from "./InIcons.js";
+import { InBox as r } from "./InBox.js";
+import { p as e } from "./chunks/helpers.CgHNyjAJ.js";
+import { n as _ } from "./chunks/_plugin-vue2_normalizer.WQT2Fc8L.js";
+/* empty css                       */
+const n = "_in-tooltip-wrapper_v01428_XsWju", a = "_in-tooltip-wrapper__box_v01428_pHRNS", l = "_in-tooltip-wrapper__box-content_v01428_qwunL", s = "_in-tooltip-wrapper__icon_v01428_rwmKB", x = "_in-tooltip-wrapper__box_bottom-center_v01428_viNJI", w = "_in-tooltip-wrapper__box_bottom-end_v01428_MCboc", b = "_in-tooltip-wrapper__box_top-start_v01428_Bd5zx", c = "_in-tooltip-wrapper__box_top-center_v01428_y5fRB", d = "_in-tooltip-wrapper__box_top-end_v01428_iaiqR", m = "_in-tooltip-wrapper__box_dark_v01428_B7p3y", v = {
+  "in-tooltip-wrapper": "_in-tooltip-wrapper_v01428_XsWju",
+  inTooltipWrapper: n,
+  "in-tooltip-wrapper__box": "_in-tooltip-wrapper__box_v01428_pHRNS",
+  inTooltipWrapperBox: a,
+  "in-tooltip-wrapper__box-content": "_in-tooltip-wrapper__box-content_v01428_qwunL",
+  inTooltipWrapperBoxContent: l,
+  "in-tooltip-wrapper__icon": "_in-tooltip-wrapper__icon_v01428_rwmKB",
+  inTooltipWrapperIcon: s,
+  "in-tooltip-wrapper__box_bottom-center": "_in-tooltip-wrapper__box_bottom-center_v01428_viNJI",
+  inTooltipWrapperBoxBottomCenter: x,
+  "in-tooltip-wrapper__box_bottom-end": "_in-tooltip-wrapper__box_bottom-end_v01428_MCboc",
+  inTooltipWrapperBoxBottomEnd: w,
+  "in-tooltip-wrapper__box_top-start": "_in-tooltip-wrapper__box_top-start_v01428_Bd5zx",
+  inTooltipWrapperBoxTopStart: b,
+  "in-tooltip-wrapper__box_top-center": "_in-tooltip-wrapper__box_top-center_v01428_y5fRB",
+  inTooltipWrapperBoxTopCenter: c,
+  "in-tooltip-wrapper__box_top-end": "_in-tooltip-wrapper__box_top-end_v01428_iaiqR",
+  inTooltipWrapperBoxTopEnd: d,
+  "in-tooltip-wrapper__box_dark": "_in-tooltip-wrapper__box_dark_v01428_B7p3y",
+  inTooltipWrapperBoxDark: m
+}, u = {
+  components: {
+    InIcons: i,
+    InBox: r
+  },
+  props: {
+    /**
+     * @property {string|function} text
+     */
+    text: {
+      type: [String, Function],
+      required: !0
+    },
+    /**
+     * @property {string} position
+     */
+    position: {
+      type: String,
+      default: "top"
+    },
+    /**
+     * @property {string} align
+     */
+    align: {
+      type: String,
+      default: "end"
+    },
+    /**
+     * @property {boolean} themeDark
+     */
+    themeDark: {
+      type: Boolean,
+      default: !0
+    },
+    /**
+     * @property {boolean} withIcon
+     */
+    withIcon: {
+      type: Boolean,
+      default: !0
+    },
+    /**
+     * @property {boolean} disable
+     */
+    disable: {
+      type: Boolean,
+      default: !1
+    },
+    preventXss: { type: Boolean, default: !1 },
+    renderHtml: { type: Boolean, default: !0 }
+  },
+  computed: {
+    /**
+     * @return {string}
+     */
+    trianglePosition() {
+      return this.position === "top" ? "bottom" : "top";
+    },
+    /**
+     * @return {string}
+     */
+    topClass() {
+      return this.withIcon ? "mt-1" : "mt-2";
+    }
+  },
+  methods: {
+    /**
+     * @return {string|string|Function}
+     */
+    sanitizedText() {
+      return typeof this.text == "function" ? this.text : this.preventXss ? e(this.text) : this.text;
+    }
+  }
+};
+var B = function() {
+  var t = this, o = t._self._c;
+  return o("div", { staticClass: "in-tooltip-wrapper d-i-b qa-tooltip", class: t.$style["in-tooltip-wrapper"] }, [t.withIcon ? o("in-icons", { staticClass: "in-tooltip-wrapper__icon", class: t.$style["in-tooltip-wrapper__icon"], attrs: { name: "line-tooltip" } }) : o("div", { staticClass: "in-tooltip-wrapper__icon", class: t.$style["in-tooltip-wrapper__icon"] }, [t._t("element")], 2), o("div", { staticClass: "in-tooltip-wrapper__box", class: [
+    t.$style["in-tooltip-wrapper__box"],
+    t.$style[`in-tooltip-wrapper__box_${t.position}-${t.align}`],
+    `in-tooltip-wrapper__box_${t.position}-${t.align}`
+  ] }, [o("in-box", { staticClass: "px-3 py-2 s-2 in-tooltip-wrapper__box-content", class: [
+    t.$style["in-tooltip-wrapper__box-content"],
+    t.topClass,
+    {
+      "in-tooltip-wrapper__box_dark": t.themeDark,
+      [t.$style["in-tooltip-wrapper__box_dark"]]: t.themeDark,
+      "d-n": t.disable
+    }
+  ], attrs: { "border-triangle": !0, "border-triangle-position": t.trianglePosition, "border-triangle-align": t.align } }, [t.renderHtml ? o("div", { domProps: { innerHTML: t._s(t.sanitizedText()) } }) : o("div", [t._v(" " + t._s(t.sanitizedText()) + " ")]), t._t("customText")], 2)], 1)], 1);
+}, f = [];
+const p = {
+  $style: v
+};
+function y(t) {
+  for (var o in p)
+    this[o] = p[o];
+}
+var T = /* @__PURE__ */ _(
+  u,
+  B,
+  f,
+  !1,
+  y
+);
+const C = T.exports;
+export {
+  C as InTooltip
+};