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

@@ -0,0 +1,371 @@
+import { computed as l, ref as b, inject as $, onMounted as R, watch as L, nextTick as z } from "vue";
+import { i as m } from "./chunks/helpers.CgHNyjAJ.js";
+import { InSkeleton as G } from "./InSkeleton.js";
+import { InIcons as P } from "./InIcons.js";
+import { InTooltipV2 as A } from "./InTooltipV2.js";
+import { n as u } from "./chunks/_plugin-vue2_normalizer.WQT2Fc8L.js";
+/* empty css                        */
+const E = "_in-single-button_v01428_lrHk2", H = "_in-single-button__wrapper_v01428_szU8g", M = "_in-single-button__wrapper-flex_v01428_1pz-l", N = "_in-single-button__wrapper-disabled_v01428_TP-f5", j = "_in-single-button__container_v01428_eu7is", C = "_in-single-button__container--text_v01428_f1fgz", D = "_in-single-button__label_v01428_f8PvS", V = "_multiline_v01428_Se9k-", U = "_singleline_v01428_g33fA", W = "_in-single-button__icons-margin--left_v01428_PmEyW", Y = "_in-single-button__icons-margin--right_v01428_iz-f4", X = "_in-single-button__size_default_v01428_gVeOe", F = "_in-single-button__size_small_v01428_87QiQ", Q = "_in-single-button__style_text_v01428_a8u0m", q = "_in-single-button_solid-primary_v01428_DN6b5", J = "_no-hover-effect_v01428_FOXop", K = "_in-single-button__label-styling_v01428_L05Te", Z = "_in-single-button--selected_v01428_uHQEJ", tt = "_in-single-button_solid-subtle-primary_v01428_I3ujr", nt = "_in-single-button_solid-secondary_v01428_51YNO", et = "_in-single-button_solid-danger_v01428_PmQNH", it = "_in-single-button_solid-warning_v01428_6vL9B", lt = "_in-single-button_solid-smart_v01428_Ltdtk", st = "_in-single-button_solid-subtle-smart_v01428_xuw-a", ot = "_in-single-button_solid-inverse_v01428_q-o4y", _t = "_in-single-button_ghost-primary_v01428_PvfN3", at = "_in-single-button_ghost-subtle-primary_v01428_djawj", ut = "_in-single-button_ghost-secondary_v01428_yxWFY", gt = "_in-single-button_ghost-danger_v01428_hJ-YO", rt = "_in-single-button_ghost-warning_v01428_ZVlxs", bt = "_in-single-button_ghost-smart_v01428_yEw4k", ct = "_in-single-button_ghost-subtle-smart_v01428_b2NW-", dt = "_in-single-button_ghost-inverse_v01428_FYjBJ", pt = "_in-single-button_text-primary_v01428_L3yTd", St = "_in-single-button_text-subtle-primary_v01428_dPXGK", yt = "_in-single-button_text-secondary_v01428_yUH-o", vt = "_in-single-button_text-danger_v01428_esyTp", ft = "_in-single-button_text-warning_v01428_bGgnh", mt = "_in-single-button_text-smart_v01428_ju8-I", xt = "_in-single-button_text-subtle-smart_v01428_ogRqJ", Bt = "_in-single-button_text-inverse_v01428_8sLpA", ht = "_in-single-button_loading_v01428_LIRtg", It = "_spinner_v01428_PNZIG", Tt = "_in-single-button_success_v01428_jaoPi", kt = "_in-single-button__style_solid_v01428_ylanV", wt = "_in-single-button__style_ghost_v01428_VXQ1A", Ot = "_in-single-button_disabled_v01428_-HKXR", $t = {
+  "in-single-button": "_in-single-button_v01428_lrHk2",
+  inSingleButton: E,
+  "in-single-button__wrapper": "_in-single-button__wrapper_v01428_szU8g",
+  inSingleButtonWrapper: H,
+  "in-single-button__wrapper-flex": "_in-single-button__wrapper-flex_v01428_1pz-l",
+  inSingleButtonWrapperFlex: M,
+  "in-single-button__wrapper-disabled": "_in-single-button__wrapper-disabled_v01428_TP-f5",
+  inSingleButtonWrapperDisabled: N,
+  "in-single-button__container": "_in-single-button__container_v01428_eu7is",
+  inSingleButtonContainer: j,
+  "in-single-button__container--text": "_in-single-button__container--text_v01428_f1fgz",
+  inSingleButtonContainerText: C,
+  "in-single-button__label": "_in-single-button__label_v01428_f8PvS",
+  inSingleButtonLabel: D,
+  multiline: V,
+  singleline: U,
+  "in-single-button__icons-margin--left": "_in-single-button__icons-margin--left_v01428_PmEyW",
+  inSingleButtonIconsMarginLeft: W,
+  "in-single-button__icons-margin--right": "_in-single-button__icons-margin--right_v01428_iz-f4",
+  inSingleButtonIconsMarginRight: Y,
+  "in-single-button__size_default": "_in-single-button__size_default_v01428_gVeOe",
+  inSingleButtonSizeDefault: X,
+  "in-single-button__size_small": "_in-single-button__size_small_v01428_87QiQ",
+  inSingleButtonSizeSmall: F,
+  "in-single-button__style_text": "_in-single-button__style_text_v01428_a8u0m",
+  inSingleButtonStyleText: Q,
+  "in-single-button_solid-primary": "_in-single-button_solid-primary_v01428_DN6b5",
+  inSingleButtonSolidPrimary: q,
+  "no-hover-effect": "_no-hover-effect_v01428_FOXop",
+  noHoverEffect: J,
+  "in-single-button__label-styling": "_in-single-button__label-styling_v01428_L05Te",
+  inSingleButtonLabelStyling: K,
+  "in-single-button--selected": "_in-single-button--selected_v01428_uHQEJ",
+  inSingleButtonSelected: Z,
+  "in-single-button_solid-subtle-primary": "_in-single-button_solid-subtle-primary_v01428_I3ujr",
+  inSingleButtonSolidSubtlePrimary: tt,
+  "in-single-button_solid-secondary": "_in-single-button_solid-secondary_v01428_51YNO",
+  inSingleButtonSolidSecondary: nt,
+  "in-single-button_solid-danger": "_in-single-button_solid-danger_v01428_PmQNH",
+  inSingleButtonSolidDanger: et,
+  "in-single-button_solid-warning": "_in-single-button_solid-warning_v01428_6vL9B",
+  inSingleButtonSolidWarning: it,
+  "in-single-button_solid-smart": "_in-single-button_solid-smart_v01428_Ltdtk",
+  inSingleButtonSolidSmart: lt,
+  "in-single-button_solid-subtle-smart": "_in-single-button_solid-subtle-smart_v01428_xuw-a",
+  inSingleButtonSolidSubtleSmart: st,
+  "in-single-button_solid-inverse": "_in-single-button_solid-inverse_v01428_q-o4y",
+  inSingleButtonSolidInverse: ot,
+  "in-single-button_ghost-primary": "_in-single-button_ghost-primary_v01428_PvfN3",
+  inSingleButtonGhostPrimary: _t,
+  "in-single-button_ghost-subtle-primary": "_in-single-button_ghost-subtle-primary_v01428_djawj",
+  inSingleButtonGhostSubtlePrimary: at,
+  "in-single-button_ghost-secondary": "_in-single-button_ghost-secondary_v01428_yxWFY",
+  inSingleButtonGhostSecondary: ut,
+  "in-single-button_ghost-danger": "_in-single-button_ghost-danger_v01428_hJ-YO",
+  inSingleButtonGhostDanger: gt,
+  "in-single-button_ghost-warning": "_in-single-button_ghost-warning_v01428_ZVlxs",
+  inSingleButtonGhostWarning: rt,
+  "in-single-button_ghost-smart": "_in-single-button_ghost-smart_v01428_yEw4k",
+  inSingleButtonGhostSmart: bt,
+  "in-single-button_ghost-subtle-smart": "_in-single-button_ghost-subtle-smart_v01428_b2NW-",
+  inSingleButtonGhostSubtleSmart: ct,
+  "in-single-button_ghost-inverse": "_in-single-button_ghost-inverse_v01428_FYjBJ",
+  inSingleButtonGhostInverse: dt,
+  "in-single-button_text-primary": "_in-single-button_text-primary_v01428_L3yTd",
+  inSingleButtonTextPrimary: pt,
+  "in-single-button_text-subtle-primary": "_in-single-button_text-subtle-primary_v01428_dPXGK",
+  inSingleButtonTextSubtlePrimary: St,
+  "in-single-button_text-secondary": "_in-single-button_text-secondary_v01428_yUH-o",
+  inSingleButtonTextSecondary: yt,
+  "in-single-button_text-danger": "_in-single-button_text-danger_v01428_esyTp",
+  inSingleButtonTextDanger: vt,
+  "in-single-button_text-warning": "_in-single-button_text-warning_v01428_bGgnh",
+  inSingleButtonTextWarning: ft,
+  "in-single-button_text-smart": "_in-single-button_text-smart_v01428_ju8-I",
+  inSingleButtonTextSmart: mt,
+  "in-single-button_text-subtle-smart": "_in-single-button_text-subtle-smart_v01428_ogRqJ",
+  inSingleButtonTextSubtleSmart: xt,
+  "in-single-button_text-inverse": "_in-single-button_text-inverse_v01428_8sLpA",
+  inSingleButtonTextInverse: Bt,
+  "in-single-button_loading": "_in-single-button_loading_v01428_LIRtg",
+  inSingleButtonLoading: ht,
+  spinner: It,
+  "in-single-button_success": "_in-single-button_success_v01428_jaoPi",
+  inSingleButtonSuccess: Tt,
+  "in-single-button__style_solid": "_in-single-button__style_solid_v01428_ylanV",
+  inSingleButtonStyleSolid: kt,
+  "in-single-button__style_ghost": "_in-single-button__style_ghost_v01428_VXQ1A",
+  inSingleButtonStyleGhost: wt,
+  "in-single-button_disabled": "_in-single-button_disabled_v01428_-HKXR",
+  inSingleButtonDisabled: Ot
+}, _ = {
+  SOLID: "solid",
+  GHOST: "ghost",
+  TEXT: "text"
+}, c = {
+  PRIMARY: "primary",
+  SUBTLE_PRIMARY: "subtle-primary",
+  SECONDARY: "secondary",
+  DANGER: "danger",
+  WARNING: "warning",
+  SMART: "smart",
+  SUBTLE_SMART: "subtle-smart",
+  INVERSE: "inverse"
+}, d = {
+  DEFAULT: "default",
+  SMALL: "small"
+}, Rt = ["40", "24", "20"], Lt = {
+  id: "tooltip",
+  dynamicPosition: !1,
+  staticPosition: "top center",
+  iconStatus: !1,
+  offset: { x: 4, y: 4 },
+  preventXss: !1
+}, zt = {
+  componentName: "InButton",
+  components: { InTooltipV2: A, InIcons: P },
+  props: {
+    id: { type: String, required: !0 },
+    styling: { type: String, default: _.SOLID, validator: (t) => Object.values(_).includes(t) },
+    type: { type: String, default: c.PRIMARY, validator: (t) => Object.values(c).includes(t) },
+    size: { type: String, default: d.DEFAULT, validator: (t) => Object.values(d).includes(t) },
+    selectedStatus: { type: Boolean, default: !1 },
+    disabledStatus: { type: Boolean, default: !1 },
+    loadingStatus: { type: Boolean, default: !1 },
+    successStatus: { type: Boolean, default: !1 },
+    labelTextStatus: { type: Boolean, default: !0 },
+    labelText: { type: String | Number, default: "Label" },
+    leftIcon: { type: String, default: "" },
+    rightIcon: { type: String, default: "" },
+    skeletonStatus: { type: Boolean, default: !1 },
+    skeletonSizing: { type: Object, default: () => ({ width: 0, height: 0 }) },
+    iconSize: { type: String, default: "24", validator: (t) => Rt.includes(t) },
+    buttonGroup: { type: Boolean, default: !0 },
+    iconClick: { type: Boolean, default: !1 },
+    isTooltip: { type: Boolean, default: !1 },
+    tooltipText: { type: String, default: "" },
+    tooltipOptions: { type: Object, default: () => Lt }
+  },
+  setup(t, { emit: n }) {
+    const e = b(null), i = b(!1), s = $("__disableTriggerButtonMultiline", !1), g = async () => {
+      var r;
+      if (s) {
+        i.value = !1;
+        return;
+      }
+      await z();
+      const o = e.value;
+      if (o) {
+        const O = parseInt(((r = window.getComputedStyle(o)) == null ? void 0 : r.lineHeight) || 0);
+        i.value = o.offsetHeight > O * 1.5;
+      }
+    };
+    R(() => {
+      g();
+    }), L(() => t.labelText, () => {
+      g();
+    });
+    const B = l(() => t.loadingStatus ? "loading-circle" : t.successStatus ? "line-check-netural" : t.leftIcon), h = l(() => t.loadingStatus || t.successStatus ? "" : t.rightIcon), I = l(() => t.loadingStatus || t.successStatus ? !0 : !!t.leftIcon.length), T = l(() => t.loadingStatus || t.successStatus ? !1 : !!t.rightIcon.length), k = l(() => t.styling === _.TEXT && t.labelTextStatus && t.labelText !== "" && (t.leftIcon.length || t.rightIcon.length || t.loadingStatus || t.successStatus) ? "in-single-button__container--text" : ""), w = l(() => !m(t.tooltipText));
+    return {
+      clickHandler: () => {
+        t.disabledStatus || n("click");
+      },
+      stylingTextClass: k,
+      leftIcon: B,
+      rightIcon: h,
+      leftIconStatus: I,
+      rightIconStatus: T,
+      clickIconHandler: () => {
+        t.iconClick && n("clickIcon");
+      },
+      tooltipStatus: w,
+      labelRef: e,
+      isMultiline: i,
+      disableMultiline: s
+    };
+  }
+};
+var Gt = function() {
+  var t = this, n = t._self._c;
+  return n("in-tooltip-v2", t._b({ staticClass: "in-single-button__tooltip", class: t.$style["in-single-button__tooltip"], attrs: { text: t.tooltipText, status: t.tooltipStatus } }, "in-tooltip-v2", t.tooltipOptions, !1), [n("div", { staticClass: "in-single-button__wrapper w-1", class: [
+    t.$style["in-single-button__wrapper"],
+    t.styling === "text" ? "in-single-button__wrapper-flex" : "",
+    t.styling === "text" ? t.$style["in-single-button__wrapper-flex"] : "",
+    t.disabledStatus ? "in-single-button__wrapper-disabled" : "",
+    t.disabledStatus ? t.$style["in-single-button__wrapper-disabled"] : ""
+  ], attrs: { slot: "triggerElement" }, slot: "triggerElement" }, [n("button", { staticClass: "in-single-button", class: [
+    t.$style["in-single-button"],
+    { "in-single-button_loading": t.loadingStatus },
+    { [t.$style["in-single-button_loading"]]: t.loadingStatus },
+    { "in-single-button_disabled": t.disabledStatus },
+    { [t.$style["in-single-button_disabled"]]: t.disabledStatus },
+    { "in-single-button_success": t.successStatus },
+    { [t.$style["in-single-button_success"]]: t.successStatus },
+    { "in-single-button--selected": t.selectedStatus },
+    { [t.$style["in-single-button--selected"]]: t.selectedStatus },
+    {
+      multiline: t.isMultiline,
+      singleline: t.disableMultiline
+    },
+    {
+      [t.$style.multiline]: t.isMultiline,
+      [t.$style.singleline]: t.disableMultiline
+    },
+    `in-single-button__style_${t.styling}`,
+    t.$style[`in-single-button__style_${t.styling}`],
+    `in-single-button_${t.styling}-${t.type}`,
+    t.$style[`in-single-button_${t.styling}-${t.type}`],
+    `in-single-button__size_${t.size}`,
+    t.$style[`in-single-button__size_${t.size}`]
+  ], attrs: { id: t.id, disabled: t.disabledStatus, "data-title": t.labelText }, on: { click: t.clickHandler } }, [n("div", { staticClass: "in-single-button__container", class: [
+    t.$style["in-single-button__container"],
+    t.stylingTextClass,
+    t.stylingTextClass ? t.$style[t.stylingTextClass] : ""
+  ] }, [t.leftIconStatus ? n("in-icons", { staticClass: "qa-left-icon", attrs: { size: t.iconSize, name: t.leftIcon }, on: { click: t.clickIconHandler } }) : t._e(), t.labelTextStatus ? n("span", { ref: "labelRef", class: [
+    { "in-single-button__label": t.styling !== "text" },
+    { [t.$style["in-single-button__label"]]: t.styling !== "text" },
+    { "in-single-button__label-styling": t.styling == "text" },
+    { [t.$style["in-single-button__label-styling"]]: t.styling == "text" },
+    {
+      multiline: t.isMultiline,
+      singleline: t.disableMultiline
+    },
+    {
+      [t.$style.multiline]: t.isMultiline,
+      [t.$style.singleline]: t.disableMultiline
+    }
+  ] }, [t._v(" " + t._s(t.labelText) + " ")]) : t._e(), t.rightIconStatus ? n("in-icons", { staticClass: "qa-right-icon", attrs: { size: t.iconSize, name: t.rightIcon }, on: { click: t.clickIconHandler } }) : t._e()], 1)])])]);
+}, Pt = [];
+const p = {
+  $style: $t
+};
+function At(t) {
+  for (var n in p)
+    this[n] = p[n];
+}
+var Et = /* @__PURE__ */ u(
+  zt,
+  Gt,
+  Pt,
+  !1,
+  At
+);
+const x = Et.exports, Ht = "_in-group-button__wrapper_v01428_mmOVR", Mt = "_multiline_v01428_0gXor", Nt = {
+  "in-group-button__wrapper": "_in-group-button__wrapper_v01428_mmOVR",
+  inGroupButtonWrapper: Ht,
+  multiline: Mt
+}, jt = {
+  componentName: "InButtonGroup",
+  components: { InButton: x },
+  props: {
+    buttonGroupOptions: { type: Array, default: () => [] }
+  },
+  setup(t, { emit: n }) {
+    return { clickHandler: (e) => n("click", e) };
+  }
+};
+var Ct = function() {
+  var t = this, n = t._self._c;
+  return n("div", { staticClass: "in-group-button__wrapper", class: t.$style["in-group-button__wrapper"] }, t._l(t.buttonGroupOptions, function(e, i) {
+    return n("in-button", t._b({ key: i, attrs: { id: e.id }, on: { click: () => t.clickHandler({ option: e, index: i }) } }, "in-button", e, !1));
+  }), 1);
+}, Dt = [];
+const S = {
+  $style: Nt
+};
+function Vt(t) {
+  for (var n in S)
+    this[n] = S[n];
+}
+var Ut = /* @__PURE__ */ u(
+  jt,
+  Ct,
+  Dt,
+  !1,
+  Vt
+);
+const Wt = Ut.exports, Yt = "_in-button-v2__wrapper_v01428_kaglf", Xt = "_in-button-v2__single_v01428_3Fffr", Ft = {
+  "in-button-v2__wrapper": "_in-button-v2__wrapper_v01428_kaglf",
+  inButtonV2Wrapper: Yt,
+  "in-button-v2__single": "_in-button-v2__single_v01428_3Fffr",
+  inButtonV2Single: Xt
+}, a = {
+  SOLID: "solid",
+  GHOST: "ghost",
+  TEXT: "text"
+}, y = {
+  PRIMARY: "primary",
+  SUBTLE_PRIMARY: "subtle-primary",
+  SECONDARY: "secondary",
+  DANGER: "danger",
+  WARNING: "warning",
+  SMART: "smart",
+  SUBTLE_SMART: "subtle-smart",
+  INVERSE: "inverse"
+}, v = {
+  DEFAULT: "default",
+  SMALL: "small"
+}, Qt = ["40", "24", "20"], qt = {
+  id: "tooltip",
+  dynamicPosition: !1,
+  staticPosition: "top center",
+  iconStatus: !1,
+  offset: { x: 4, y: 4 },
+  preventXss: !1
+}, Jt = {
+  components: { InSkeleton: G, InButton: x, InButtonGroup: Wt },
+  props: {
+    id: { type: String, required: !0 },
+    styling: { type: String, default: a.SOLID, validator: (t) => Object.values(a).includes(t) },
+    type: { type: String, default: y.PRIMARY, validator: (t) => Object.values(y).includes(t) },
+    size: { type: String, default: v.DEFAULT, validator: (t) => Object.values(v).includes(t) },
+    disabledStatus: { type: Boolean, default: !1 },
+    selectedStatus: { type: Boolean, default: !1 },
+    loadingStatus: { type: Boolean, default: !1 },
+    successStatus: { type: Boolean, default: !1 },
+    labelTextStatus: { type: Boolean, default: !0 },
+    labelText: { type: String | Number, default: "Label" },
+    leftIcon: { type: String, default: "" },
+    rightIcon: { type: String, default: "" },
+    skeletonStatus: { type: Boolean, default: !1 },
+    skeletonSizing: { type: Object, default: () => ({ width: 0, height: 0 }) },
+    iconSize: { type: String, default: "24", validator: (t) => Qt.includes(t) },
+    buttonGroupOptions: { type: Array, default: () => [] },
+    iconClick: { type: Boolean, default: !1 },
+    tooltipText: { type: String, default: "" },
+    tooltipOptions: { type: Object, default: () => qt }
+  },
+  setup(t, { emit: n }) {
+    const e = l(() => !m(t.buttonGroupOptions)), i = l(() => t.styling === a.TEXT);
+    return {
+      isButtonGroupOptionsUsed: e,
+      isText: i,
+      clickHandler: (s = {}) => n("click", s),
+      clickIconHandler: () => n("clickIcon")
+    };
+  }
+};
+var Kt = function() {
+  var t = this, n = t._self._c;
+  return n("div", { class: [
+    { "in-button-v2__wrapper": !t.isButtonGroupOptionsUsed },
+    { [t.$style["in-button-v2__wrapper"]]: !t.isButtonGroupOptionsUsed }
+  ] }, [!t.skeletonStatus && t.isButtonGroupOptionsUsed ? n("in-button-group", t._b({ on: { click: t.clickHandler } }, "in-button-group", t.$props, !1)) : t.skeletonStatus ? t._e() : n("in-button", t._b({ staticClass: "in-button-v2__single", class: t.$style["in-button-v2__single"], on: { click: t.clickHandler, clickIcon: t.clickIconHandler } }, "in-button", t.$props, !1)), t.skeletonStatus ? n("in-skeleton", { attrs: { name: "InButtonV2", status: t.skeletonStatus, sizing: t.skeletonSizing } }) : t._e()], 1);
+}, Zt = [];
+const f = {
+  $style: Ft
+};
+function tn(t) {
+  for (var n in f)
+    this[n] = f[n];
+}
+var nn = /* @__PURE__ */ u(
+  Jt,
+  Kt,
+  Zt,
+  !1,
+  tn
+);
+const gn = nn.exports;
+export {
+  gn as InButtonV2
+};

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

