@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/InIcons.js

@@ -0,0 +1,55 @@
+import { i as e } from "./chunks/helpers.CgHNyjAJ.js";
+import { n as s } from "./chunks/_plugin-vue2_normalizer.WQT2Fc8L.js";
+const n = {
+  props: {
+    /**
+     * @property {string} name
+     */
+    name: {
+      type: String,
+      required: !0
+    },
+    /**
+    * @property {string} size
+    */
+    size: {
+      type: String,
+      default: "24"
+    },
+    /**
+    * @property {object} sizeObject
+    */
+    sizeObject: {
+      type: Object,
+      default: () => {
+      }
+    }
+  },
+  computed: {
+    /**
+     * @return {Object|{width: String, height: String}}
+     */
+    iconSize() {
+      return e(this.sizeObject) ? {
+        width: this.size,
+        height: this.size
+      } : this.sizeObject;
+    }
+  }
+};
+var r = function() {
+  var t = this, i = t._self._c;
+  return i("svg", { staticClass: "icon qa-icon", class: [t.name], style: { "min-width": t.iconSize.width }, attrs: { width: t.iconSize.width, height: t.iconSize.height }, on: { click: function(h) {
+    return t.$emit("click");
+  } } }, [i("use", { attrs: { href: `/sprite.svg#${t.name}` } })]);
+}, c = [], o = /* @__PURE__ */ s(
+  n,
+  r,
+  c,
+  !1,
+  null
+);
+const l = o.exports;
+export {
+  l as InIcons
+};

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

