(function(){"use strict";try{if(typeof document<"u"){var t=document.createElement("style");t.appendChild(document.createTextNode(".pl-notification-alert{padding:12px;position:relative;border-radius:6px;border:1px solid var(--border-color-default);min-height:40px;width:256px;max-height:100%;overflow:auto}.pl-notification-alert .ui-btn-ghost{position:absolute;right:0;top:0}.pl-notification-alert__close{width:32px;min-width:28px}.pl-notification-alert__close .pl-btn-ghost{position:absolute;top:0;right:0;width:40px!important;height:40px!important}.pl-notification-alert__wrapper{flex-grow:1;overflow:auto}.pl-notification-alert.neutral{background:var(--notification-neutral)}.pl-notification-alert.error{background:var(--notification-error)}.pl-notification-alert.success{background:var(--notification-success)}.pl-notification-alert.warning{background:var(--notification-warning)}")),document.head.appendChild(t)}}catch(i){console.error("vite-plugin-css-injected-by-js",i)}})();
import { defineComponent as r, mergeModels as f, useModel as m, createElementBlock as o, createCommentVNode as l, openBlock as a, normalizeStyle as u, normalizeClass as p, createElementVNode as s, renderSlot as n, createVNode as _, unref as h, withModifiers as y } from "vue";
import v from "../PlBtnGhost/PlBtnGhost.vue.js";

const k = { class: "pl-notification-alert__wrapper d-flex text-s" }, w = { class: "pl-notification-alert__content flex-grow-1" }, x = {
  key: 0,
  class: "pl-notification-alert__close"
}, V = {
  key: 0,
  class: "pl-notification-alert__actions d-flex"
}, N = /* @__PURE__ */ r({
  __name: "PlNotificationAlert",
  props: /* @__PURE__ */ f({
    type: { default: "neutral" },
    width: { default: "256px" },
    closable: { type: Boolean }
  }, {
    modelValue: { type: Boolean, default: !0 },
    modelModifiers: {}
  }),
  emits: ["update:modelValue"],
  setup(e) {
    const c = e, i = m(e, "modelValue");
    function d() {
      c.closable && (i.value = !1);
    }
    return (t, $) => i.value ? (a(), o("div", {
      key: 0,
      class: p([e.type, "pl-notification-alert d-flex flex-column gap-16"]),
      style: u({ width: `${e.width}` })
    }, [
      s("div", k, [
        s("div", w, [
          n(t.$slots, "default")
        ]),
        e.closable ? (a(), o("div", x, [
          _(h(v), {
            icon: "close",
            onClick: y(d, ["stop"])
          })
        ])) : l("", !0)
      ]),
      t.$slots.actions ? (a(), o("div", V, [
        n(t.$slots, "actions")
      ])) : l("", !0)
    ], 6)) : l("", !0);
  }
});
export {
  N as default
};
//# sourceMappingURL=PlNotificationAlert.vue.js.map
