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

@@ -0,0 +1,453 @@
+import { InBox as i } from "./InBox.js";
+import { InButtonV2 as l } from "./InButtonV2.js";
+import { InIcons as r } from "./InIcons.js";
+import { p as a } from "./chunks/helpers.CgHNyjAJ.js";
+import { n as s } from "./chunks/_plugin-vue2_normalizer.WQT2Fc8L.js";
+/* empty css                      */
+const p = "_in-modal-wrapper_v01428_PYfmZ", _ = "_in-modal-wrapper_opened_v01428_fFJ48", d = "_in-modal-wrapper__open-translation_v01428_tae4R", c = "_in-modal-wrapper__overlay_v01428_sTbmw", m = "_in-modal-wrapper_without-overlay_v01428_kCHGz", u = "_in-modal-wrapper__title_v01428_88o4y", h = "_in-modal-wrapper__icon_v01428_jmqE0", y = "_in-modal-wrapper__information-content_v01428_-DiV-", w = "_in-modal-wrapper__dynamic-content_v01428_qflnE", f = "_in-modal-wrapper__onboard-content_v01428_EJaaV", C = "_in-modal-wrapper__buttons_v01428_LT6mQ", v = "_in-modal-wrapper__information-content_small_v01428_V020B", b = "_in-modal-wrapper__information-content_medium_v01428_YZsAk", g = "_in-modal-wrapper__information-content_large_v01428_eixLO", B = "_in-modal-wrapper__dynamic-content_small_v01428_ssqE9", M = "_in-modal-wrapper__dynamic-content_medium_v01428_pEn8W", T = "_in-modal-wrapper__dynamic-content_large_v01428_PvXf-", x = "_in-modal-wrapper__onboard-content_small_v01428_UTZbl", $ = "_in-modal-wrapper__onboard-content_medium_v01428_FQ8m-", O = "_in-modal-wrapper__onboard-content_large_v01428_jcxHA", k = "_in-modal-wrapper__slot_v01428_Bl-zo", S = "_in-modal-wrapper__full-height_v01428_V3nX-", D = "_in-modal-information_v01428_gvEHm", W = {
+  "in-modal-wrapper": "_in-modal-wrapper_v01428_PYfmZ",
+  inModalWrapper: p,
+  "in-modal-wrapper_opened": "_in-modal-wrapper_opened_v01428_fFJ48",
+  inModalWrapperOpened: _,
+  "in-modal-wrapper__open-translation": "_in-modal-wrapper__open-translation_v01428_tae4R",
+  inModalWrapperOpenTranslation: d,
+  "in-modal-wrapper__overlay": "_in-modal-wrapper__overlay_v01428_sTbmw",
+  inModalWrapperOverlay: c,
+  "in-modal-wrapper_without-overlay": "_in-modal-wrapper_without-overlay_v01428_kCHGz",
+  inModalWrapperWithoutOverlay: m,
+  "in-modal-wrapper__title": "_in-modal-wrapper__title_v01428_88o4y",
+  inModalWrapperTitle: u,
+  "in-modal-wrapper__icon": "_in-modal-wrapper__icon_v01428_jmqE0",
+  inModalWrapperIcon: h,
+  "in-modal-wrapper__information-content": "_in-modal-wrapper__information-content_v01428_-DiV-",
+  inModalWrapperInformationContent: y,
+  "in-modal-wrapper__dynamic-content": "_in-modal-wrapper__dynamic-content_v01428_qflnE",
+  inModalWrapperDynamicContent: w,
+  "in-modal-wrapper__onboard-content": "_in-modal-wrapper__onboard-content_v01428_EJaaV",
+  inModalWrapperOnboardContent: f,
+  "in-modal-wrapper__buttons": "_in-modal-wrapper__buttons_v01428_LT6mQ",
+  inModalWrapperButtons: C,
+  "in-modal-wrapper__information-content_small": "_in-modal-wrapper__information-content_small_v01428_V020B",
+  inModalWrapperInformationContentSmall: v,
+  "in-modal-wrapper__information-content_medium": "_in-modal-wrapper__information-content_medium_v01428_YZsAk",
+  inModalWrapperInformationContentMedium: b,
+  "in-modal-wrapper__information-content_large": "_in-modal-wrapper__information-content_large_v01428_eixLO",
+  inModalWrapperInformationContentLarge: g,
+  "in-modal-wrapper__dynamic-content_small": "_in-modal-wrapper__dynamic-content_small_v01428_ssqE9",
+  inModalWrapperDynamicContentSmall: B,
+  "in-modal-wrapper__dynamic-content_medium": "_in-modal-wrapper__dynamic-content_medium_v01428_pEn8W",
+  inModalWrapperDynamicContentMedium: M,
+  "in-modal-wrapper__dynamic-content_large": "_in-modal-wrapper__dynamic-content_large_v01428_PvXf-",
+  inModalWrapperDynamicContentLarge: T,
+  "in-modal-wrapper__onboard-content_small": "_in-modal-wrapper__onboard-content_small_v01428_UTZbl",
+  inModalWrapperOnboardContentSmall: x,
+  "in-modal-wrapper__onboard-content_medium": "_in-modal-wrapper__onboard-content_medium_v01428_FQ8m-",
+  inModalWrapperOnboardContentMedium: $,
+  "in-modal-wrapper__onboard-content_large": "_in-modal-wrapper__onboard-content_large_v01428_jcxHA",
+  inModalWrapperOnboardContentLarge: O,
+  "in-modal-wrapper__slot": "_in-modal-wrapper__slot_v01428_Bl-zo",
+  inModalWrapperSlot: k,
+  "in-modal-wrapper__full-height": "_in-modal-wrapper__full-height_v01428_V3nX-",
+  inModalWrapperFullHeight: S,
+  "in-modal-information": "_in-modal-information_v01428_gvEHm",
+  inModalInformation: D
+}, I = "information", z = "onboard", n = "primary", E = "secondary", L = [
+  ["primary|default", "solid|primary"],
+  ["primary|alert", "solid|danger"],
+  ["primary|warning", "solid|warning"],
+  ["secondary|default", "ghost|primary"],
+  ["secondary|alert", "ghost|danger"],
+  ["secondary|warning", "ghost|warning"]
+], V = {
+  components: {
+    InBox: i,
+    InButtonV2: l,
+    InIcons: r
+  },
+  props: {
+    /**
+     * @property {string} id
+     */
+    id: {
+      type: String,
+      default: ""
+    },
+    /**
+     * @property {boolean} status
+     */
+    status: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * @property {string} type
+     */
+    type: {
+      type: String,
+      default: "information"
+    },
+    /**
+     * @property {string} title
+     */
+    title: {
+      type: String,
+      default: ""
+    },
+    /**
+     * @property {string} size
+     */
+    size: {
+      type: String,
+      default: "small"
+    },
+    /**
+     * @property {string} informationModalDescription
+     */
+    informationModalDescription: {
+      type: String,
+      default: ""
+    },
+    /**
+     * @property {string} modalStatus
+     */
+    modalStatus: {
+      type: String,
+      default: "default"
+    },
+    /**
+     * @property {string} acceptButtonType
+     */
+    acceptButtonType: {
+      type: String,
+      default: n,
+      validator(t) {
+        return [n, E].includes(t);
+      }
+    },
+    /**
+     * @property {string} acceptButtonText
+     */
+    acceptButtonText: {
+      type: String,
+      default: ""
+    },
+    /**
+     * @property {boolean} acceptButtonDisable
+     */
+    acceptButtonDisable: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * @property {string} cancelButtonText
+     */
+    cancelButtonText: {
+      type: String,
+      default: ""
+    },
+    /**
+     * @property {boolean} visibleButtons
+     */
+    visibleButtons: {
+      type: Boolean,
+      default: !0
+    },
+    /**
+     * @property {string} withSpacing
+     */
+    withSpacing: {
+      type: String,
+      default: "px-5"
+    },
+    /**
+     * @property {boolean} closeButtons
+     */
+    closeButtons: {
+      type: Boolean,
+      default: !0
+    },
+    /**
+     * @property {string} modalDescription
+     */
+    modalDescription: {
+      type: String,
+      default: ""
+    },
+    /**
+     * @property {boolean} withPage
+     */
+    withPage: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * @property {string} backButtonText
+     */
+    backButtonText: {
+      type: String,
+      default: ""
+    },
+    /**
+     * @property {boolean} closeOnOverlayClick
+     */
+    closeOnOverlayClick: {
+      type: Boolean,
+      default: !0
+    },
+    /**
+     * @property {boolean} hasOverlay
+     */
+    hasOverlay: {
+      type: Boolean,
+      default: !0
+    },
+    /**
+     * @property {boolean} isModalAcceptButtonLoading
+     */
+    isModalAcceptButtonLoading: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * @property {boolean} withBackOption
+     */
+    withBackOption: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * @property {boolean} preventXss
+     */
+    preventXss: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  data() {
+    return {
+      statusClone: this.status,
+      idClone: this.id,
+      typeClone: this.type,
+      modalStatusClone: this.modalStatus,
+      acceptButtonTypeClone: this.acceptButtonType,
+      titleClone: this.title,
+      sizeClone: this.size,
+      modalDescriptionClone: this.modalDescription,
+      informationModalDescriptionClone: this.informationModalDescription,
+      cancelButtonTextClone: this.cancelButtonText,
+      acceptButtonTextClone: this.acceptButtonText,
+      closeCallback: () => {
+        this.$emit("closeModal");
+      },
+      acceptCallback: () => {
+        this.$emit("acceptButton");
+      },
+      showContent: !1
+    };
+  },
+  computed: {
+    /**
+     * @return {boolean}
+     */
+    isTypeInformation() {
+      return this.typeClone === I;
+    },
+    /**
+     * @return {boolean}
+     */
+    isTypeOnboard() {
+      return this.typeClone === z;
+    },
+    /**
+     * @return {string}
+     */
+    descriptionClass() {
+      return this.isTypeInformation ? "f-s-4 l-h-2" : "";
+    },
+    /**
+     * @return {string}
+     */
+    buttonSpacing() {
+      return this.isTypeInformation ? "pt-3 pb-5" : "py-3";
+    },
+    /**
+     * @return {boolean}
+     */
+    hasModalDescription() {
+      return this.modalDescription !== "";
+    },
+    /**
+     * @return {string}
+     */
+    heightClass() {
+      return this.visibleButtons ? "in-modal-wrapper__slot" : "in-modal-wrapper__full-height";
+    },
+    /**
+     * @return {string}
+     */
+    heightModuleClass() {
+      return this.visibleButtons ? this.$style["in-modal-wrapper__slot"] : this.$style["in-modal-wrapper__full-height"];
+    },
+    /**
+     * @return {string}
+     */
+    contentClass() {
+      let t = `in-modal-wrapper__${this.typeClone}-content in-modal-wrapper__${this.typeClone}-content_${this.sizeClone}`;
+      return this.showContent && (t += " in-modal-wrapper__open-translation"), t;
+    },
+    /**
+     * @return {array}
+     */
+    contentModuleClass() {
+      const t = [
+        this.$style[`in-modal-wrapper__${this.typeClone}-content`],
+        this.$style[`in-modal-wrapper__${this.typeClone}-content_${this.sizeClone}`]
+      ];
+      return this.showContent && t.push(this.$style["in-modal-wrapper__open-translation"]), t;
+    },
+    /**
+     * @return {object}
+     */
+    buttonStyling() {
+      const t = L.find((e) => e[0] === `${this.acceptButtonTypeClone}|${this.modalStatusClone}`)[1].split("|");
+      return {
+        styling: t[0],
+        type: t[1]
+      };
+    }
+  },
+  watch: {
+    status() {
+      this.statusClone = this.status, this.handleOverflow(), setTimeout(() => {
+        this.showContent = this.status;
+      }, 50);
+    },
+    id() {
+      this.idClone = this.id;
+    },
+    type() {
+      this.typeClone = this.type, setTimeout(() => {
+        this.showContent = this.status;
+      }, 50);
+    },
+    size() {
+      this.sizeClone = this.size;
+    },
+    modalStatus() {
+      this.modalStatusClone = this.modalStatus;
+    },
+    acceptButtonType() {
+      this.acceptButtonTypeClone = this.acceptButtonType;
+    },
+    title() {
+      this.titleClone = this.title;
+    },
+    modalDescription() {
+      this.modalDescriptionClone = this.preventXss ? a(this.modalDescription) : this.modalDescription;
+    },
+    informationModalDescription() {
+      this.informationModalDescriptionClone = this.preventXss ? a(this.informationModalDescription) : this.informationModalDescription;
+    },
+    cancelButtonText() {
+      this.cancelButtonTextClone = this.cancelButtonText;
+    },
+    acceptButtonText() {
+      this.acceptButtonTextClone = this.acceptButtonText;
+    }
+  },
+  mounted() {
+    this.handleOverflow();
+  },
+  created() {
+    setTimeout(() => {
+      this.showContent = this.status;
+    }, 50);
+  },
+  destroyed() {
+    this.handleOverflow();
+  },
+  methods: {
+    /**
+     * @param settings {object}
+     */
+    show(t) {
+      this.statusClone = !0, this.idClone = t.id || "modal", this.typeClone = t.type || "information", this.titleClone = t.title || "information", this.sizeClone = t.size || "small", this.modalStatusClone = t.modalStatus || "default", this.acceptButtonTypeClone = t.acceptButtonType || n, this.informationModalDescriptionClone = t.informationModalDescription || "", this.cancelButtonTextClone = t.cancelButtonText || "Cancel", this.acceptButtonTextClone = t.acceptButtonText || "Button", this.closeCallback = t.closeCallback || this.closeCallback, this.acceptCallback = t.acceptCallback || this.acceptCallback, this.handleOverflow();
+    },
+    triggerAcceptButton() {
+      this.acceptCallback(), this.handleOverflow();
+    },
+    closeModal() {
+      this.closeCallback(), this.handleOverflow();
+    },
+    back() {
+      this.$emit("back");
+    },
+    /**
+     * @return {void}
+     */
+    handleOverflow() {
+      if (this.statusClone) {
+        document.body.style.overflow = "hidden";
+        return;
+      }
+      document.body.style.overflow = "";
+    },
+    /**
+     * @return {void}
+     */
+    closeFromOverlay() {
+      this.closeOnOverlayClick && this.closeModal();
+    },
+    /**
+     * @return {void}
+     */
+    closeModalClick() {
+      if (this.withBackOption) {
+        this.$emit("back");
+        return;
+      }
+      this.$emit("closeModal");
+    }
+  }
+};
+var H = function() {
+  var t = this, e = t._self._c;
+  return t.statusClone ? e("div", { staticClass: "in-modal-wrapper qa-modal", class: [
+    t.$style["in-modal-wrapper"],
+    {
+      "in-modal-information": t.isTypeInformation || t.isTypeOnboard,
+      [t.$style["in-modal-information"]]: t.isTypeInformation || t.isTypeOnboard
+    },
+    {
+      "in-modal-wrapper_opened": t.statusClone,
+      [t.$style["in-modal-wrapper_opened"]]: t.statusClone
+    },
+    {
+      "in-modal-wrapper_without-overlay": !t.hasOverlay,
+      [t.$style["in-modal-wrapper_without-overlay"]]: !t.hasOverlay
+    }
+  ], attrs: { id: t.idClone } }, [t.hasOverlay ? e("div", { staticClass: "in-modal-wrapper__overlay", class: t.$style["in-modal-wrapper__overlay"], on: { click: t.closeFromOverlay } }) : t._e(), t.isTypeOnboard ? e("in-box", { staticClass: "bor-w-0", class: [
+    `in-modal-wrapper__${t.typeClone}-content`,
+    t.$style[`in-modal-wrapper__${t.typeClone}-content`],
+    `in-modal-wrapper__${t.typeClone}-content_${t.sizeClone}`,
+    t.$style[`in-modal-wrapper__${t.typeClone}-content_${t.sizeClone}`]
+  ] }, [t._t("onboard")], 2) : e("in-box", { staticClass: "fl-r", class: [{ "bor-r-0": !t.isTypeInformation }, t.contentClass, t.contentModuleClass] }, [e("div", { staticClass: "pt-5" }, [e("div", { staticClass: "in-modal-wrapper__title px-5", class: t.$style["in-modal-wrapper__title"] }, [e("div", [e("p", { staticClass: "w-b-b-w" }, [t._v(" " + t._s(t.titleClone) + " ")])]), t._t("secondaryIcon"), t.closeButtons ? e("a", { staticClass: "in-modal-wrapper__icon qa-close ml-2", class: t.$style["in-modal-wrapper__icon"], on: { click: t.closeModal } }, [e("in-icons", { attrs: { name: "line-close-netural" } })], 1) : t._e()], 2), e("div", [t.hasModalDescription ? e("p", { staticClass: "f-s-2 l-h-2 t-c-2 mt-2 px-5", class: t.descriptionClass, domProps: { innerHTML: t._s(t.modalDescriptionClone) } }) : t._e(), t.isTypeInformation ? e("p", { staticClass: "px-5 m-0 mt-5", domProps: { innerHTML: t._s(t.informationModalDescriptionClone) } }) : t._e(), t._t("secondaryLine")], 2), t.isTypeInformation ? t._e() : e("div", { staticClass: "pb-2 mt-5", class: [t.withSpacing, t.heightClass, t.heightModuleClass] }, [t._t("default")], 2), t.visibleButtons ? e("div", { staticClass: "in-modal-wrapper__buttons w-1 b-c-4 px-5 clearfix", class: [t.$style["in-modal-wrapper__buttons"], t.buttonSpacing] }, [t.closeButtons && !t.withPage ? e("in-button-v2", { staticClass: "mt-2", attrs: { id: "cancel", "label-text": t.cancelButtonTextClone, styling: "text", type: "secondary" }, on: { click: t.closeModalClick } }) : t._e(), t.closeButtons && t.withPage ? e("in-button-v2", { staticClass: "mt-2", attrs: { id: "back", "label-text": t.backButtonText, styling: "text", type: "secondary" }, on: { click: t.back } }) : t._e(), e("in-button-v2", { staticClass: "fl-r", attrs: { id: "accept", "disabled-status": t.acceptButtonDisable, styling: t.buttonStyling.styling, type: t.buttonStyling.type, "loading-status": t.isModalAcceptButtonLoading, "label-text": t.acceptButtonTextClone }, on: { click: t.triggerAcceptButton } }), e("div", { staticClass: "fl-r mr-3" }, [t._t("secondaryButton")], 2)], 1) : t._e()])])], 1) : t._e();
+}, P = [];
+const o = {
+  $style: W
+};
+function q(t) {
+  for (var e in o)
+    this[e] = o[e];
+}
+var A = /* @__PURE__ */ s(
+  V,
+  H,
+  P,
+  !1,
+  q
+);
+const Y = A.exports;
+export {
+  Y as InModals
+};

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

@@ -0,0 +1,145 @@
+import { InButtonV2 as n } from "./InButtonV2.js";
+import { p as a, k as s } from "./chunks/helpers.CgHNyjAJ.js";
+import { n as e } from "./chunks/_plugin-vue2_normalizer.WQT2Fc8L.js";
+/* empty css                      */
+const l = "_in-no-data_v01428_EIOPS", p = "_in-no-data__title_v01428_U3708", r = "_in-no-data__description_v01428_DVWE3", _ = "_in-no-data__button_v01428_GD1hl", d = {
+  "in-no-data": "_in-no-data_v01428_EIOPS",
+  inNoData: l,
+  "in-no-data__title": "_in-no-data__title_v01428_U3708",
+  inNoDataTitle: p,
+  "in-no-data__description": "_in-no-data__description_v01428_DVWE3",
+  inNoDataDescription: r,
+  "in-no-data__button": "_in-no-data__button_v01428_GD1hl",
+  inNoDataButton: _
+}, c = {
+  components: {
+    InButtonV2: n
+  },
+  props: {
+    /**
+     * @property {string} title
+     */
+    title: {
+      type: String,
+      default: ""
+    },
+    /**
+     * @property {string} description
+     */
+    description: {
+      type: String,
+      default: ""
+    },
+    /**
+     * @property {boolean} visibleIcon
+     */
+    visibleIcon: {
+      type: Boolean,
+      default: !0
+    },
+    /**
+     * @property {string} icon
+     */
+    icon: {
+      type: String,
+      default: "no-data"
+    },
+    /**
+     * @property {string} buttonStatus
+     */
+    buttonStatus: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * @property {string} buttonText
+     */
+    buttonText: {
+      type: String,
+      default: ""
+    },
+    /**
+     * @property {string} backgroundColorClass
+     */
+    backgroundColorClass: {
+      type: String,
+      default: "b-c-4"
+    },
+    /**
+     * @property {string} titleColorClass
+     */
+    titleColorClass: {
+      type: String,
+      default: "t-c-1"
+    },
+    /**
+     * @property {string} descriptionColorClass
+     */
+    descriptionColorClass: {
+      type: String,
+      default: "t-c-2"
+    },
+    /**
+     * @property {string} iconClass
+     */
+    iconClass: {
+      type: String,
+      default: "mb-3"
+    },
+    parseAsHtml: { type: Boolean, default: !1 },
+    preventXss: { type: Boolean, default: !1 },
+    buttonType: { type: String, default: "primary" },
+    isButtonDisabled: { type: Boolean, default: !1 },
+    buttonTooltip: { type: String, default: "" },
+    buttonTooltipPosition: { type: String, default: "top center" },
+    buttonProps: { type: Object, default: () => ({}) }
+  },
+  computed: {
+    buttonOptions() {
+      return {
+        id: "in-device-template-wrapper__button",
+        type: this.buttonType,
+        styling: this.buttonStyling || "solid",
+        tooltipOptions: {
+          id: `in-no-data__button-tooltip-${this._uid}`,
+          dynamicPosition: !this.buttonTooltipPosition,
+          staticPosition: this.buttonTooltipPosition
+        },
+        status: this.buttonTooltip,
+        tooltipStatus: this.buttonTooltip,
+        tooltipText: this.buttonTooltip,
+        labelText: this.buttonText,
+        disabledStatus: this.isButtonDisabled,
+        ...this.buttonProps
+      };
+    }
+  },
+  methods: {
+    getImageURL: s,
+    preventXSS: a
+  }
+};
+var u = function() {
+  var t = this, i = t._self._c;
+  return i("div", { staticClass: "in-no-data t-a-c a-i-c t-0", class: [t.$style["in-no-data"], t.backgroundColorClass] }, [i("div", { staticClass: "w-1" }, [t.visibleIcon ? i("img", { staticClass: "in-device-template-wrapper__icon", class: t.iconClass, attrs: { width: "240", height: "240", src: t.getImageURL(`img/speacial/${t.icon}.svg`) } }) : t._e(), i("p", { staticClass: "in-no-data__title f-s-3 l-h-2 t-a-c in-device-template-wrapper__title", class: [t.titleColorClass, t.$style["in-no-data__title"]] }, [t._v(" " + t._s(t.title) + " ")]), t.parseAsHtml ? i("p", { staticClass: "in-no-data__description", class: [t.descriptionColorClass, t.$style["in-no-data__description"]], domProps: { innerHTML: t._s(t.preventXss ? t.preventXSS(t.description) : t.description) } }) : i("p", { staticClass: "in-no-data__description f-s-2 mt-2 l-h-2 t-a-c max-w-23-s m-auto", class: [t.descriptionColorClass, t.$style["in-no-data__description"]] }, [t._v(" " + t._s(t.description) + " ")]), t.buttonStatus ? [i("in-button-v2", t._b({ staticClass: "in-no-data__button", class: t.$style["in-no-data__button"], on: { click: function(v) {
+    return t.$emit("click");
+  } } }, "in-button-v2", t.buttonOptions, !1))] : t._e()], 2)]);
+}, b = [];
+const o = {
+  $style: d
+};
+function f(t) {
+  for (var i in o)
+    this[i] = o[i];
+}
+var y = /* @__PURE__ */ e(
+  c,
+  u,
+  b,
+  !1,
+  f
+);
+const S = y.exports;
+export {
+  S as InNoData
+};