@webitel/ui-sdk 26.6.34 → 26.6.36

package/dist/wt-expansion-card-B8JKBMLa.js

@@ -1,56 +0,0 @@
-import { defineComponent as x, toRef as _, resolveComponent as v, createElementBlock as C, openBlock as b, normalizeClass as i, createElementVNode as d, withDirectives as y, renderSlot as p, createVNode as l, withCtx as z, vShow as h, unref as e, withKeys as E, normalizeProps as $, guardReactiveProps as g } from "vue";
-import { C as k, W as B, _ as S } from "./install-Cm-8fwtB.js";
-import { u as D } from "./useExpansion-BrQ40HiR.js";
-const K = { class: "wt-expansion-card-body" }, N = /* @__PURE__ */ x({
-  __name: "wt-expansion-card",
-  props: {
-    size: { default: k.MD },
-    collapsed: { type: Boolean, default: !1 }
-  },
-  emits: ["opened", "closed"],
-  setup(c, { emit: m }) {
-    const n = c, u = m, { opened: s, open: w, toggle: o } = D(_(n, "collapsed"), u);
-    return (a, t) => {
-      const f = v("wt-icon-btn");
-      return b(), C("section", {
-        class: i([[`wt-expansion-card--${n.size}`], "wt-expansion-card"])
-      }, [
-        d("header", {
-          class: i([[n.size === "sm" ? "typo-subtitle-2" : "typo-subtitle-1"], "wt-expansion-card-header"]),
-          tabindex: "0"
-        }, [
-          p(a.$slots, "header", {}, void 0, !0)
-        ], 2),
-        y(l(B, null, {
-          default: z(() => [
-            d("article", K, [
-              p(a.$slots, "body", {}, void 0, !0)
-            ])
-          ], void 0, !0),
-          _: 3
-        }, 512), [
-          [h, e(s)]
-        ]),
-        d("footer", {
-          class: "wt-expansion-card-actions",
-          onClick: t[0] || (t[0] = //@ts-ignore
-          (...r) => e(o) && e(o)(...r)),
-          onKeypress: t[1] || (t[1] = E(
-            //@ts-ignore
-            (...r) => e(o) && e(o)(...r),
-            ["enter"]
-          ))
-        }, [
-          p(a.$slots, "actions", $(g({ open: e(w), opened: e(s) })), void 0, !0),
-          l(f, {
-            class: i([{ "wt-expansion-card-arrow--opened": e(s) }, "wt-expansion-card-arrow"]),
-            icon: "arrow-down"
-          }, null, 8, ["class"])
-        ], 32)
-      ], 2);
-    };
-  }
-}), W = /* @__PURE__ */ S(N, [["__scopeId", "data-v-e8df807a"]]);
-export {
-  W as default
-};

package/dist/wt-expansion-panel-DL3eoj_b.js

@@ -1,54 +0,0 @@
-import { defineComponent as v, toRef as x, resolveComponent as _, createElementBlock as C, openBlock as y, normalizeClass as p, createElementVNode as l, withDirectives as z, withKeys as h, unref as e, renderSlot as r, createVNode as d, normalizeProps as E, guardReactiveProps as b, withCtx as g, vShow as $ } from "vue";
-import { C as k, W as B, _ as P } from "./install-Cm-8fwtB.js";
-import { u as S } from "./useExpansion-BrQ40HiR.js";
-const D = { class: "wt-expansion-panel-actions" }, K = { class: "wt-expansion-panel-body" }, N = /* @__PURE__ */ v({
-  __name: "wt-expansion-panel",
-  props: {
-    size: { default: k.MD },
-    collapsed: { type: Boolean, default: !1 }
-  },
-  emits: ["opened", "closed"],
-  setup(c, { emit: m }) {
-    const t = c, u = m, { opened: s, open: w, toggle: o } = S(x(t, "collapsed"), u);
-    return (a, n) => {
-      const f = _("wt-icon");
-      return y(), C("div", {
-        class: p([[`wt-expansion-panel--${t.size}`], "wt-expansion-panel"])
-      }, [
-        l("div", {
-          class: p([[t.size === "sm" ? "typo-subtitle-2" : "typo-subtitle-1"], "wt-expansion-panel-header"]),
-          tabindex: "0",
-          onClick: n[0] || (n[0] = //@ts-ignore
-          (...i) => e(o) && e(o)(...i)),
-          onKeypress: n[1] || (n[1] = h(
-            //@ts-ignore
-            (...i) => e(o) && e(o)(...i),
-            ["enter"]
-          ))
-        }, [
-          r(a.$slots, "title", {}, void 0, !0),
-          l("div", D, [
-            r(a.$slots, "actions", E(b({ open: e(w), opened: e(s) })), void 0, !0),
-            d(f, {
-              class: p([{ "wt-expansion-panel-arrow--opened": e(s) }, "wt-expansion-panel-arrow"]),
-              icon: "arrow-right"
-            }, null, 8, ["class"])
-          ])
-        ], 34),
-        z(d(B, null, {
-          default: g(() => [
-            l("div", K, [
-              r(a.$slots, "default", {}, void 0, !0)
-            ])
-          ], void 0, !0),
-          _: 3
-        }, 512), [
-          [$, e(s)]
-        ])
-      ], 2);
-    };
-  }
-}), I = /* @__PURE__ */ P(N, [["__scopeId", "data-v-a0c6afd9"]]);
-export {
-  I as default
-};

