@knime/product-features 0.3.0 → 0.4.0

package/dist/toasts.js

@@ -0,0 +1,492 @@
+import { defineComponent, computed, openBlock, createBlock, unref, mergeProps, useCssVars, ref, inject, onMounted, watch, createElementBlock, normalizeClass, withDirectives, createElementVNode, createVNode, toDisplayString, createCommentVNode, Fragment, createTextVNode, resolveDynamicComponent, renderList, vShow, provide, getCurrentInstance, TransitionGroup, withCtx } from 'vue';
+import { useWindowFocus, useMouseInElement, useRafFn, useEventBus } from '@vueuse/core';
+import { KdsLinkButton, KdsButton, KdsIcon, KdsProgressBar } from '@knime/kds-components';
+import { _ as _export_sfc } from './_plugin-vue_export-helper-pcqpp-6-.js';
+import { cloneDeep } from 'es-toolkit';
+import { uniqueId } from 'es-toolkit/compat';
+
+import './toasts.css';const capitalize = (input) => input.charAt(0).toUpperCase() + input.substring(1);
+
+const defaultMaxLength = 160;
+const truncateString = (string = "", maxLength = defaultMaxLength) => {
+  const dots = string.length > maxLength ? "…" : "";
+  return `${string.substring(0, maxLength - 1)}${dots}`;
+};
+
+const toastType = {
+  INFO: "info",
+  SUCCESS: "success",
+  WARNING: "warning",
+  ERROR: "error"
+};
+Object.values(toastType);
+
+const TOAST_STACK_ID = /* @__PURE__ */ Symbol("toast-stack-id");
+
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  __name: "ToastButton",
+  props: {
+    callback: { type: Function },
+    to: {},
+    href: {},
+    icon: {},
+    ariaLabel: {},
+    text: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const mergedTo = computed(() => {
+      if (props.to) {
+        return props.to;
+      }
+      return props.href;
+    });
+    const target = computed(() => {
+      if (props.href) {
+        return "_blank";
+      }
+      return null;
+    });
+    const callback = computed(() => {
+      if (typeof props.callback === "function") {
+        return props.callback;
+      }
+      return void 0;
+    });
+    const labelAndIcon = computed(
+      () => props.text === void 0 ? { leadingIcon: props.icon, ariaLabel: props.ariaLabel } : { label: props.text, leadingIcon: props.icon }
+    );
+    return (_ctx, _cache) => {
+      return mergedTo.value ? (openBlock(), createBlock(unref(KdsLinkButton), mergeProps({
+        key: 0,
+        variant: "transparent",
+        size: "xsmall",
+        to: mergedTo.value,
+        target: target.value,
+        rel: target.value ? "noopener noreferrer" : null
+      }, labelAndIcon.value, { onClick: callback.value }), null, 16, ["to", "target", "rel", "onClick"])) : (openBlock(), createBlock(unref(KdsButton), mergeProps({
+        key: 1,
+        variant: "transparent",
+        size: "xsmall"
+      }, labelAndIcon.value, { onClick: callback.value }), null, 16, ["onClick"]));
+    };
+  }
+});
+
+const _hoisted_1 = { class: "container" };
+const _hoisted_2 = { class: "type-indicator" };
+const _hoisted_3 = { class: "content" };
+const _hoisted_4 = { class: "headline-wrapper" };
+const _hoisted_5 = { class: "headline" };
+const _hoisted_6 = {
+  key: 0,
+  class: "message"
+};
+const _hoisted_7 = {
+  key: 1,
+  class: "message"
+};
+const _hoisted_8 = {
+  key: 2,
+  class: "buttons"
+};
+const MAX_MESSAGE_LENGTH = 160;
+const AUTO_REMOVE_DURATION = 7e3;
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "Toast",
+  props: {
+    type: { default: () => toastType.INFO },
+    headline: { default: "" },
+    message: { default: "" },
+    buttons: { default: () => [] },
+    component: { default: null },
+    autoRemove: { type: Boolean, default: true },
+    active: { type: Boolean, default: true },
+    deduplicationKey: {},
+    meta: {},
+    dismissible: { type: Boolean, default: true }
+  },
+  emits: ["remove", "autoRemove"],
+  setup(__props, { emit: __emit }) {
+    useCssVars((_ctx) => ({
+      "dfdf62ea": mainColor.value,
+      "v6c951376": backgroundColor.value,
+      "v1717c890": borderColor.value
+    }));
+    const availableHeadline = computed(() => {
+      return __props.headline ? __props.headline : capitalize(__props.type);
+    });
+    const iconMap = {
+      [toastType.INFO]: "circle-info",
+      [toastType.ERROR]: "circle-error",
+      [toastType.SUCCESS]: "circle-success",
+      [toastType.WARNING]: "warning"
+    };
+    const typeIndicatorIcon = computed(() => iconMap[__props.type]);
+    const colorMap = {
+      [toastType.INFO]: {
+        textAndIcon: "var(--kds-color-text-and-icon-info)",
+        background: "var(--kds-color-background-static-info-muted)",
+        border: "var(--kds-border-base-info)"
+      },
+      [toastType.ERROR]: {
+        textAndIcon: "var(--kds-color-text-and-icon-danger)",
+        background: "var(--kds-color-background-static-danger-muted)",
+        border: "var(--kds-border-base-danger)"
+      },
+      [toastType.SUCCESS]: {
+        textAndIcon: "var(--kds-color-text-and-icon-success)",
+        background: "var(--kds-color-background-static-success-muted)",
+        border: "var(--kds-border-base-success)"
+      },
+      [toastType.WARNING]: {
+        textAndIcon: "var(--kds-color-text-and-icon-warning)",
+        background: "var(--kds-color-background-static-warning-muted)",
+        border: "var(--kds-border-base-warning)"
+      }
+    };
+    const mainColor = computed(() => colorMap[__props.type].textAndIcon);
+    const backgroundColor = computed(() => colorMap[__props.type].background);
+    const borderColor = computed(() => colorMap[__props.type].border);
+    const emit = __emit;
+    const toastRef = ref(null);
+    const focused = useWindowFocus();
+    const { isOutside } = useMouseInElement(toastRef);
+    const shouldPause = computed(() => !focused.value || !isOutside.value);
+    const elapsed = ref(0);
+    const percentage = computed(
+      () => Math.max(0, 100 - elapsed.value / AUTO_REMOVE_DURATION * 100)
+    );
+    const { pause, resume } = useRafFn(
+      ({ delta }) => {
+        elapsed.value += delta;
+        if (elapsed.value >= AUTO_REMOVE_DURATION) {
+          pause();
+          emit("autoRemove");
+        }
+      },
+      { immediate: false }
+    );
+    const play = resume;
+    const reset = () => {
+      pause();
+      elapsed.value = 0;
+    };
+    const truncatedMessage = computed(
+      () => truncateString(__props.message, MAX_MESSAGE_LENGTH)
+    );
+    const isTruncatable = truncatedMessage.value !== __props.message;
+    const isTruncated = ref(isTruncatable);
+    const showMore = () => {
+      isTruncated.value = false;
+      if (toastRef.value !== null) {
+        toastRef.value.style.height = "unset";
+      }
+    };
+    const nativeHeight = ref(null);
+    const currentHeight = ref(null);
+    const stackId = inject(TOAST_STACK_ID, null);
+    const eventBus = stackId ? useEventBus(`new-stack-height-${stackId.value}`) : null;
+    const animateHeightTo = (targetHeight) => {
+      if (toastRef.value !== null) {
+        toastRef.value.style.height = `${targetHeight}px`;
+      }
+      currentHeight.value = targetHeight;
+    };
+    eventBus?.on((newStackHeight) => {
+      if (typeof newStackHeight === "number" && currentHeight.value !== newStackHeight) {
+        animateHeightTo(newStackHeight);
+      }
+    });
+    onMounted(() => {
+      if (toastRef.value !== null) {
+        nativeHeight.value = toastRef.value.clientHeight;
+        currentHeight.value = toastRef.value.clientHeight;
+      }
+      eventBus?.emit(currentHeight.value);
+      if (__props.autoRemove && __props.active) {
+        play();
+      }
+    });
+    watch(shouldPause, (shouldPause2) => {
+      if (!__props.autoRemove || !__props.active) {
+        return;
+      }
+      if (shouldPause2) {
+        pause();
+      } else {
+        play();
+      }
+    });
+    watch(
+      () => __props.active,
+      (newValue) => {
+        if (newValue) {
+          if (nativeHeight.value !== null) {
+            animateHeightTo(nativeHeight.value);
+            eventBus?.emit(currentHeight.value);
+          }
+          if (__props.autoRemove && !shouldPause.value) {
+            play();
+          }
+          return;
+        }
+        if (isTruncatable) {
+          isTruncated.value = true;
+        }
+        if (__props.autoRemove) {
+          reset();
+        }
+      }
+    );
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        ref_key: "toastRef",
+        ref: toastRef,
+        class: normalizeClass(["toast", __props.type, { "auto-remove": __props.autoRemove }])
+      }, [
+        withDirectives(createElementVNode("div", _hoisted_1, [
+          createElementVNode("div", _hoisted_2, [
+            createVNode(unref(KdsIcon), { name: typeIndicatorIcon.value }, null, 8, ["name"])
+          ]),
+          createElementVNode("div", _hoisted_3, [
+            createElementVNode("div", _hoisted_4, [
+              createElementVNode("div", _hoisted_5, toDisplayString(availableHeadline.value), 1),
+              __props.dismissible ? (openBlock(), createBlock(unref(KdsButton), {
+                key: 0,
+                "data-test-id": "dismiss",
+                variant: "transparent",
+                size: "xsmall",
+                title: "Dismiss message",
+                ariaLabel: "Dismiss message",
+                "leading-icon": "x-close",
+                onClick: _cache[0] || (_cache[0] = ($event) => emit("remove"))
+              })) : createCommentVNode("", true)
+            ]),
+            __props.message ? (openBlock(), createElementBlock("div", _hoisted_6, [
+              isTruncated.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                createTextVNode(toDisplayString(truncatedMessage.value), 1)
+              ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                createTextVNode(toDisplayString(__props.message), 1)
+              ], 64))
+            ])) : __props.component ? (openBlock(), createElementBlock("div", _hoisted_7, [
+              (openBlock(), createBlock(resolveDynamicComponent(__props.component), { onShowMore: showMore }, null, 32))
+            ])) : createCommentVNode("", true),
+            isTruncated.value || __props.buttons.length ? (openBlock(), createElementBlock("div", _hoisted_8, [
+              isTruncated.value ? (openBlock(), createBlock(unref(KdsButton), {
+                key: 0,
+                "data-test-id": "show-more",
+                variant: "transparent",
+                size: "xsmall",
+                label: "Show more",
+                onClick: showMore
+              })) : createCommentVNode("", true),
+              (openBlock(true), createElementBlock(Fragment, null, renderList(__props.buttons, (button, index) => {
+                return openBlock(), createBlock(_sfc_main$2, mergeProps({ ref_for: true }, button, { key: index }), null, 16);
+              }), 128))
+            ])) : createCommentVNode("", true)
+          ]),
+          createVNode(unref(KdsProgressBar), {
+            class: "progress-bar",
+            percentage: percentage.value
+          }, null, 8, ["percentage"])
+        ], 512), [
+          [vShow, __props.active]
+        ])
+      ], 2);
+    };
+  }
+});
+
+const Toast = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-9841e244"]]);
+
+const defaultToastServiceSymbol = /* @__PURE__ */ Symbol("toast");
+const defaultGlobalPropertyName = "$toast";
+class ToastServiceError extends Error {
+  constructor(message) {
+    super(message);
+    this.name = "ToastServiceError";
+  }
+}
+class ToastServiceProvider {
+  toasts = ref([]);
+  show = (toast) => {
+    const clonedToast = cloneDeep(toast);
+    if (clonedToast.deduplicationKey) {
+      const previousToast = this.toasts.value.find(
+        (toast2) => clonedToast.deduplicationKey === toast2.deduplicationKey
+      );
+      if (previousToast) {
+        return previousToast.id;
+      }
+    }
+    const id = uniqueId();
+    clonedToast.autoRemove = clonedToast.autoRemove ?? true;
+    this.toasts.value.unshift({ ...clonedToast, id });
+    return id;
+  };
+  remove(id) {
+    this.toasts.value = this.toasts.value.filter((toast) => toast.id !== id);
+  }
+  removeBy = (predicate) => {
+    this.toasts.value = this.toasts.value.filter((toast) => !predicate(toast));
+  };
+  autoRemove = () => {
+    this.toasts.value = this.toasts.value.filter((toast) => !toast.autoRemove);
+  };
+  removeAll = () => {
+    this.toasts.value = [];
+  };
+  readonlyToasts = computed(() => this.toasts.value);
+  toastServiceObject = {
+    toasts: this.readonlyToasts,
+    show: this.show,
+    remove: this.remove.bind(this),
+    removeBy: this.removeBy.bind(this),
+    autoRemove: this.autoRemove,
+    removeAll: this.removeAll
+  };
+  /** Methods for accessing the toast service object */
+  /**
+   * A composable to be used in the app's root component's `setup`. Provides
+   * the service object to downstream components of the app via Vue's dependency
+   * injection, which can then be accessed via the `useToasts` composable.
+   *
+   * @example
+   * toastServiceProvider.useToastService({ serviceSymbol: Symbol("customToastService") });
+   */
+  useToastService = ({
+    serviceSymbol = defaultToastServiceSymbol
+  } = {}) => {
+    provide(serviceSymbol, this.toastServiceObject);
+  };
+  /**
+   * Returns an object that can be used as a plugin with the `app.use()` syntax.
+   * A custom `propertyName` property can be provided to be used as the global
+   * property name instead of the default "$toast".
+   *
+   * @example
+   * const toastPlugin = toastServiceProvider.getToastServicePlugin();
+   * app.use(toastPlugin, {
+   *    propertyName: "$customPropertyName" // "$toast" by default
+   * })
+   */
+  getToastServicePlugin = () => {
+    return {
+      install: (app, options) => {
+        const propertyName = options?.propertyName ?? defaultGlobalPropertyName;
+        app.config.globalProperties[propertyName] = this.toastServiceObject;
+      }
+    };
+  };
+  /**
+   * Returns the toast service object directly.
+   */
+  getToastServiceObject = () => {
+    return this.toastServiceObject;
+  };
+}
+const useToastsFromSymbol = (serviceSymbol) => {
+  const toastService = inject(serviceSymbol, null);
+  if (!toastService) {
+    throw new ToastServiceError(
+      `No toast service found using the symbol ${serviceSymbol.toString()}.`
+    );
+  }
+  return toastService;
+};
+const useToastsFromGlobalProperty = (propertyName) => {
+  const toastService = getCurrentInstance()?.appContext.config.globalProperties[propertyName];
+  if (!toastService) {
+    throw new ToastServiceError(
+      `No toast service found using the global property name '${propertyName}'.`
+    );
+  }
+  return toastService;
+};
+const useToasts = ({
+  serviceSymbol,
+  propertyName
+} = {}) => {
+  if (serviceSymbol && propertyName) {
+    throw new ToastServiceError(
+      "Please provide either a custom injection key symbol or a custom global property name, but not both."
+    );
+  }
+  if (!serviceSymbol && !propertyName) {
+    try {
+      return useToastsFromSymbol(defaultToastServiceSymbol);
+    } catch (_error) {
+      return useToastsFromGlobalProperty(defaultGlobalPropertyName);
+    }
+  }
+  if (serviceSymbol) {
+    return useToastsFromSymbol(serviceSymbol);
+  }
+  if (propertyName) {
+    return useToastsFromGlobalProperty(propertyName);
+  }
+  throw new ToastServiceError("No toast service found.");
+};
+
+const MAX_TOAST_COUNT = 5;
+const OFFSET = 4;
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "ToastStack",
+  props: {
+    serviceSymbol: { default: null },
+    propertyName: { default: null }
+  },
+  setup(__props) {
+    const stackIdentifier = computed(() => {
+      if (__props.serviceSymbol) {
+        return __props.serviceSymbol.toString();
+      } else if (__props.propertyName) {
+        return __props.propertyName;
+      }
+      return "default";
+    });
+    provide(TOAST_STACK_ID, stackIdentifier);
+    const { toasts, remove, autoRemove } = useToasts({
+      serviceSymbol: __props.serviceSymbol,
+      propertyName: __props.propertyName
+    });
+    const style = (index) => {
+      const factor = index < MAX_TOAST_COUNT ? OFFSET : MAX_TOAST_COUNT;
+      const opacity = index < MAX_TOAST_COUNT ? null : 0;
+      return {
+        zIndex: -index,
+        bottom: `${-factor * index}px`,
+        right: `${-factor * index}px`,
+        ...opacity !== null && { opacity }
+      };
+    };
+    const isActive = (index) => index === 0;
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(TransitionGroup, {
+        class: "toast-stack",
+        tag: "div",
+        name: "toast-stack"
+      }, {
+        default: withCtx(() => [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(unref(toasts), (toast, index) => {
+            return openBlock(), createBlock(Toast, mergeProps({ ref_for: true }, toast, {
+              key: toast.id,
+              active: isActive(index),
+              class: "toast",
+              style: style(index),
+              onRemove: ($event) => unref(remove)(toast.id),
+              onAutoRemove: _cache[0] || (_cache[0] = ($event) => unref(autoRemove)())
+            }), null, 16, ["active", "style", "onRemove"]);
+          }), 128))
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+
+const ToastStack = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-580cd86a"]]);
+
+export { ToastServiceProvider, ToastStack, toastType, useToasts };
+//# sourceMappingURL=toasts.js.map

package/dist/toasts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toasts.js","sources":["../../../node_modules/.pnpm/@knime+utils@1.11.0_consola@3.4.2/node_modules/@knime/utils/src/capitalize.ts","../../../node_modules/.pnpm/@knime+utils@1.11.0_consola@3.4.2/node_modules/@knime/utils/src/truncateString.ts","../src/toasts/Toast/enums.ts","../src/toasts/ToastStack/injectionKeys.ts","../src/toasts/Toast/ToastButton.vue","../src/toasts/Toast/Toast.vue","../src/toasts/toastService/toastService.ts","../src/toasts/ToastStack/ToastStack.vue"],"sourcesContent":["/**\n * Uppercases first letter of string\n * @param string to be capitalized first string, e.g. \"workflow\"\n * @return Capitalized String, e.g. \"Workflow\"\n */\nexport const capitalize = (input: string) =>\n  input.charAt(0).toUpperCase() + input.substring(1);\n\nconst formats = {\n  customFormat: (input: string, delimiter: string) =>\n    capitalize(input.replace(delimiter, \" \").toLowerCase()),\n\n  kebabFormat: (input: string) => formats.customFormat(input, \"-\"),\n  snakeFormat: (input: string) => formats.customFormat(input, \"_\"),\n\n  camelPascalCase: (input: string) =>\n    capitalize(\n      (input.match(/([A-Z]?[^A-Z]*)/g) ?? [])\n        .slice(0, -1)\n        .join(\" \")\n        .toLowerCase(),\n    ),\n} as const;\n\ntype CaseFormatterOptions = {\n  string: string;\n  delimiter?: string;\n  format?: keyof typeof formats;\n};\n\nexport const caseFormatter = ({\n  string,\n  delimiter,\n  format,\n}: CaseFormatterOptions) => {\n  if (delimiter) {\n    return formats.customFormat(string, delimiter);\n  }\n\n  if (format) {\n    return formats[format](string, delimiter ?? \"\");\n  }\n\n  return capitalize(string);\n};\n","const defaultMaxLength = 160;\n\n// truncates a string to a given max length\nexport default (string = \"\", maxLength = defaultMaxLength) => {\n  const dots = string.length > maxLength ? \"…\" : \"\";\n  return `${string.substring(0, maxLength - 1)}${dots}`;\n};\n","export const toastType = {\n  INFO: \"info\",\n  SUCCESS: \"success\",\n  WARNING: \"warning\",\n  ERROR: \"error\",\n} as const;\n\nexport const toastTypes = Object.values(toastType);\n","import type { ComputedRef, InjectionKey } from \"vue\";\n\nexport const TOAST_STACK_ID: InjectionKey<ComputedRef<string>> =\n  Symbol(\"toast-stack-id\");\n","<script setup lang=\"ts\">\nimport { computed } from \"vue\";\n\nimport {\n  KdsButton,\n  type KdsIconName,\n  KdsLinkButton,\n} from \"@knime/kds-components\";\n\nimport type { ToastButton } from \"./types\";\n\ntype LabelAndIcon =\n  | { label: string; leadingIcon?: KdsIconName; ariaLabel?: never }\n  | { label?: never; leadingIcon: KdsIconName; ariaLabel: string };\n\nconst props = defineProps<ToastButton>();\n\nconst mergedTo = computed(() => {\n  if (props.to) {\n    return props.to;\n  }\n  return props.href;\n});\n\nconst target = computed(() => {\n  if (props.href) {\n    return \"_blank\";\n  }\n  return null;\n});\n\nconst callback = computed(() => {\n  if (typeof props.callback === \"function\") {\n    return props.callback;\n  }\n  return undefined;\n});\n\nconst labelAndIcon = computed<LabelAndIcon>(() =>\n  props.text === undefined\n    ? { leadingIcon: props.icon!, ariaLabel: props.ariaLabel }\n    : { label: props.text, leadingIcon: props.icon },\n);\n</script>\n\n<template>\n  <KdsLinkButton\n    v-if=\"mergedTo\"\n    variant=\"transparent\"\n    size=\"xsmall\"\n    :to=\"mergedTo\"\n    :target=\"target\"\n    :rel=\"target ? 'noopener noreferrer' : null\"\n    v-bind=\"labelAndIcon\"\n    @click=\"callback\"\n  />\n\n  <KdsButton\n    v-else\n    variant=\"transparent\"\n    size=\"xsmall\"\n    v-bind=\"labelAndIcon\"\n    @click=\"callback\"\n  />\n</template>\n","<script setup lang=\"ts\">\nimport { computed, inject, onMounted, ref, watch } from \"vue\";\nimport type { Ref } from \"vue\";\nimport {\n  useEventBus,\n  useMouseInElement,\n  useRafFn,\n  useWindowFocus,\n} from \"@vueuse/core\";\n\nimport {\n  KdsButton,\n  KdsIcon,\n  type KdsIconName,\n  KdsProgressBar,\n} from \"@knime/kds-components\";\nimport { capitalize, truncateString } from \"@knime/utils\";\n\nimport { TOAST_STACK_ID } from \"../ToastStack/injectionKeys\";\n\nimport ToastButton from \"./ToastButton.vue\";\nimport { toastType } from \"./enums\";\nimport type { KdsToastType, Toast } from \"./types\";\n\nconst MAX_MESSAGE_LENGTH = 160;\n\nconst {\n  type = toastType.INFO,\n  headline = \"\",\n  message = \"\",\n  component = null,\n  autoRemove = true,\n  active = true,\n  buttons = [],\n  dismissible = true,\n} = defineProps<Toast>();\n\nconst availableHeadline = computed(() => {\n  return headline ? headline : capitalize(type);\n});\n\n// Supported toast types and corresponding icons\nconst iconMap: Record<string, KdsIconName> = {\n  [toastType.INFO]: \"circle-info\",\n  [toastType.ERROR]: \"circle-error\",\n  [toastType.SUCCESS]: \"circle-success\",\n  [toastType.WARNING]: \"warning\",\n};\nconst typeIndicatorIcon = computed(() => iconMap[type]);\n\n// Colors\nconst colorMap: Record<\n  KdsToastType,\n  Record<\"textAndIcon\" | \"background\" | \"border\", string>\n> = {\n  [toastType.INFO]: {\n    textAndIcon: \"var(--kds-color-text-and-icon-info)\",\n    background: \"var(--kds-color-background-static-info-muted)\",\n    border: \"var(--kds-border-base-info)\",\n  },\n  [toastType.ERROR]: {\n    textAndIcon: \"var(--kds-color-text-and-icon-danger)\",\n    background: \"var(--kds-color-background-static-danger-muted)\",\n    border: \"var(--kds-border-base-danger)\",\n  },\n  [toastType.SUCCESS]: {\n    textAndIcon: \"var(--kds-color-text-and-icon-success)\",\n    background: \"var(--kds-color-background-static-success-muted)\",\n    border: \"var(--kds-border-base-success)\",\n  },\n  [toastType.WARNING]: {\n    textAndIcon: \"var(--kds-color-text-and-icon-warning)\",\n    background: \"var(--kds-color-background-static-warning-muted)\",\n    border: \"var(--kds-border-base-warning)\",\n  },\n};\nconst mainColor = computed(() => colorMap[type].textAndIcon);\nconst backgroundColor = computed(() => colorMap[type].background);\nconst borderColor = computed(() => colorMap[type].border);\n\n// Emitted events\nconst emit = defineEmits<{\n  remove: [];\n  autoRemove: [];\n}>();\n\n// Toast ref\nconst toastRef: Ref<null | HTMLElement> = ref(null);\n\n// Window focus and mouse tracking\nconst focused = useWindowFocus();\nconst { isOutside } = useMouseInElement(toastRef);\nconst shouldPause = computed(() => !focused.value || !isOutside.value);\n\n// Auto-remove progress bar animation\nconst AUTO_REMOVE_DURATION = 7000;\nconst elapsed = ref(0);\nconst percentage = computed(() =>\n  Math.max(0, 100 - (elapsed.value / AUTO_REMOVE_DURATION) * 100),\n);\nconst { pause, resume } = useRafFn(\n  ({ delta }) => {\n    elapsed.value += delta;\n    if (elapsed.value >= AUTO_REMOVE_DURATION) {\n      pause();\n      emit(\"autoRemove\");\n    }\n  },\n  { immediate: false },\n);\nconst play = resume;\nconst reset = () => {\n  pause();\n  elapsed.value = 0;\n};\n\n// Truncation of long messages\nconst truncatedMessage = computed(() =>\n  truncateString(message, MAX_MESSAGE_LENGTH),\n);\nconst isTruncatable = truncatedMessage.value !== message;\nconst isTruncated = ref(isTruncatable);\nconst showMore = () => {\n  // TODO HUB-5698: animate toast and stack height when expanding truncated text\n  isTruncated.value = false;\n  if (toastRef.value !== null) {\n    // reset height if it has been set in animateHeightTo\n    toastRef.value.style.height = \"unset\";\n  }\n};\n\n// Height transformations\nconst nativeHeight: Ref<null | number> = ref(null);\nconst currentHeight: Ref<null | number> = ref(null);\n// Enables communication between toasts within the same ToastStack so they share\n// a height. Only active when this Toast is rendered inside a ToastStack — a\n// standalone Toast skips the bus entirely to avoid cross-instance chatter.\nconst stackId = inject(TOAST_STACK_ID, null);\nconst eventBus = stackId\n  ? useEventBus(`new-stack-height-${stackId.value}`)\n  : null;\nconst animateHeightTo = (targetHeight: number) => {\n  if (toastRef.value !== null) {\n    toastRef.value.style.height = `${targetHeight}px`;\n  }\n  currentHeight.value = targetHeight;\n};\n// Listen to height changes of other toasts and animate height accordingly\neventBus?.on((newStackHeight: unknown) => {\n  if (\n    typeof newStackHeight === \"number\" &&\n    currentHeight.value !== newStackHeight\n  ) {\n    animateHeightTo(newStackHeight);\n  }\n});\n\nonMounted(() => {\n  if (toastRef.value !== null) {\n    nativeHeight.value = toastRef.value.clientHeight;\n    currentHeight.value = toastRef.value.clientHeight;\n  }\n  eventBus?.emit(currentHeight.value);\n\n  if (autoRemove && active) {\n    play();\n  }\n});\n\nwatch(shouldPause, (shouldPause) => {\n  if (!autoRemove || !active) {\n    return;\n  }\n\n  if (shouldPause) {\n    pause();\n  } else {\n    play();\n  }\n});\n\nwatch(\n  () => active,\n  (newValue) => {\n    if (newValue) {\n      if (nativeHeight.value !== null) {\n        animateHeightTo(nativeHeight.value);\n        eventBus?.emit(currentHeight.value);\n      }\n\n      if (autoRemove && !shouldPause.value) {\n        play();\n      }\n      return;\n    }\n\n    if (isTruncatable) {\n      isTruncated.value = true;\n    }\n\n    if (autoRemove) {\n      reset();\n    }\n  },\n);\n</script>\n\n<template>\n  <div ref=\"toastRef\" :class=\"['toast', type, { 'auto-remove': autoRemove }]\">\n    <div v-show=\"active\" class=\"container\">\n      <div class=\"type-indicator\">\n        <KdsIcon :name=\"typeIndicatorIcon\" />\n      </div>\n\n      <div class=\"content\">\n        <div class=\"headline-wrapper\">\n          <div class=\"headline\">{{ availableHeadline }}</div>\n\n          <KdsButton\n            v-if=\"dismissible\"\n            data-test-id=\"dismiss\"\n            variant=\"transparent\"\n            size=\"xsmall\"\n            title=\"Dismiss message\"\n            ariaLabel=\"Dismiss message\"\n            leading-icon=\"x-close\"\n            @click=\"emit('remove')\"\n          />\n        </div>\n\n        <div v-if=\"message\" class=\"message\">\n          <template v-if=\"isTruncated\">\n            {{ truncatedMessage }}\n          </template>\n          <template v-else>{{ message }}</template>\n        </div>\n\n        <div v-else-if=\"component\" class=\"message\">\n          <component :is=\"component\" @show-more=\"showMore\" />\n        </div>\n\n        <div v-if=\"isTruncated || buttons.length\" class=\"buttons\">\n          <KdsButton\n            v-if=\"isTruncated\"\n            data-test-id=\"show-more\"\n            variant=\"transparent\"\n            size=\"xsmall\"\n            label=\"Show more\"\n            @click=\"showMore\"\n          />\n\n          <ToastButton\n            v-for=\"(button, index) in buttons\"\n            v-bind=\"button\"\n            :key=\"index\"\n          />\n        </div>\n      </div>\n\n      <KdsProgressBar class=\"progress-bar\" :percentage=\"percentage\" />\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.toast {\n  --main-color: v-bind(mainColor);\n  --background-color: v-bind(backgroundColor);\n  --border-color: v-bind(borderColor);\n\n  position: relative;\n  width: var(--kds-dimension-component-width-25x);\n  padding: var(--kds-spacing-container-0-75x) var(--kds-spacing-container-0-75x)\n    var(--kds-spacing-container-1x);\n  overflow: hidden;\n  background-color: var(--background-color);\n  border: var(--border-color);\n  border-radius: var(--kds-border-radius-container-0-37x);\n  box-shadow: var(--kds-elevation-level-3);\n  transition: all 0.3s;\n\n  & .container {\n    display: flex;\n    flex-direction: row;\n    gap: var(--kds-spacing-container-0-5x);\n  }\n\n  & .type-indicator {\n    display: flex;\n    flex-shrink: 0;\n    flex-direction: column;\n    margin-top: var(--kds-spacing-container-0-12x);\n    color: var(--main-color);\n  }\n\n  & .content {\n    display: flex;\n    flex-grow: 1;\n    flex-direction: column;\n    gap: var(--kds-spacing-container-0-5x);\n    max-width: 100%;\n\n    & .headline-wrapper {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      height: var(--kds-dimension-component-height-1-25x);\n    }\n\n    & .headline {\n      font: var(--kds-font-base-title-small-strong);\n      color: var(--kds-color-text-and-icon-neutral);\n    }\n\n    & .message {\n      max-height: var(--kds-dimension-component-height-45x);\n      font: var(--kds-font-base-body-small);\n      color: var(--kds-color-text-and-icon-neutral);\n      overflow-wrap: anywhere;\n      white-space: break-spaces;\n    }\n\n    & .buttons {\n      display: flex;\n      flex-direction: row;\n      gap: var(--kds-spacing-container-0-5x);\n    }\n  }\n\n  & .progress-bar {\n    --progress-bar-transition-duration: 0s;\n    --progress-bar-foreground-color: var(--main-color);\n\n    position: absolute;\n    right: calc(var(--kds-spacing-container-0-12x) * -1);\n    bottom: 0;\n    left: calc(var(--kds-spacing-container-0-12x) * -1);\n    display: none;\n    width: auto;\n  }\n\n  &.auto-remove .progress-bar {\n    display: initial;\n  }\n}\n</style>\n","import type { App, Plugin, Ref } from \"vue\";\nimport { computed, getCurrentInstance, inject, provide, ref } from \"vue\";\nimport { cloneDeep } from \"es-toolkit\";\nimport { uniqueId } from \"es-toolkit/compat\";\n\nimport type { Toast, ToastWithId } from \"../Toast/types\";\n\nimport type {\n  ToastService,\n  ToastServiceComposableOptions,\n  UseToastsOptions,\n} from \"./types\";\n\nexport const defaultToastServiceSymbol = Symbol(\"toast\");\nexport const defaultGlobalPropertyName = \"$toast\";\n\nexport class ToastServiceError extends Error {\n  constructor(message?: string) {\n    super(message);\n    this.name = \"ToastServiceError\";\n  }\n}\n\n/**\n * Each instance of the class is bound to a reactive array of toasts, with which you\n * can interface via the properties of the `ToastService` object.\n *\n * You have the following options to access the toast service:\n * - `provide` the service object to downstream components by using the `useToastService`\n *   method in the `setup` of the app's root component;\n * - register the service object as a global property by getting a Plugin object via\n *   the `getToastServicePlugin` method, and binding it to the app via `app.use(toastPlugin)`\n *   in `main.js/ts`;\n * - get the toast service object directly via `getToastServiceObject` method.\n */\nexport class ToastServiceProvider {\n  toasts: Ref<ToastWithId[]> = ref<ToastWithId[]>([]);\n\n  show = (toast: Toast): string => {\n    const clonedToast = cloneDeep(toast);\n    if (clonedToast.deduplicationKey) {\n      const previousToast = this.toasts.value.find(\n        (toast) => clonedToast.deduplicationKey === toast.deduplicationKey,\n      );\n      if (previousToast) {\n        return previousToast.id!;\n      }\n    }\n\n    const id = uniqueId();\n    clonedToast.autoRemove = clonedToast.autoRemove ?? true;\n    this.toasts.value.unshift({ ...clonedToast, id });\n\n    return id;\n  };\n\n  remove(id: string): void {\n    this.toasts.value = this.toasts.value.filter((toast) => toast.id !== id);\n  }\n\n  removeBy = (predicate: (toast: ToastWithId) => boolean): void => {\n    this.toasts.value = this.toasts.value.filter((toast) => !predicate(toast));\n  };\n\n  autoRemove = (): void => {\n    this.toasts.value = this.toasts.value.filter((toast) => !toast.autoRemove);\n  };\n\n  removeAll = (): void => {\n    this.toasts.value = [];\n  };\n\n  readonlyToasts = computed(() => this.toasts.value);\n\n  toastServiceObject: ToastService = {\n    toasts: this.readonlyToasts,\n    show: this.show,\n    remove: this.remove.bind(this),\n    removeBy: this.removeBy.bind(this),\n    autoRemove: this.autoRemove,\n    removeAll: this.removeAll,\n  };\n\n  /** Methods for accessing the toast service object */\n\n  /**\n   * A composable to be used in the app's root component's `setup`. Provides\n   * the service object to downstream components of the app via Vue's dependency\n   * injection, which can then be accessed via the `useToasts` composable.\n   *\n   * @example\n   * toastServiceProvider.useToastService({ serviceSymbol: Symbol(\"customToastService\") });\n   */\n  useToastService = ({\n    serviceSymbol = defaultToastServiceSymbol,\n  }: ToastServiceComposableOptions = {}): void => {\n    provide(serviceSymbol, this.toastServiceObject);\n  };\n\n  /**\n   * Returns an object that can be used as a plugin with the `app.use()` syntax.\n   * A custom `propertyName` property can be provided to be used as the global\n   * property name instead of the default \"$toast\".\n   *\n   * @example\n   * const toastPlugin = toastServiceProvider.getToastServicePlugin();\n   * app.use(toastPlugin, {\n   *    propertyName: \"$customPropertyName\" // \"$toast\" by default\n   * })\n   */\n  getToastServicePlugin = (): Plugin => {\n    return {\n      install: (app: App, options?: { propertyName?: string }) => {\n        const propertyName = options?.propertyName ?? defaultGlobalPropertyName;\n        app.config.globalProperties[propertyName] = this.toastServiceObject;\n      },\n    };\n  };\n\n  /**\n   * Returns the toast service object directly.\n   */\n  getToastServiceObject = (): ToastService => {\n    return this.toastServiceObject;\n  };\n}\n\nconst useToastsFromSymbol = (serviceSymbol: symbol): ToastService => {\n  const toastService = inject<ToastService | null>(serviceSymbol, null);\n\n  if (!toastService) {\n    throw new ToastServiceError(\n      `No toast service found using the symbol ${serviceSymbol.toString()}.`,\n    );\n  }\n\n  return toastService;\n};\n\nconst useToastsFromGlobalProperty = (propertyName: string): ToastService => {\n  const toastService =\n    getCurrentInstance()?.appContext.config.globalProperties[propertyName];\n\n  if (!toastService) {\n    throw new ToastServiceError(\n      `No toast service found using the global property name '${propertyName}'.`,\n    );\n  }\n\n  return toastService;\n};\n\n/**\n * Retrieves the toast service object either from the global injection or from the app's\n * global property via the app instance. If you have multiple instances of the toast\n * service in the app, you can use different injection key symbols or global property\n * names to differentiate them.\n *\n * @example\n * import { useToasts } from \"@knime/product-features/toasts\";\n *\n * // Using default options (the app has a shared toast service between components)\n * const { show } = useToasts();\n *\n * // Using a specific symbol (multiple toast services running across the app)\n * const { show } = useToasts({ serviceSymbol: mySpecialSymbol });\n *\n * show({\n *    type: \"success\",\n *    message: \"I am an example toast.\"\n * });\n */\n\nexport const useToasts = ({\n  serviceSymbol,\n  propertyName,\n}: UseToastsOptions = {}): ToastService => {\n  if (serviceSymbol && propertyName) {\n    throw new ToastServiceError(\n      \"Please provide either a custom injection key symbol or a custom global property name, but not both.\",\n    );\n  }\n\n  if (!serviceSymbol && !propertyName) {\n    try {\n      return useToastsFromSymbol(defaultToastServiceSymbol);\n    } catch (_error) {\n      return useToastsFromGlobalProperty(defaultGlobalPropertyName);\n    }\n  }\n\n  if (serviceSymbol) {\n    return useToastsFromSymbol(serviceSymbol);\n  }\n\n  if (propertyName) {\n    return useToastsFromGlobalProperty(propertyName);\n  }\n\n  throw new ToastServiceError(\"No toast service found.\");\n};\n","<script setup lang=\"ts\">\nimport { computed, provide } from \"vue\";\n\nimport Toast from \"../Toast/Toast.vue\";\nimport { useToasts } from \"../toastService/toastService\";\n\nimport { TOAST_STACK_ID } from \"./injectionKeys\";\nimport type { ToastStackProps } from \"./types\";\n\nconst MAX_TOAST_COUNT = 5;\nconst OFFSET = 4;\n\nconst { serviceSymbol = null, propertyName = null } =\n  defineProps<ToastStackProps>();\n\nconst stackIdentifier = computed(() => {\n  if (serviceSymbol) {\n    return serviceSymbol.toString();\n  } else if (propertyName) {\n    return propertyName;\n  }\n  return \"default\";\n});\nprovide(TOAST_STACK_ID, stackIdentifier);\n\n// Inject the toast service (optionally bound to a custom symbol or a global property name)\nconst { toasts, remove, autoRemove } = useToasts({\n  serviceSymbol,\n  propertyName,\n});\n\n// Compute CSS styles for each toast based on its index in the stack\nconst style = (index: number) => {\n  const factor = index < MAX_TOAST_COUNT ? OFFSET : MAX_TOAST_COUNT;\n  const opacity = index < MAX_TOAST_COUNT ? null : 0;\n\n  return {\n    zIndex: -index,\n    bottom: `${-factor * index}px`,\n    right: `${-factor * index}px`,\n    ...(opacity !== null && { opacity }),\n  };\n};\n\n// Check if the current toast is the first in the stack (active toast)\nconst isActive = (index: number) => index === 0;\n</script>\n\n<template>\n  <transition-group class=\"toast-stack\" tag=\"div\" name=\"toast-stack\">\n    <Toast\n      v-for=\"(toast, index) in toasts\"\n      v-bind=\"toast\"\n      :key=\"toast.id\"\n      :active=\"isActive(index)\"\n      class=\"toast\"\n      :style=\"style(index)\"\n      @remove=\"remove(toast.id!)\"\n      @auto-remove=\"autoRemove()\"\n    />\n  </transition-group>\n</template>\n\n<style scoped>\n.toast-stack {\n  position: fixed;\n  bottom: var(--kds-spacing-container-3x);\n  left: var(--kds-spacing-container-3x);\n\n  & .toast {\n    position: absolute;\n    max-height: var(--kds-dimension-component-height-20x);\n    pointer-events: none;\n\n    &:first-child {\n      position: relative;\n      max-height: 80vh;\n      pointer-events: all;\n    }\n  }\n}\n\n/* Vue's transition group animation behaviour configuration */\n.toast-stack-enter-active,\n.toast-stack-leave-active {\n  transition: all 0.3s;\n}\n\n.toast-stack-enter-from,\n.toast-stack-leave-to {\n  opacity: 0;\n  transform: translateY(75px);\n}\n</style>\n"],"names":["_openBlock","_createBlock","_unref","_mergeProps","shouldPause","_createElementBlock","_normalizeClass","_withDirectives","_createElementVNode","_createVNode","_toDisplayString","_Fragment","_resolveDynamicComponent","_renderList","ToastButton","toast","_TransitionGroup"],"mappings":"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","x_google_ignoreList":[0,1]}