@@ -0,0 +1,265 @@
+import { InBox as _ } from "./InBox.js";
+import { InButtonV2 as a } from "./InButtonV2.js";
+import { n as r } from "./chunks/_plugin-vue2_normalizer.WQT2Fc8L.js";
+/* empty css                       */
+const s = "_in-info-box_v01428_ULjEE", l = "_in-info-box__size-small_v01428_vYm5h", d = "_in-info-box__size-medium_v01428_FkIIp", f = "_in-info-box__size-large_v01428_cnSjc", x = "_in-info-box__information_v01428_gEKFA", b = "_in-info-box__warning_v01428_8-PFa", u = "_in-info-box__smart_v01428_S4zru", v = "_in-info-box__neutral_v01428_O78bw", c = "_in-info-box__alert_v01428_DpNW0", g = "_in-info-box__container_v01428_vJKNn", p = "_in-info-box__container-full-width_v01428_Bapj9", h = "_in-info-box__content_v01428_Xlf2T", y = "_in-info-box__heading_v01428_20tsD", m = "_in-info-box__heading-details_v01428_yUI-C", I = "_in-info-box__background-default_v01428_TOmWo", w = "_in-info-box__background-inverse_v01428_IYtLP", C = "_in-info-box__heading-wrapper_v01428_2i7nQ", B = "_in-info-box__heading-wrapper-full-width_v01428_DZK0h", S = "_in-info-box__heading-inverse_v01428_gUuTJ", $ = "_in-info-box__heading-details-inverse_v01428_VfgoC", k = "_in-info-box__divider_v01428_sAoEL", D = "_in-info-box__divider-default_v01428_9vMc4", z = "_in-info-box__divider-inverse_v01428_sjWkM", W = {
+  "in-info-box": "_in-info-box_v01428_ULjEE",
+  inInfoBox: s,
+  "in-info-box__size-small": "_in-info-box__size-small_v01428_vYm5h",
+  inInfoBoxSizeSmall: l,
+  "in-info-box__size-medium": "_in-info-box__size-medium_v01428_FkIIp",
+  inInfoBoxSizeMedium: d,
+  "in-info-box__size-large": "_in-info-box__size-large_v01428_cnSjc",
+  inInfoBoxSizeLarge: f,
+  "in-info-box__information": "_in-info-box__information_v01428_gEKFA",
+  inInfoBoxInformation: x,
+  "in-info-box__warning": "_in-info-box__warning_v01428_8-PFa",
+  inInfoBoxWarning: b,
+  "in-info-box__smart": "_in-info-box__smart_v01428_S4zru",
+  inInfoBoxSmart: u,
+  "in-info-box__neutral": "_in-info-box__neutral_v01428_O78bw",
+  inInfoBoxNeutral: v,
+  "in-info-box__alert": "_in-info-box__alert_v01428_DpNW0",
+  inInfoBoxAlert: c,
+  "in-info-box__container": "_in-info-box__container_v01428_vJKNn",
+  inInfoBoxContainer: g,
+  "in-info-box__container-full-width": "_in-info-box__container-full-width_v01428_Bapj9",
+  inInfoBoxContainerFullWidth: p,
+  "in-info-box__content": "_in-info-box__content_v01428_Xlf2T",
+  inInfoBoxContent: h,
+  "in-info-box__heading": "_in-info-box__heading_v01428_20tsD",
+  inInfoBoxHeading: y,
+  "in-info-box__heading-details": "_in-info-box__heading-details_v01428_yUI-C",
+  inInfoBoxHeadingDetails: m,
+  "in-info-box__background-default": "_in-info-box__background-default_v01428_TOmWo",
+  inInfoBoxBackgroundDefault: I,
+  "in-info-box__background-inverse": "_in-info-box__background-inverse_v01428_IYtLP",
+  inInfoBoxBackgroundInverse: w,
+  "in-info-box__heading-wrapper": "_in-info-box__heading-wrapper_v01428_2i7nQ",
+  inInfoBoxHeadingWrapper: C,
+  "in-info-box__heading-wrapper-full-width": "_in-info-box__heading-wrapper-full-width_v01428_DZK0h",
+  inInfoBoxHeadingWrapperFullWidth: B,
+  "in-info-box__heading-inverse": "_in-info-box__heading-inverse_v01428_gUuTJ",
+  inInfoBoxHeadingInverse: S,
+  "in-info-box__heading-details-inverse": "_in-info-box__heading-details-inverse_v01428_VfgoC",
+  inInfoBoxHeadingDetailsInverse: $,
+  "in-info-box__divider": "_in-info-box__divider_v01428_sAoEL",
+  inInfoBoxDivider: k,
+  "in-info-box__divider-default": "_in-info-box__divider-default_v01428_9vMc4",
+  inInfoBoxDividerDefault: D,
+  "in-info-box__divider-inverse": "_in-info-box__divider-inverse_v01428_sjWkM",
+  inInfoBoxDividerInverse: z
+}, T = [
+  ["primary|default", "solid|primary"],
+  ["primary|secondary", "solid|secondary"],
+  ["primary|success", "solid|primary"],
+  ["primary|alert", "solid|danger"],
+  ["primary|warning", "solid|warning"],
+  ["primary|smart", "solid|smart"],
+  ["secondary|default", "solid|subtle-primary"],
+  ["secondary|secondary", "solid|subtle-primary"],
+  ["secondary|alert", "ghost|danger"],
+  ["secondary|warning", "ghost|warning"],
+  ["secondary|smart", "ghost|smart"],
+  ["text|default", "text|primary"],
+  ["text|secondary", "text|secondary"],
+  ["text|alert", "text|danger"],
+  ["text|warning", "text|warning"],
+  ["text|smart", "text|smart"],
+  ["primary|disabled", "solid|primary"],
+  ["secondary|disabled", "solid|subtle-primary"],
+  ["text|disabled", "text|primary"],
+  ["primary|white", "solid|primary"],
+  ["secondary|white", "solid|subtle-primary"],
+  ["text|white", "text|primary"]
+], L = {
+  components: {
+    InButtonV2: a,
+    InBox: _
+  },
+  props: {
+    /**
+     * @property {string} id
+     */
+    id: {
+      type: String,
+      required: !0
+    },
+    /**
+     * @property {string} theme
+     */
+    theme: {
+      type: String,
+      default: "light",
+      validator(i) {
+        return ["dark", "light"].includes(i);
+      }
+    },
+    /**
+     * @property {string} variant
+     */
+    variant: {
+      type: String,
+      default: "information",
+      validator(i) {
+        return ["information", "warning", "alert", "smart", "neutral"].includes(i);
+      }
+    },
+    /**
+     * @property {boolean} titleStatus
+     */
+    titleStatus: {
+      type: Boolean,
+      default: !0
+    },
+    /**
+     * @property {string} titleText
+     */
+    titleText: {
+      type: String,
+      default: ""
+    },
+    /**
+     * @property {boolean} descriptionStatus
+     */
+    descriptionStatus: {
+      type: Boolean,
+      default: !0
+    },
+    /**
+     * @property {boolean} descriptionText
+     */
+    descriptionText: {
+      type: String,
+      default: ""
+    },
+    /**
+     * @property {array} buttonOptions
+     */
+    buttonOptions: {
+      type: Array,
+      default: () => []
+    },
+    /**
+     * @property {string} size
+     */
+    size: {
+      type: String,
+      default: "medium",
+      validator(i) {
+        return ["small", "medium", "large"].includes(i);
+      }
+    },
+    /**
+     * @property {boolean} size
+     */
+    fullWidthContentStatus: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  computed: {
+    /**
+     * @return {string}
+     */
+    borderColorClass() {
+      const i = `in-info-box__${this.variant}`;
+      return `${i} ${this.$style[i]}`;
+    },
+    /**
+     * @return {Array<string>}
+     */
+    sizeClass() {
+      const i = `in-info-box__size-${this.size}`;
+      return [
+        i,
+        this.$style[i]
+      ];
+    },
+    /**
+     * @return {string}
+     */
+    textColorClass() {
+      return this.isDark ? "inverse" : "default";
+    },
+    /**
+     * @return {boolean}
+     */
+    isDark() {
+      return this.theme === "dark";
+    }
+  },
+  methods: {
+    buttonStatus(i) {
+      return this.isDark ? "white" : i.status ? i.status : "default";
+    },
+    buttonStyling(i, o) {
+      const n = T.find((t) => t[0] === `${i}|${o}`)[1].split("|");
+      return {
+        styling: n[0],
+        type: this.isDark ? "inverse" : n[1]
+      };
+    }
+  }
+};
+var j = function() {
+  var i = this, o = i._self._c;
+  return o("in-box", { staticClass: "in-info-box", class: [
+    i.$style["in-info-box"],
+    i.isDark ? "in-info-box__background-inverse" : "in-info-box__background-default",
+    i.isDark ? i.$style["in-info-box__background-inverse"] : i.$style["in-info-box__background-default"],
+    i.sizeClass
+  ], attrs: { border: i.borderColorClass } }, [o("div", { staticClass: "in-info-box__container", class: [
+    i.$style["in-info-box__container"],
+    {
+      "in-info-box__container-full-width": i.fullWidthContentStatus,
+      [i.$style["in-info-box__container-full-width"]]: i.fullWidthContentStatus
+    }
+  ] }, [i.titleStatus ? o("div", { staticClass: "in-info-box__heading-wrapper", class: [
+    i.$style["in-info-box__heading-wrapper"],
+    {
+      "in-info-box__heading-wrapper-full-width": i.fullWidthContentStatus,
+      [i.$style["in-info-box__heading-wrapper-full-width"]]: i.fullWidthContentStatus
+    }
+  ] }, [o("div", { staticClass: "in-info-box__heading", class: [
+    `in-info-box__heading-${i.textColorClass}`,
+    i.$style["in-info-box__heading"],
+    i.$style[`in-info-box__heading-${i.textColorClass}`],
+    { "in-info-box__heading-full-width": i.fullWidthContentStatus }
+  ], domProps: { innerHTML: i._s(i.titleText) } }), i.titleStatus && i.descriptionStatus ? o("div", { staticClass: "in-info-box__heading-details", class: [
+    `in-info-box__heading-details-${i.textColorClass}`,
+    i.$style["in-info-box__heading-details"],
+    i.$style[`in-info-box__heading-details-${i.textColorClass}`]
+  ], domProps: { innerHTML: i._s(i.descriptionText) } }) : i._e()]) : i._e(), o("div", { staticClass: "in-info-box__content", class: i.$style["in-info-box__content"] }, [i._t("default")], 2)]), i._l(i.buttonOptions, function(n) {
+    return i.buttonOptions ? o("div", { key: n.id, staticClass: "in-info-box__divider", class: [
+      `in-info-box__divider-${i.isDark ? "inverse" : "default"}`,
+      i.$style["in-info-box__divider"],
+      i.$style[`in-info-box__divider-${i.isDark ? "inverse" : "default"}`]
+    ] }, [o("in-button-v2", { class: [
+      "in-info-box__white-button",
+      { [i.$style["in-info-box__white-button"]]: i.isDark }
+    ], attrs: { id: n.id, "label-text": n.text, styling: i.buttonStyling(n.type, i.buttonStatus(n)).styling, type: i.buttonStyling(n.type, i.buttonStatus(n)).type, "left-icon": n.icon, "loading-status": !!n.loadingStatus, "disabled-status": !!n.disabledStatus, "tooltip-text": n.tooltipText, "tooltip-options": n.tooltipOptions }, on: { click: function(t) {
+      return i.$emit("click", n);
+    }, clickIcon: function(t) {
+      return i.$emit("clickIcon", n);
+    } } })], 1) : i._e();
+  })], 2);
+}, F = [];
+const e = {
+  $style: W
+};
+function H(i) {
+  for (var o in e)
+    this[o] = e[o];
+}
+var M = /* @__PURE__ */ r(
+  L,
+  j,
+  F,
+  !1,
+  H
+);
+const K = M.exports;
+export {
+  K as InInfoBox
+};

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

@@ -0,0 +1,184 @@
+import { InIcons as l } from "./InIcons.js";
+import { InSkeleton as t } from "./InSkeleton.js";
+import { n as a } from "./chunks/_plugin-vue2_normalizer.WQT2Fc8L.js";
+/* empty css                     */
+const r = "_in-link-wrapper_v01428_LWwx9", _ = "_in-link-wrapper__link_v01428_OsbZJ", s = "_in-link-wrapper__link_default_v01428_TScni", p = "_in-link-wrapper__link_secondary_v01428_LhxGe", k = "_in-link-wrapper__link_alert_v01428_3SEgw", o = "_in-link-wrapper__link_disable_v01428_uwFBZ", c = {
+  "in-link-wrapper": "_in-link-wrapper_v01428_LWwx9",
+  inLinkWrapper: r,
+  "in-link-wrapper__link": "_in-link-wrapper__link_v01428_OsbZJ",
+  inLinkWrapperLink: _,
+  "in-link-wrapper__link_default": "_in-link-wrapper__link_default_v01428_TScni",
+  inLinkWrapperLinkDefault: s,
+  "in-link-wrapper__link_secondary": "_in-link-wrapper__link_secondary_v01428_LhxGe",
+  inLinkWrapperLinkSecondary: p,
+  "in-link-wrapper__link_alert": "_in-link-wrapper__link_alert_v01428_3SEgw",
+  inLinkWrapperLinkAlert: k,
+  "in-link-wrapper__link_disable": "_in-link-wrapper__link_disable_v01428_uwFBZ",
+  inLinkWrapperLinkDisable: o
+}, d = {
+  components: {
+    InIcons: l,
+    InSkeleton: t
+  },
+  props: {
+    /**
+     * @property {string} id
+     */
+    id: {
+      type: String,
+      required: !0
+    },
+    /**
+     * @property {string} link
+     */
+    link: {
+      type: String,
+      required: !0
+    },
+    /**
+     * @property {string} text
+     */
+    text: {
+      type: String,
+      required: !0
+    },
+    /**
+     * @property {string} status
+     */
+    type: {
+      type: String,
+      default: "default"
+    },
+    /**
+     * @property {string} target
+     */
+    target: {
+      type: String,
+      default: "_self"
+    },
+    /**
+     * @property {string} icon
+     */
+    icon: {
+      type: String,
+      default: ""
+    },
+    /**
+     * @property {string} size
+     */
+    iconSize: {
+      type: String,
+      default: "24"
+    },
+    /**
+     * @property {boolean} withIcon
+     */
+    withIcon: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * @property {boolean} disable
+     */
+    disable: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * @property {boolean} externalLink
+     */
+    externalLink: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * @property {string} download
+     */
+    download: {
+      type: String,
+      default: null
+    },
+    /**
+     * @property {boolean} skeletonStatus
+     */
+    skeletonStatus: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * @property {number} skeletonSizing
+     */
+    skeletonSizing: {
+      type: Object,
+      default: () => ({
+        width: 0,
+        number: 0
+      })
+    }
+  },
+  computed: {
+    /**
+     * @return {boolean}
+     */
+    hasDownloadFile() {
+      return this.download !== null;
+    },
+    /**
+    * @return {boolean}
+    */
+    isEmpty() {
+      return this.text === "";
+    }
+  },
+  methods: {
+    click() {
+      this.$emit("click");
+    }
+  }
+};
+var w = function() {
+  var i = this, n = i._self._c;
+  return n("div", { staticClass: "in-link-wrapper qa-link", class: i.$style["in-link-wrapper"] }, [i.externalLink && !i.skeletonStatus && !i.hasDownloadFile ? n("a", { staticClass: "in-link-wrapper__link d-f a-i-c", class: [
+    i.$style["in-link-wrapper__link"],
+    `in-link-wrapper__link_${i.type}`,
+    i.$style[`in-link-wrapper__link_${i.type}`],
+    {
+      "in-link-wrapper__link_disable": i.disable,
+      [i.$style["in-link-wrapper__link_disable"]]: i.disable
+    }
+  ], attrs: { id: i.id, href: i.link, target: i.target }, on: { click: i.click } }, [i.withIcon ? n("in-icons", { class: [{ "mr-1": !i.isEmpty }], attrs: { name: i.icon, size: i.iconSize } }) : i._e(), i._v(" " + i._s(i.text) + " ")], 1) : i._e(), i.externalLink && !i.skeletonStatus && i.hasDownloadFile ? n("a", { staticClass: "in-link-wrapper__link d-f a-i-c", class: [
+    i.$style["in-link-wrapper__link"],
+    `in-link-wrapper__link_${i.type}`,
+    i.$style[`in-link-wrapper__link_${i.type}`],
+    {
+      "in-link-wrapper__link_disable": i.disable,
+      [i.$style["in-link-wrapper__link_disable"]]: i.disable
+    }
+  ], attrs: { id: i.id, href: i.link, target: i.target, download: i.download }, on: { click: i.click } }, [i.withIcon ? n("in-icons", { class: [{ "mr-1": !i.isEmpty }], attrs: { name: i.icon, size: i.iconSize } }) : i._e(), i._v(" " + i._s(i.text) + " ")], 1) : i._e(), !i.externalLink && !i.skeletonStatus ? n("router-link", { staticClass: "in-link-wrapper__link", class: [
+    i.$style["in-link-wrapper__link"],
+    `in-link-wrapper__link_${i.type}`,
+    i.$style[`in-link-wrapper__link_${i.type}`],
+    {
+      "in-link-wrapper__link_disable": i.disable,
+      [i.$style["in-link-wrapper__link_disable"]]: i.disable
+    }
+  ], attrs: { id: i.id, to: i.link } }, [n("div", { staticClass: "d-f a-i-c", on: { click: i.click } }, [i.withIcon ? n("in-icons", { class: [{ "mr-1": !i.isEmpty }], attrs: { name: i.icon, size: i.iconSize } }) : i._e(), i._v(" " + i._s(i.text) + " ")], 1)]) : i._e(), i.skeletonStatus ? n("in-skeleton", { attrs: { sizing: i.skeletonSizing, name: "InLink" } }) : i._e()], 1);
+}, y = [];
+const e = {
+  $style: c
+};
+function u(i) {
+  for (var n in e)
+    this[n] = e[n];
+}
+var f = /* @__PURE__ */ a(
+  d,
+  w,
+  y,
+  !1,
+  u
+);
+const v = f.exports;
+export {
+  v as InLinks
+};

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

@@ -0,0 +1,50 @@
+import { InIcons as a } from "./InIcons.js";
+import { n as s } from "./chunks/_plugin-vue2_normalizer.WQT2Fc8L.js";
+/* empty css                       */
+const o = "_in-loading-wrapper_v01428_FSWia", t = "_spinner_v01428_sbq6u", e = {
+  "in-loading-wrapper": "_in-loading-wrapper_v01428_FSWia",
+  inLoadingWrapper: o,
+  spinner: t
+}, p = {
+  components: {
+    InIcons: a
+  },
+  props: {
+    /**
+     * @property {string} size
+     */
+    size: {
+      type: String,
+      default: "24"
+    },
+    /**
+     * @property {string} colorClass
+     */
+    colorClass: {
+      type: String,
+      default: "i-c-1"
+    }
+  }
+};
+var l = function() {
+  var n = this, i = n._self._c;
+  return i("in-icons", { staticClass: "in-loading-wrapper qa-loading", class: [n.$style["in-loading-wrapper"], n.colorClass], attrs: { size: n.size, name: "loading-circle" } });
+}, c = [];
+const r = {
+  $style: e
+};
+function _(n) {
+  for (var i in r)
+    this[i] = r[i];
+}
+var d = /* @__PURE__ */ s(
+  p,
+  l,
+  c,
+  !1,
+  _
+);
+const m = d.exports;
+export {
+  m as InLoading
+};