@@ -0,0 +1,152 @@
+import { InIcons as n } from "./InIcons.js";
+import { InSkeleton as i } from "./InSkeleton.js";
+import { p as a } from "./chunks/helpers.CgHNyjAJ.js";
+import { l as s } from "./chunks/localLocalesMixin.DYMhydo2.js";
+import { n as o } from "./chunks/_plugin-vue2_normalizer.WQT2Fc8L.js";
+/* empty css                        */
+const p = "_in-check-box-wrapper_v01428_RJybU", l = "_in-check-box-wrapper__input_v01428_Rg-c6", k = "_in-check-box-wrapper__label_v01428_22cve", h = "_in-check-box-wrapper_checked_v01428_KVQrp", _ = {
+  "in-check-box-wrapper": "_in-check-box-wrapper_v01428_RJybU",
+  inCheckBoxWrapper: p,
+  "in-check-box-wrapper__input": "_in-check-box-wrapper__input_v01428_Rg-c6",
+  inCheckBoxWrapperInput: l,
+  "in-check-box-wrapper__label": "_in-check-box-wrapper__label_v01428_22cve",
+  inCheckBoxWrapperLabel: k,
+  "in-check-box-wrapper_checked": "_in-check-box-wrapper_checked_v01428_KVQrp",
+  inCheckBoxWrapperChecked: h
+}, b = {
+  name: "InCheckBox",
+  components: {
+    InIcons: n,
+    InSkeleton: i
+  },
+  mixins: [s],
+  props: {
+    /**
+     * @property {string} id
+     */
+    id: {
+      type: String,
+      required: !0
+    },
+    /**
+     * @property {string} name
+     */
+    name: {
+      type: String | Number,
+      required: !0
+    },
+    /**
+     * @property {string|number|boolean} selected
+     */
+    checked: {
+      type: String | Number | Boolean,
+      required: !0
+    },
+    /**
+     * @property {string} label
+     */
+    label: {
+      type: String,
+      required: !0
+    },
+    /**
+     * @property {boolean} boldLabel
+     */
+    boldLabel: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * @property {boolean} disable
+     */
+    disable: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * @property {boolean} indeterminate
+     */
+    indeterminate: {
+      type: Boolean,
+      default: !1
+    },
+    preventXss: { type: Boolean, default: !1 },
+    /**
+     * @property {boolean} skeletonStatus
+     */
+    skeletonStatus: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * @property {number} skeletonSizing
+     */
+    skeletonSizing: {
+      type: Object,
+      default: () => ({
+        width: 0,
+        number: 0
+      })
+    }
+  },
+  data() {
+    return {
+      isChecked: this.checked
+    };
+  },
+  computed: {
+    iconName() {
+      return this.indeterminate ? "line-minus-netural" : "line-check-netural";
+    }
+  },
+  watch: {
+    checked(e) {
+      this.isChecked = e;
+    }
+  },
+  methods: {
+    /**
+     * @param {string} label
+     * @return {string}
+     */
+    getSanitizedLabel(e) {
+      return this.preventXss ? a(e) : e;
+    }
+  }
+};
+var d = function() {
+  var e = this, t = e._self._c;
+  return t("fieldset", { staticClass: "in-form-item in-check-box-wrapper qa-checkbox d-f min-w-0-s", class: [
+    e.$style["in-check-box-wrapper"],
+    { "in-check-box-wrapper_checked": e.isChecked },
+    { [e.$style["in-check-box-wrapper_checked"]]: e.isChecked }
+  ] }, [e.skeletonStatus ? e._e() : t("input", { staticClass: "in-check-box-wrapper__input", class: e.$style["in-check-box-wrapper__input"], attrs: { id: e.id, name: e.name, type: "checkbox" }, domProps: { checked: e.isChecked, indeterminate: e.indeterminate } }), e.skeletonStatus ? e._e() : t("label", { staticClass: "d-i-b in-check-box-wrapper__label h-4-s", class: [
+    e.$style["in-check-box-wrapper__label"],
+    { "in-check-box-wrapper__label_disable": e.disable },
+    { [e.$style["in-check-box-wrapper__label_disable"]]: e.disable },
+    { "in-check-box-wrapper_checked": e.isChecked },
+    { [e.$style["in-check-box-wrapper_checked"]]: e.isChecked }
+  ], attrs: { for: e.id }, on: { click: function(r) {
+    return e.$emit("click", !e.isChecked);
+  } } }, [t("in-icons", { attrs: { name: e.iconName, size: "20" } })], 1), e.skeletonStatus ? e._e() : t("span", { staticClass: "w-s-n-w cur-p w-1 t-o-e o-h in-check-box-wrapper__checkbox-text", class: [{ "f-w-600": e.boldLabel }, { "t-c-3 p-e-n": e.disable }], attrs: { title: e.label }, domProps: { innerHTML: e._s(e.getSanitizedLabel(e.label)) }, on: { click: function(r) {
+    return e.$emit("click", !e.isChecked);
+  } } }), e.skeletonStatus ? t("in-skeleton", { attrs: { sizing: e.skeletonSizing, name: "InCheckbox" } }) : e._e()], 1);
+}, u = [];
+const c = {
+  $style: _
+};
+function x(e) {
+  for (var t in c)
+    this[t] = c[t];
+}
+var m = /* @__PURE__ */ o(
+  b,
+  d,
+  u,
+  !1,
+  x
+);
+const B = m.exports;
+export {
+  B as InCheckBox
+};

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