package/dist/wt-filters-panel-wrapper-CGXQiRvh.js

@@ -1,75 +0,0 @@
-import { resolveComponent as r, createElementBlock as l, openBlock as o, normalizeClass as i, createElementVNode as s, renderSlot as c, createVNode as p } from "vue";
-import { _ as d } from "./install-Cm-8fwtB.js";
-const f = {
-  name: "FiltersPanelWrapper",
-  /**
-   * @emits {void} reset - Filters reset click event
-   */
-  props: {
-    /**
-     * Array of table action icons to display
-     * @type {Array}
-     * @default ['filter-reset', 'settings']
-     */
-    tableActionIcons: {
-      type: Array,
-      default: () => [
-        "filter-reset",
-        "settings"
-      ]
-    },
-    /**
-     * Controls filters panel expansion state
-     * @type {boolean}
-     * @default false
-     */
-    isOpened: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  data() {
-    return {
-      localIsOpened: this.isOpened,
-      filtersCount: 0
-    };
-  },
-  methods: {
-    tableActionsHandler(e) {
-      switch (e) {
-        case "filterReset":
-          this.resetFilters();
-          break;
-        case "settings":
-          this.toggleFiltersExpansion();
-          break;
-      }
-    },
-    toggleFiltersExpansion() {
-      this.localIsOpened = !this.localIsOpened;
-    },
-    resetFilters() {
-      this.$emit("reset");
-    }
-  }
-}, _ = { class: "filters-wrap" }, u = { class: "actions-wrap" };
-function m(e, h, t, b, w, n) {
-  const a = r("wt-table-actions");
-  return o(), l("article", {
-    class: i([{ "filters-panel-wrapper--opened": t.isOpened }, "filters-panel-wrapper"])
-  }, [
-    s("div", _, [
-      c(e.$slots, "default", {}, void 0, !0)
-    ]),
-    s("div", u, [
-      p(a, {
-        icons: t.tableActionIcons,
-        onInput: n.tableActionsHandler
-      }, null, 8, ["icons", "onInput"])
-    ])
-  ], 2);
-}
-const F = /* @__PURE__ */ d(f, [["render", m], ["__scopeId", "data-v-f81aca94"]]);
-export {
-  F as default
-};

package/dist/wt-galleria-Bahv6Mgq.js

@@ -1,323 +0,0 @@
-import { ref as k, onMounted as P, onUnmounted as D, useAttrs as Z, computed as $, resolveComponent as w, createBlock as A, openBlock as y, mergeProps as j, unref as i, withCtx as s, createVNode as a, createTextVNode as x, toDisplayString as g, createElementVNode as m, renderSlot as J, defineComponent as K, mergeModels as B, useModel as S, watch as F, nextTick as Q, createElementBlock as L, Fragment as W, createCommentVNode as q, normalizeClass as M, withDirectives as X, vShow as Y } from "vue";
-import { _ as ee, B as te } from "./install-Cm-8fwtB.js";
-const le = () => {
-  const e = k(!1), c = () => {
-    e.value ? l() : v();
-  }, t = () => {
-    e.value = !e.value;
-  }, v = () => {
-    const o = document.querySelector(".p-galleria");
-    o.requestFullscreen ? o.requestFullscreen() : o.mozRequestFullScreen ? o.mozRequestFullScreen() : o.webkitRequestFullscreen ? o.webkitRequestFullscreen() : o.msRequestFullscreen && o.msRequestFullscreen();
-  }, l = () => {
-    document.exitFullscreen ? document.exitFullscreen() : document.mozCancelFullScreen ? document.mozCancelFullScreen() : document.webkitExitFullscreen ? document.webkitExitFullscreen() : document.msExitFullscreen && document.msExitFullscreen();
-  }, n = () => {
-    document.addEventListener("fullscreenchange", t), document.addEventListener("mozfullscreenchange", t), document.addEventListener("webkitfullscreenchange", t), document.addEventListener("msfullscreenchange", t);
-  }, r = () => {
-    document.removeEventListener("fullscreenchange", t), document.removeEventListener("mozfullscreenchange", t), document.removeEventListener("webkitfullscreenchange", t), document.removeEventListener("msfullscreenchange", t);
-  };
-  return P(() => {
-    n();
-  }), D(() => {
-    r();
-  }), {
-    fullScreen: e,
-    toggleFullScreen: c
-  };
-}, ne = (e) => {
-  const c = ({ target: l }) => {
-    l.classList.contains("p-galleria-mask") && (e.value = !1);
-  };
-  return {
-    listenMaskElementClick: () => {
-      document.querySelector(".p-galleria-mask")?.addEventListener("click", c);
-    },
-    removeMaskElementClick: () => {
-      document.querySelector(".p-galleria-mask")?.removeEventListener("click", c);
-    }
-  };
-}, oe = () => {
-  const e = k(!1), c = k(0), t = k(() => {
-  });
-  function v({ deleted: n, callback: r }) {
-    Array.isArray(n) ? c.value = n.length : c.value = 1, e.value = !0, t.value = r;
-  }
-  function l() {
-    e.value = !1;
-  }
-  return {
-    isVisible: e,
-    deleteCount: c,
-    deleteCallback: t,
-    askDeleteConfirmation: v,
-    closeDelete: l
-  };
-}, ae = { class: "delete-confirmation-popup__content" }, ie = { class: "delete-confirmation-popup__message" }, se = {
-  __name: "delete-confirmation-popup",
-  props: {
-    deleteCount: {
-      type: Number,
-      required: !0
-    },
-    callback: {
-      type: Function,
-      required: !0
-    }
-  },
-  emits: [
-    "close"
-  ],
-  setup(e, { emit: c }) {
-    const t = e, v = Z(), { t: l } = te(), n = $(() => t.deleteCount === 0 ? l("webitelUI.deleteConfirmationPopup.tableAskingAlert", 2, null, {
-      count: l("webitelUI.deleteConfirmationPopup.deleteAll")
-    }) : l(
-      "webitelUI.deleteConfirmationPopup.tableAskingAlert",
-      {
-        count: t.deleteCount
-      },
-      null
-    ));
-    return (r, o) => {
-      const _ = w("wt-icon"), u = w("wt-button"), h = w("wt-confirm-dialog");
-      return y(), A(h, j(i(v), {
-        class: "delete-confirmation-popup",
-        title: r.$t("webitelUI.deleteConfirmationPopup.title"),
-        callback: e.callback,
-        onClose: o[0] || (o[0] = (b) => r.$emit("close"))
-      }), {
-        main: s(() => [
-          m("div", ae, [
-            a(_, {
-              color: "error",
-              icon: "attention"
-            }),
-            m("p", ie, [
-              J(r.$slots, "deleteMessage", {}, () => [
-                x(g(n.value), 1)
-              ], !0)
-            ])
-          ])
-        ]),
-        actions: s(({ isDeleting: b, close: C, confirm: I }) => [
-          a(u, {
-            loading: b,
-            onClick: I
-          }, {
-            default: s(() => [
-              x(g(r.$t("vocabulary.yes")), 1)
-            ], void 0, !0),
-            _: 1
-          }, 8, ["loading", "onClick"]),
-          a(u, {
-            disabled: b,
-            color: "secondary",
-            onClick: C
-          }, {
-            default: s(() => [
-              x(g(r.$t("vocabulary.no")), 1)
-            ], void 0, !0),
-            _: 1
-          }, 8, ["disabled", "onClick"])
-        ]),
-        _: 3
-      }, 16, ["title", "callback"]);
-    };
-  }
-}, ce = /* @__PURE__ */ ee(se, [["__scopeId", "data-v-95c498c1"]]), re = ["src", "alt"], ue = ["src", "alt"], de = { class: "wt-galleria__footer" }, me = {
-  key: 0,
-  class: "wt-galleria__footer-info"
-}, ve = { class: "wt-galleria__footer-actions" }, ge = /* @__PURE__ */ K({
-  __name: "wt-galleria",
-  props: /* @__PURE__ */ B({
-    value: {},
-    id: {},
-    activeIndex: {},
-    fullScreen: { type: Boolean },
-    visible: { type: Boolean },
-    numVisible: {},
-    responsiveOptions: {},
-    showItemNavigators: { type: Boolean },
-    showThumbnailNavigators: { type: Boolean },
-    showItemNavigatorsOnHover: { type: Boolean },
-    changeItemOnIndicatorHover: { type: Boolean },
-    circular: { type: Boolean },
-    autoPlay: { type: Boolean },
-    transitionInterval: {},
-    showThumbnails: { type: Boolean },
-    thumbnailsPosition: {},
-    verticalThumbnailViewPortHeight: {},
-    showIndicators: { type: Boolean },
-    showIndicatorsOnItem: { type: Boolean },
-    indicatorsPosition: {},
-    baseZIndex: {},
-    maskClass: {},
-    containerStyle: {},
-    containerClass: {},
-    containerProps: {},
-    prevButtonProps: {},
-    nextButtonProps: {},
-    ariaLabel: {},
-    ariaRoledescription: {},
-    dt: {},
-    pt: {},
-    ptOptions: {},
-    unstyled: { type: Boolean }
-  }, {
-    visible: { type: Boolean, required: !0 },
-    visibleModifiers: {},
-    activeIndex: {
-      default: 0,
-      required: !1
-    },
-    activeIndexModifiers: {}
-  }),
-  emits: /* @__PURE__ */ B([
-    "download",
-    "delete"
-  ], ["update:visible", "update:activeIndex"]),
-  setup(e, { emit: c }) {
-    const t = e, v = c, l = S(e, "visible"), n = S(e, "activeIndex"), r = $(() => t.value[n.value]), o = k(!0), _ = k(!0), { fullScreen: u, toggleFullScreen: h } = le(), { listenMaskElementClick: b, removeMaskElementClick: C } = ne(l), {
-      isVisible: I,
-      deleteCount: N,
-      deleteCallback: V,
-      askDeleteConfirmation: z,
-      closeDelete: R
-    } = oe(), T = () => {
-      _.value = !_.value;
-    }, U = () => {
-      o.value = !1;
-    }, O = () => {
-      u.value && h(), z({
-        deleteCount: 1,
-        callback: () => v("delete", n)
-      });
-    };
-    return F(
-      () => r.value,
-      (E, f) => {
-        E?.src !== f?.src && (o.value = !0);
-      },
-      {
-        deep: !0
-      }
-    ), F(
-      () => l.value,
-      () => {
-        l.value ? Q(() => {
-          b();
-        }) : (n.value = 0, C());
-      }
-    ), F(
-      () => t.value,
-      () => {
-        t.value.length || (l.value = !1);
-      }
-    ), P(() => {
-      l.value && b();
-    }), D(() => {
-      C();
-    }), (E, f) => {
-      const H = w("wt-loader"), p = w("wt-icon"), G = w("p-galleria");
-      return y(), L(W, null, [
-        a(G, {
-          visible: l.value,
-          "onUpdate:visible": f[1] || (f[1] = (d) => l.value = d),
-          "active-index": n.value,
-          "onUpdate:activeIndex": f[2] || (f[2] = (d) => n.value = d),
-          value: e.value,
-          "show-thumbnails": _.value,
-          "full-screen": "",
-          circular: "",
-          "show-item-navigators": "",
-          "num-visible": 5,
-          pt: {
-            root: {
-              class: [{ "flex flex-col": i(u) }]
-            },
-            content: {
-              class: ["relative", { "wt-galleria__content--fullscreen": i(u) }]
-            },
-            thumbnails: "wt-galleria__thumbnails",
-            closeButton: {
-              style: { display: i(u) ? "none" : "block" }
-            }
-          }
-        }, {
-          item: s(({ item: d }) => [
-            m("div", {
-              class: M(["wt-galleria__image-container", { "wt-galleria__image-container--preview": !i(u) }])
-            }, [
-              o.value ? (y(), A(H, { key: 0 })) : q("", !0),
-              X(m("img", {
-                class: M(["wt-galleria__image", { "wt-galleria__image--fullscreen": i(u) }]),
-                src: d?.src,
-                alt: d?.title,
-                onLoad: U
-              }, null, 42, re), [
-                [Y, !o.value]
-              ])
-            ], 2)
-          ]),
-          thumbnail: s(({ item: d }) => [
-            m("img", {
-              src: d?.thumbnailSrc,
-              alt: d?.title,
-              class: "wt-galleria__thumbnail"
-            }, null, 8, ue)
-          ]),
-          closeicon: s(() => [
-            a(p, { icon: "close" })
-          ]),
-          previousitemicon: s(() => [
-            a(p, { icon: "arrow-left" })
-          ]),
-          nextitemicon: s(() => [
-            a(p, { icon: "arrow-right" })
-          ]),
-          previousthumbnailicon: s(() => [
-            a(p, { icon: "arrow-left" })
-          ]),
-          nextthumbnailicon: s(() => [
-            a(p, { icon: "arrow-right" })
-          ]),
-          footer: s(() => [
-            m("div", de, [
-              a(p, {
-                icon: "tile",
-                onClick: T
-              }),
-              e.value.length ? (y(), L("span", me, [
-                m("span", null, g(n.value + 1) + "/" + g(e.value.length), 1),
-                m("span", null, g(e.value[n.value].title), 1),
-                m("span", null, g(e.value[n.value].description), 1)
-              ])) : q("", !0),
-              m("div", ve, [
-                a(p, {
-                  icon: "download",
-                  onClick: f[0] || (f[0] = (d) => v("download", n.value))
-                }),
-                a(p, {
-                  icon: "bucket",
-                  onClick: O
-                }),
-                a(p, {
-                  icon: i(u) ? "collapse" : "expand",
-                  onClick: i(h)
-                }, null, 8, ["icon", "onClick"])
-              ])
-            ])
-          ]),
-          _: 1
-        }, 8, ["visible", "active-index", "value", "show-thumbnails", "pt"]),
-        a(ce, {
-          shown: i(I),
-          callback: i(V),
-          "delete-count": i(N),
-          onClose: i(R)
-        }, null, 8, ["shown", "callback", "delete-count", "onClose"])
-      ], 64);
-    };
-  }
-});
-export {
-  ge as default
-};

package/dist/wt-inline-add-panel-B4RjHVDI.js

@@ -1,49 +0,0 @@
-import { defineComponent as a, resolveComponent as r, createElementBlock as m, openBlock as p, withModifiers as u, normalizeClass as _, renderSlot as f, createElementVNode as b, createVNode as i } from "vue";
-import { _ as w } from "./install-Cm-8fwtB.js";
-const k = { class: "wt-inline-add-panel__actions" }, v = /* @__PURE__ */ a({
-  __name: "wt-inline-add-panel",
-  props: {
-    disabledAddAction: { type: Boolean, default: !1 },
-    direction: { default: "row" }
-  },
-  emits: [
-    "submit",
-    "reset"
-  ],
-  setup(d, { emit: s }) {
-    const e = d, t = s;
-    function n() {
-      t("submit");
-    }
-    function l() {
-      t("reset");
-    }
-    return (c, A) => {
-      const o = r("wt-button");
-      return p(), m("form", {
-        class: _(["wt-inline-add-panel", [`wt-inline-add-panel--${e.direction}`]]),
-        onSubmit: u(n, ["prevent"])
-      }, [
-        f(c.$slots, "default", {}, void 0, !0),
-        b("div", k, [
-          i(o, {
-            disabled: e.disabledAddAction,
-            icon: "tick",
-            color: "secondary",
-            outlined: "",
-            onClick: n
-          }, null, 8, ["disabled"]),
-          i(o, {
-            icon: "close",
-            outlined: "",
-            color: "secondary",
-            onClick: l
-          })
-        ])
-      ], 34);
-    };
-  }
-}), y = /* @__PURE__ */ w(v, [["__scopeId", "data-v-c6373132"]]);
-export {
-  y as default
-};