@kong/kongponents 9.45.2-pr.2966.e9b6b84.0 → 9.45.3-pr.2957.da143ec.0

package/dist/kongponents.es117.js

@@ -1,206 +0,0 @@
-import { defineComponent as C, ref as $, computed as w, watch as S, nextTick as T, onMounted as V, onBeforeUnmount as K, onUnmounted as A, createElementBlock as d, createCommentVNode as c, openBlock as i, withKeys as k, createElementVNode as o, normalizeClass as E, renderSlot as n, createTextVNode as a, toDisplayString as s, createVNode as r, unref as v, withCtx as y } from "vue";
-import p from "./kongponents.es33.js";
-import D from "./kongponents.es187.js";
-import { KUI_COLOR_TEXT_DECORATIVE_AQUA as H } from "./kongponents.es184.js";
-const _ = ["aria-label"], O = { class: "k-modal-fullscreen-body-header" }, M = {
-  key: 0,
-  class: "body-header"
-}, N = {
-  key: 1,
-  class: "body-header-description"
-}, U = { class: "k-modal-fullscreen-body" }, L = { class: "k-modal-fullscreen-header" }, q = {
-  "aria-level": "2",
-  class: "k-modal-fullscreen-header-description",
-  role: "heading"
-}, F = { class: "k-modal-fullscreen-title" }, I = { class: "header-icon" }, R = { class: "header-content" }, j = { class: "k-modal-fullscreen-action" }, z = { class: "k-modal-fullscreen-action-buttons" }, Q = {
-  key: 0,
-  class: "k-modal-fullscreen-footer"
-}, W = { class: "k-modal-fullscreen-action" }, X = { class: "k-modal-fullscreen-action-buttons" }, Z = /* @__PURE__ */ C({
-  __name: "KModalFullscreen",
-  props: {
-    /**
-    * Set the text of the title, if using title slot
-    */
-    title: {
-      type: String,
-      required: !0
-    },
-    /**
-    * Set the title in the body
-    */
-    bodyHeader: {
-      type: String,
-      default: ""
-    },
-    /**
-    * Text to display as a description of the body's title
-    */
-    bodyHeaderDescription: {
-      type: String,
-      default: ""
-    },
-    /**
-    *  Pass whether or not the modal should be visible
-    */
-    isVisible: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-    * Set the text of the close/cancel button
-    */
-    cancelButtonText: {
-      type: String,
-      default: "Cancel"
-    },
-    /**
-    * Set the text of the action/proceed button
-    */
-    actionButtonText: {
-      type: String,
-      default: "Save"
-    },
-    /**
-    * Set the appearance of the action/proceed button
-    */
-    actionButtonAppearance: {
-      type: String,
-      default: "primary"
-    },
-    /**
-    * Set the appearance of the close/cancel button
-    */
-    cancelButtonAppearance: {
-      type: String,
-      default: "secondary"
-    },
-    /**
-    * @deprecated
-    * Pass the type of icon for the header on the left
-    */
-    iconString: {
-      type: String,
-      default: "kong"
-    }
-  },
-  emits: ["canceled", "proceed"],
-  setup(t, { emit: g }) {
-    const u = t, h = g, f = $(null), B = w(() => !!u.isVisible);
-    S(() => u.isVisible, async () => {
-      typeof document > "u" || (B.value ? (document.body.style.overflow = "hidden", await T(), f.value && f.value.focus()) : document.body.style.overflow = "");
-    });
-    const b = (e) => {
-      u.isVisible && (e.keyCode === 27 ? m() : e.keyCode === 13 && l());
-    }, m = () => {
-      h("canceled");
-    }, l = () => {
-      h("proceed");
-    };
-    return V(() => {
-      document.addEventListener("keydown", b), console.warn(`The Kongponents 'KModalFullscreen' component is deprecated and will be removed in the next major release.
-We suggest using 'KModal' component instead.
-Docs: https://kongponents.konghq.com/components/modal.html#fullscreen`);
-    }), K(() => {
-      document.removeEventListener("keydown", b);
-    }), A(() => {
-      document.body.style.overflow = "";
-    }), (e, x) => t.isVisible ? (i(), d("div", {
-      key: 0,
-      "aria-label": t.title,
-      "aria-modal": "true",
-      class: "k-modal-fullscreen isOpen",
-      role: "dialog",
-      onKeyup: [
-        k(l, ["enter"]),
-        k(m, ["esc"])
-      ]
-    }, [
-      o("div", {
-        ref_key: "modalBodyContent",
-        ref: f,
-        class: E(["k-modal-fullscreen-dialog", { "has-footer": e.$slots["footer-content"] }]),
-        tabindex: "0"
-      }, [
-        o("div", O, [
-          e.$slots["body-header"] || t.bodyHeader ? (i(), d("div", M, [
-            n(e.$slots, "body-header", {}, () => [
-              a(s(t.bodyHeader), 1)
-            ], !0)
-          ])) : c("", !0),
-          e.$slots["body-header-description"] || t.bodyHeaderDescription ? (i(), d("div", N, [
-            n(e.$slots, "body-header-description", {}, () => [
-              a(s(t.bodyHeaderDescription), 1)
-            ], !0)
-          ])) : c("", !0)
-        ]),
-        o("div", U, [
-          n(e.$slots, "default", {}, void 0, !0)
-        ]),
-        o("div", L, [
-          o("div", q, [
-            o("div", F, [
-              o("span", I, [
-                n(e.$slots, "header-icon", {}, () => [
-                  r(v(D), { color: v(H) }, null, 8, ["color"])
-                ], !0)
-              ]),
-              o("span", R, [
-                n(e.$slots, "header-content", {}, () => [
-                  a(s(t.title), 1)
-                ], !0)
-              ])
-            ]),
-            o("div", j, [
-              o("div", z, [
-                n(e.$slots, "action-buttons", {}, () => [
-                  r(p, {
-                    appearance: t.cancelButtonAppearance,
-                    class: "cancel-button",
-                    onClick: m
-                  }, {
-                    default: y(() => [
-                      a(s(t.cancelButtonText), 1)
-                    ]),
-                    _: 1
-                  }, 8, ["appearance"]),
-                  r(p, {
-                    appearance: t.actionButtonAppearance,
-                    class: "proceed-button",
-                    onClick: l
-                  }, {
-                    default: y(() => [
-                      a(s(t.actionButtonText), 1)
-                    ]),
-                    _: 1
-                  }, 8, ["appearance"])
-                ], !0)
-              ])
-            ])
-          ])
-        ]),
-        e.$slots["footer-content"] ? (i(), d("div", Q, [
-          n(e.$slots, "footer-content", {}, void 0, !0),
-          o("div", W, [
-            o("div", X, [
-              n(e.$slots, "action-buttons", {}, () => [
-                r(p, {
-                  appearance: t.actionButtonAppearance,
-                  class: "proceed-button",
-                  onClick: l
-                }, {
-                  default: y(() => [
-                    a(s(t.actionButtonText), 1)
-                  ]),
-                  _: 1
-                }, 8, ["appearance"])
-              ], !0)
-            ])
-          ])
-        ])) : c("", !0)
-      ], 2)
-    ], 40, _)) : c("", !0);
-  }
-});
-export {
-  Z as default
-};