@@ -0,0 +1,141 @@
+import { computed as p, ref as o } from "vue";
+import { InIcons as c } from "./InIcons.js";
+import { n as l } from "./chunks/_plugin-vue2_normalizer.WQT2Fc8L.js";
+/* empty css                     */
+const h = "_in-chips-wrapper_v01428_Clh-l", d = "_in-chips-content_v01428_dOhUp", w = "_in-chips-content--no-icon_v01428_4NgbY", v = "_in-chips-content__text_v01428_TCp-G", g = "_in-chips-wrapper_stroke_default_v01428_X93KH", u = "_in-chips-content-actionable_v01428_0tfd6", f = "_is-dragged_v01428_IkWu5", m = "_in-chips-wrapper--selected_v01428_b1h8j", k = "_in-chips-wrapper--not-interactive_v01428_xraQb", C = "_in-chips-content__icon_v01428_jeDjB", S = "_in-chips-wrapper_stroke_danger_v01428_2kqkM", y = "_in-chips-wrapper_stroke_warning_v01428_OWNFf", b = "_in-chips-wrapper_stroke_neutral_v01428_G0XK9", W = "_in-chips-wrapper_stroke_disable_v01428_TX26f", x = "_in-chips-wrapper_stroke_smart_v01428_jVR0V", D = "_in-chips-wrapper_stroke_information_v01428_f2l0e", $ = "_in-chips-wrapper_stroke_orange_v01428_zuDPg", B = "_in-chips-wrapper_stroke_magenta_v01428_7KrNe", I = "_in-chips-wrapper_solid_default_v01428_QsDc0", N = "_in-chips-wrapper_solid_danger_v01428_mXQz5", j = "_in-chips-wrapper_solid_warning_v01428_HnJdi", F = "_in-chips-wrapper_solid_neutral_v01428_hvQFF", G = "_in-chips-wrapper_solid_disable_v01428_3imwD", O = "_in-chips-wrapper_solid_smart_v01428_J6tuO", Q = "_in-chips-wrapper_solid_information_v01428_GGesF", X = "_in-chips-wrapper_solid_orange_v01428_-nea5", T = "_in-chips-wrapper_solid_magenta_v01428_Hcx8w", H = "_in-chips-wrapper_solid_v01428_PD6Lf", K = {
+  "in-chips-wrapper": "_in-chips-wrapper_v01428_Clh-l",
+  inChipsWrapper: h,
+  "in-chips-content": "_in-chips-content_v01428_dOhUp",
+  inChipsContent: d,
+  "in-chips-content--no-icon": "_in-chips-content--no-icon_v01428_4NgbY",
+  inChipsContentNoIcon: w,
+  "in-chips-content__text": "_in-chips-content__text_v01428_TCp-G",
+  inChipsContentText: v,
+  "in-chips-wrapper_stroke_default": "_in-chips-wrapper_stroke_default_v01428_X93KH",
+  inChipsWrapperStrokeDefault: g,
+  "in-chips-content-actionable": "_in-chips-content-actionable_v01428_0tfd6",
+  inChipsContentActionable: u,
+  "is-dragged": "_is-dragged_v01428_IkWu5",
+  isDragged: f,
+  "in-chips-wrapper--selected": "_in-chips-wrapper--selected_v01428_b1h8j",
+  inChipsWrapperSelected: m,
+  "in-chips-wrapper--not-interactive": "_in-chips-wrapper--not-interactive_v01428_xraQb",
+  inChipsWrapperNotInteractive: k,
+  "in-chips-content__icon": "_in-chips-content__icon_v01428_jeDjB",
+  inChipsContentIcon: C,
+  "in-chips-wrapper_stroke_danger": "_in-chips-wrapper_stroke_danger_v01428_2kqkM",
+  inChipsWrapperStrokeDanger: S,
+  "in-chips-wrapper_stroke_warning": "_in-chips-wrapper_stroke_warning_v01428_OWNFf",
+  inChipsWrapperStrokeWarning: y,
+  "in-chips-wrapper_stroke_neutral": "_in-chips-wrapper_stroke_neutral_v01428_G0XK9",
+  inChipsWrapperStrokeNeutral: b,
+  "in-chips-wrapper_stroke_disable": "_in-chips-wrapper_stroke_disable_v01428_TX26f",
+  inChipsWrapperStrokeDisable: W,
+  "in-chips-wrapper_stroke_smart": "_in-chips-wrapper_stroke_smart_v01428_jVR0V",
+  inChipsWrapperStrokeSmart: x,
+  "in-chips-wrapper_stroke_information": "_in-chips-wrapper_stroke_information_v01428_f2l0e",
+  inChipsWrapperStrokeInformation: D,
+  "in-chips-wrapper_stroke_orange": "_in-chips-wrapper_stroke_orange_v01428_zuDPg",
+  inChipsWrapperStrokeOrange: $,
+  "in-chips-wrapper_stroke_magenta": "_in-chips-wrapper_stroke_magenta_v01428_7KrNe",
+  inChipsWrapperStrokeMagenta: B,
+  "in-chips-wrapper_solid_default": "_in-chips-wrapper_solid_default_v01428_QsDc0",
+  inChipsWrapperSolidDefault: I,
+  "in-chips-wrapper_solid_danger": "_in-chips-wrapper_solid_danger_v01428_mXQz5",
+  inChipsWrapperSolidDanger: N,
+  "in-chips-wrapper_solid_warning": "_in-chips-wrapper_solid_warning_v01428_HnJdi",
+  inChipsWrapperSolidWarning: j,
+  "in-chips-wrapper_solid_neutral": "_in-chips-wrapper_solid_neutral_v01428_hvQFF",
+  inChipsWrapperSolidNeutral: F,
+  "in-chips-wrapper_solid_disable": "_in-chips-wrapper_solid_disable_v01428_3imwD",
+  inChipsWrapperSolidDisable: G,
+  "in-chips-wrapper_solid_smart": "_in-chips-wrapper_solid_smart_v01428_J6tuO",
+  inChipsWrapperSolidSmart: O,
+  "in-chips-wrapper_solid_information": "_in-chips-wrapper_solid_information_v01428_GGesF",
+  inChipsWrapperSolidInformation: Q,
+  "in-chips-wrapper_solid_orange": "_in-chips-wrapper_solid_orange_v01428_-nea5",
+  inChipsWrapperSolidOrange: X,
+  "in-chips-wrapper_solid_magenta": "_in-chips-wrapper_solid_magenta_v01428_Hcx8w",
+  inChipsWrapperSolidMagenta: T,
+  "in-chips-wrapper_solid": "_in-chips-wrapper_solid_v01428_PD6Lf",
+  inChipsWrapperSolid: H
+}, z = ["default", "danger", "warning", "neutral", "smart", "information", "orange", "magenta"], L = 26, q = {
+  components: { InIcons: c },
+  props: {
+    id: { type: String, default: "" },
+    type: {
+      validator(i) {
+        return z.includes(i);
+      },
+      default: "default"
+    },
+    styles: {
+      validator(i) {
+        return ["stroke", "solid"].includes(i);
+      },
+      default: "stroke"
+    },
+    text: { type: String, required: !0 },
+    value: { type: String | Number, required: !0 },
+    disabledStatus: { type: Boolean, default: !1 },
+    interactive: { type: Boolean, default: !0 },
+    closeButton: { type: Boolean, default: !0 },
+    selectedStatus: { type: Boolean, default: !1 },
+    actionableLabel: { type: Boolean, default: !1 },
+    maxWidth: { type: Number, default: null }
+  },
+  setup(i, { emit: e }) {
+    const t = p(
+      () => i.disabledStatus ? `in-chips-wrapper_${i.styles}_disable` : `in-chips-wrapper_${i.styles} in-chips-wrapper_${i.styles}_${i.type}`
+    ), a = p(() => i.closeButton ? L : 0), s = () => e("tagClick", i.value), _ = () => e("click", i.value), r = o(!1);
+    return { tagWrapperSpacing: a, onDragStart: () => r.value = !0, onDragEnd: () => r.value = !1, removeTag: _, tagClick: s, isDragged: r, chipStyle: t };
+  }
+};
+var J = function() {
+  var i = this, e = i._self._c;
+  return e("div", { staticClass: "in-chips-wrapper", class: [
+    i.$style["in-chips-wrapper"],
+    i.chipStyle,
+    i.disabledStatus ? i.$style[`in-chips-wrapper_${i.styles}_disable`] : [i.$style[`in-chips-wrapper_${i.styles}`], i.$style[`in-chips-wrapper_${i.styles}_${i.type}`]],
+    {
+      "is-dragged": i.isDragged,
+      [i.$style["is-dragged"]]: i.isDragged
+    },
+    {
+      "in-chips-wrapper--selected": i.selectedStatus,
+      [i.$style["in-chips-wrapper--selected"]]: i.selectedStatus
+    },
+    {
+      "in-chips-content-actionable": i.actionableLabel,
+      [i.$style["in-chips-content-actionable"]]: i.actionableLabel
+    },
+    {
+      "in-chips-wrapper--not-interactive": !i.interactive,
+      [i.$style["in-chips-wrapper--not-interactive"]]: !i.interactive
+    }
+  ], style: i.maxWidth ? { "max-width": i.maxWidth + "px" } : {}, attrs: { tabindex: "1" }, on: { dragstart: i.onDragStart, dragend: i.onDragEnd } }, [e("div", { staticClass: "in-chips-content", class: [
+    i.$style["in-chips-content"],
+    {
+      "in-chips-content--no-icon": !i.closeButton,
+      [i.$style["in-chips-content--no-icon"]]: !i.closeButton
+    }
+  ] }, [e("p", { staticClass: "in-chips-content__text", class: i.$style["in-chips-content__text"], style: i.maxWidth ? { "max-width": i.maxWidth - i.tagWrapperSpacing + "px" } : {}, attrs: { "data-value": i.value, title: i.text }, on: { click: i.tagClick } }, [i._v(" " + i._s(i.text) + " ")]), i.closeButton && i.interactive ? e("in-icons", { staticClass: "in-chips-content__icon", class: [i.$style["in-chips-content__icon"], i.disabledStatus ? "p-e-n" : "cur-p"], attrs: { name: "line-close-netural", size: "16" }, on: { click: i.removeTag } }) : i._e()], 1)]);
+}, M = [];
+const n = {
+  $style: K
+};
+function P(i) {
+  for (var e in n)
+    this[e] = n[e];
+}
+var V = /* @__PURE__ */ l(
+  q,
+  J,
+  M,
+  !1,
+  P
+);
+const A = V.exports;
+export {
+  A as InChips
+};