@knime/product-features 0.3.0 → 0.4.1

package/dist/src/toasts/Toast/Toast.vue.d.ts

@@ -0,0 +1,12 @@
+import { Toast } from './types';
+declare const _default: import('vue').DefineComponent<Toast, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    remove: () => any;
+    autoRemove: () => any;
+}, string, import('vue').PublicProps, Readonly<Toast> & Readonly<{
+    onRemove?: (() => any) | undefined;
+    onAutoRemove?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    toastRef: HTMLDivElement;
+}, HTMLDivElement>;
+export default _default;
+//# sourceMappingURL=Toast.vue.d.ts.map

package/dist/src/toasts/Toast/Toast.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.vue.d.ts","sourceRoot":"","sources":["../../../../src/toasts/Toast/Toast.vue"],"names":[],"mappings":"AAiXA,OAAO,KAAK,EAAgB,KAAK,EAAE,MAAM,SAAS,CAAC;;;;;;;;;;AAkZnD,wBASG"}

package/dist/src/toasts/Toast/ToastButton.vue.d.ts

@@ -0,0 +1,36 @@
+import { KdsIconName } from '@knime/kds-components';
+declare const _default: import('vue').DefineComponent<({
+    callback?: () => void;
+    to?: string;
+    href?: string;
+} & {
+    icon: KdsIconName;
+    ariaLabel: string;
+    text?: never;
+}) | ({
+    callback?: () => void;
+    to?: string;
+    href?: string;
+} & {
+    icon?: KdsIconName;
+    text: string;
+    ariaLabel?: string;
+}), {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<({
+    callback?: () => void;
+    to?: string;
+    href?: string;
+} & {
+    icon: KdsIconName;
+    ariaLabel: string;
+    text?: never;
+}) | ({
+    callback?: () => void;
+    to?: string;
+    href?: string;
+} & {
+    icon?: KdsIconName;
+    text: string;
+    ariaLabel?: string;
+})> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;
+//# sourceMappingURL=ToastButton.vue.d.ts.map

package/dist/src/toasts/Toast/ToastButton.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToastButton.vue.d.ts","sourceRoot":"","sources":["../../../../src/toasts/Toast/ToastButton.vue"],"names":[],"mappings":"AAqEA,OAAO,EAEL,KAAK,WAAW,EAEjB,MAAM,uBAAuB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiI/B,wBAMG"}

package/dist/src/toasts/Toast/enums.d.ts

@@ -0,0 +1,8 @@
+export declare const toastType: {
+    readonly INFO: "info";
+    readonly SUCCESS: "success";
+    readonly WARNING: "warning";
+    readonly ERROR: "error";
+};
+export declare const toastTypes: ("info" | "warning" | "error" | "success")[];
+//# sourceMappingURL=enums.d.ts.map

package/dist/src/toasts/Toast/enums.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"enums.d.ts","sourceRoot":"","sources":["../../../../src/toasts/Toast/enums.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,SAAS;;;;;CAKZ,CAAC;AAEX,eAAO,MAAM,UAAU,8CAA2B,CAAC"}

package/dist/src/toasts/Toast/index.d.ts

@@ -0,0 +1,3 @@
+export { toastType } from './enums';
+export type { Toast, ToastButton, ToastWithId, KdsToastType } from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/toasts/Toast/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/toasts/Toast/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACpC,YAAY,EAAE,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC"}

package/dist/src/toasts/Toast/types.d.ts

@@ -0,0 +1,83 @@
+import { VNode } from 'vue';
+import { KdsIconName } from '@knime/kds-components';
+import { toastType } from './enums';
+export type KdsToastType = (typeof toastType)[keyof typeof toastType];
+type BaseToastButton = {
+    /**
+     * An optional callback function to be executed when the button is clicked.
+     */
+    callback?: () => void;
+    /**
+     * If provided, the button will act as a NuxtLink and navigate to the specified route.
+     * Takes precedence over the `href` prop.
+     */
+    to?: string;
+    /**
+     * If provided, the button will act as a hyperlink directing to the given URL.
+     * Only takes effect if `to` is not provided.
+     */
+    href?: string;
+};
+type ToastButtonWithIcon = {
+    /**
+     * The icon to be displayed alongside with, or instead of the button text.
+     */
+    icon: KdsIconName;
+    ariaLabel: string;
+    text?: never;
+};
+type ToastButtonWithText = {
+    icon?: KdsIconName;
+    /**
+     * The text content to be displayed on the button.
+     */
+    text: string;
+    ariaLabel?: string;
+};
+export type ToastButton = BaseToastButton & (ToastButtonWithIcon | ToastButtonWithText);
+export type Toast = {
+    /**
+     * Set to "info" by default.
+     */
+    type?: KdsToastType;
+    /**
+     * If not specified, the type is used as the headline, e.g. "Info".
+     */
+    headline?: string;
+    /**
+     * Message to be displayed.
+     */
+    message?: string;
+    buttons?: ToastButton[];
+    /**
+     * Component to be displayed as toast content. Only used for RFC errors
+     * (see rfcErrors package). If a `message` prop is present, it will take
+     * precedence and the `component` prop will be dismissed.
+     */
+    component?: VNode | null;
+    /**
+     * If set to true, the toast will have an animated progress bar indicating
+     * time before all auto-removable toasts are dismissed.
+     */
+    autoRemove?: boolean;
+    active?: boolean;
+    /**
+     * If set, only one toast with the same key will be in the stack.
+     * If a new toast with the same key is added, it will be dropped.
+     */
+    deduplicationKey?: string;
+    meta?: Record<string, unknown>;
+    /**
+     * If set to false the toast cannot be dismissed by the user.
+     * The close button will be hidden. Default is true.
+     */
+    dismissible?: boolean;
+};
+export type ToastWithId = Toast & {
+    /**
+     * auto-generated identifier
+     */
+    id: string;
+};
+export {};
+//# sourceMappingURL=types.d.ts.map

package/dist/src/toasts/Toast/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/toasts/Toast/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,KAAK,CAAC;AAEjC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAEzD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEzC,MAAM,MAAM,YAAY,GAAG,CAAC,OAAO,SAAS,CAAC,CAAC,MAAM,OAAO,SAAS,CAAC,CAAC;AAEtE,KAAK,eAAe,GAAG;IACrB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB;;;OAGG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,KAAK,mBAAmB,GAAG;IACzB;;OAEG;IACH,IAAI,EAAE,WAAW,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,KAAK,CAAC;CACd,CAAC;AAEF,KAAK,mBAAmB,GAAG;IACzB,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,eAAe,GACvC,CAAC,mBAAmB,GAAG,mBAAmB,CAAC,CAAC;AAE9C,MAAM,MAAM,KAAK,GAAG;IAClB;;OAEG;IACH,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,WAAW,EAAE,CAAC;IACxB;;;;OAIG;IACH,SAAS,CAAC,EAAE,KAAK,GAAG,IAAI,CAAC;IACzB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC/B;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,KAAK,GAAG;IAChC;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;CACZ,CAAC"}

package/dist/src/toasts/ToastStack/ToastStack.vue.d.ts

@@ -0,0 +1,4 @@
+import { ToastStackProps } from './types';
+declare const _default: import('vue').DefineComponent<ToastStackProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<ToastStackProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;
+//# sourceMappingURL=ToastStack.vue.d.ts.map

package/dist/src/toasts/ToastStack/ToastStack.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToastStack.vue.d.ts","sourceRoot":"","sources":["../../../../src/toasts/ToastStack/ToastStack.vue"],"names":[],"mappings":"AAsGA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;;AA6I/C,wBAOG"}

package/dist/src/toasts/ToastStack/index.d.ts

@@ -0,0 +1,3 @@
+import { default as ToastStack } from './ToastStack.vue';
+export { ToastStack };
+//# sourceMappingURL=index.d.ts.map

package/dist/src/toasts/ToastStack/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/toasts/ToastStack/index.ts"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,kBAAkB,CAAC;AAE1C,OAAO,EAAE,UAAU,EAAE,CAAC"}

package/dist/src/toasts/ToastStack/injectionKeys.d.ts

@@ -0,0 +1,3 @@
+import { ComputedRef, InjectionKey } from 'vue';
+export declare const TOAST_STACK_ID: InjectionKey<ComputedRef<string>>;
+//# sourceMappingURL=injectionKeys.d.ts.map

package/dist/src/toasts/ToastStack/injectionKeys.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"injectionKeys.d.ts","sourceRoot":"","sources":["../../../../src/toasts/ToastStack/injectionKeys.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,KAAK,CAAC;AAErD,eAAO,MAAM,cAAc,EAAE,YAAY,CAAC,WAAW,CAAC,MAAM,CAAC,CACnC,CAAC"}

package/dist/src/toasts/ToastStack/types.d.ts

@@ -0,0 +1,5 @@
+export type ToastStackProps = {
+    serviceSymbol?: symbol | null;
+    propertyName?: string | null;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/src/toasts/ToastStack/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/toasts/ToastStack/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,eAAe,GAAG;IAC5B,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC9B,CAAC"}

package/dist/src/toasts/index.d.ts

@@ -0,0 +1,7 @@
+import { toastType } from './Toast';
+import { ToastStack } from './ToastStack';
+import { ToastServiceProvider, useToasts } from './toastService';
+export { toastType, ToastStack, ToastServiceProvider, useToasts };
+export type { Toast, ToastButton, ToastWithId, KdsToastType } from './Toast';
+export type { ToastService } from './toastService';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/toasts/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/toasts/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACpC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAEjE,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,oBAAoB,EAAE,SAAS,EAAE,CAAC;AAClE,YAAY,EAAE,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAC7E,YAAY,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/src/toasts/toastService/demo/someConfigFile.d.ts

@@ -0,0 +1,5 @@
+export declare const customSymbol: unique symbol;
+export declare const differentSymbol: unique symbol;
+export declare const servicePropertyNameA = "$toastA";
+export declare const servicePropertyNameB = "$toastB";
+//# sourceMappingURL=someConfigFile.d.ts.map

package/dist/src/toasts/toastService/demo/someConfigFile.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"someConfigFile.d.ts","sourceRoot":"","sources":["../../../../../src/toasts/toastService/demo/someConfigFile.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,YAAY,eAAiC,CAAC;AAC3D,eAAO,MAAM,eAAe,eAAoC,CAAC;AAEjE,eAAO,MAAM,oBAAoB,YAAY,CAAC;AAC9C,eAAO,MAAM,oBAAoB,YAAY,CAAC"}

package/dist/src/toasts/toastService/index.d.ts

@@ -0,0 +1,4 @@
+import { ToastServiceProvider, useToasts } from './toastService';
+export { ToastServiceProvider, useToasts };
+export type { ToastService } from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/toasts/toastService/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/toasts/toastService/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAEjE,OAAO,EAAE,oBAAoB,EAAE,SAAS,EAAE,CAAC;AAC3C,YAAY,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC"}

package/dist/src/toasts/toastService/toastService.d.ts

@@ -0,0 +1,78 @@
+import { Plugin, Ref } from 'vue';
+import { Toast, ToastWithId } from '../Toast/types';
+import { ToastService, ToastServiceComposableOptions, UseToastsOptions } from './types';
+export declare const defaultToastServiceSymbol: unique symbol;
+export declare const defaultGlobalPropertyName = "$toast";
+export declare class ToastServiceError extends Error {
+    constructor(message?: string);
+}
+/**
+ * Each instance of the class is bound to a reactive array of toasts, with which you
+ * can interface via the properties of the `ToastService` object.
+ *
+ * You have the following options to access the toast service:
+ * - `provide` the service object to downstream components by using the `useToastService`
+ *   method in the `setup` of the app's root component;
+ * - register the service object as a global property by getting a Plugin object via
+ *   the `getToastServicePlugin` method, and binding it to the app via `app.use(toastPlugin)`
+ *   in `main.js/ts`;
+ * - get the toast service object directly via `getToastServiceObject` method.
+ */
+export declare class ToastServiceProvider {
+    toasts: Ref<ToastWithId[]>;
+    show: (toast: Toast) => string;
+    remove(id: string): void;
+    removeBy: (predicate: (toast: ToastWithId) => boolean) => void;
+    autoRemove: () => void;
+    removeAll: () => void;
+    readonlyToasts: import('vue').ComputedRef<ToastWithId[]>;
+    toastServiceObject: ToastService;
+    /** 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, }?: ToastServiceComposableOptions) => void;
+    /**
+     * 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: () => Plugin;
+    /**
+     * Returns the toast service object directly.
+     */
+    getToastServiceObject: () => ToastService;
+}
+/**
+ * Retrieves the toast service object either from the global injection or from the app's
+ * global property via the app instance. If you have multiple instances of the toast
+ * service in the app, you can use different injection key symbols or global property
+ * names to differentiate them.
+ *
+ * @example
+ * import { useToasts } from "@knime/product-features/toasts";
+ *
+ * // Using default options (the app has a shared toast service between components)
+ * const { show } = useToasts();
+ *
+ * // Using a specific symbol (multiple toast services running across the app)
+ * const { show } = useToasts({ serviceSymbol: mySpecialSymbol });
+ *
+ * show({
+ *    type: "success",
+ *    message: "I am an example toast."
+ * });
+ */
+export declare const useToasts: ({ serviceSymbol, propertyName, }?: UseToastsOptions) => ToastService;
+//# sourceMappingURL=toastService.d.ts.map

package/dist/src/toasts/toastService/toastService.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toastService.d.ts","sourceRoot":"","sources":["../../../../src/toasts/toastService/toastService.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAO,MAAM,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAK5C,OAAO,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAEzD,OAAO,KAAK,EACV,YAAY,EACZ,6BAA6B,EAC7B,gBAAgB,EACjB,MAAM,SAAS,CAAC;AAEjB,eAAO,MAAM,yBAAyB,eAAkB,CAAC;AACzD,eAAO,MAAM,yBAAyB,WAAW,CAAC;AAElD,qBAAa,iBAAkB,SAAQ,KAAK;gBAC9B,OAAO,CAAC,EAAE,MAAM;CAI7B;AAED;;;;;;;;;;;GAWG;AACH,qBAAa,oBAAoB;IAC/B,MAAM,EAAE,GAAG,CAAC,WAAW,EAAE,CAAC,CAA0B;IAEpD,IAAI,GAAI,OAAO,KAAK,KAAG,MAAM,CAgB3B;IAEF,MAAM,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI;IAIxB,QAAQ,GAAI,WAAW,CAAC,KAAK,EAAE,WAAW,KAAK,OAAO,KAAG,IAAI,CAE3D;IAEF,UAAU,QAAO,IAAI,CAEnB;IAEF,SAAS,QAAO,IAAI,CAElB;IAEF,cAAc,2CAAqC;IAEnD,kBAAkB,EAAE,YAAY,CAO9B;IAEF,qDAAqD;IAErD;;;;;;;OAOG;IACH,eAAe,GAAI,qBAEhB,6BAAkC,KAAG,IAAI,CAE1C;IAEF;;;;;;;;;;OAUG;IACH,qBAAqB,QAAO,MAAM,CAOhC;IAEF;;OAEG;IACH,qBAAqB,QAAO,YAAY,CAEtC;CACH;AA2BD;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,eAAO,MAAM,SAAS,GAAI,mCAGvB,gBAAqB,KAAG,YAwB1B,CAAC"}

package/dist/src/toasts/toastService/types.d.ts

@@ -0,0 +1,46 @@
+import { ComputedRef } from 'vue';
+import { Toast, ToastWithId } from '../Toast/types';
+export type ToastService = {
+    /**
+     * Reactive array of Toast objects.
+     */
+    toasts: ComputedRef<ToastWithId[]>;
+    /**
+     * Adds the provided Toast object to the `toasts` array.
+     * @returns The generated id of the added toast; can be used to call `remove(id)`.
+     */
+    show: (toast: Toast) => string;
+    /**
+     * Removes toast with the given id (returned by `show()`).
+     */
+    remove: (id: string) => void;
+    /**
+     * Removes all Toast objects that match the provided predicate.
+     */
+    removeBy: (predicate: (toast: ToastWithId) => boolean) => void;
+    /**
+     * Removes all Toast objects with `autoRemove` set to `true` from the `toasts` array.
+     */
+    autoRemove: () => void;
+    /**
+     * Removes all Toast objects from the `toasts` array.
+     */
+    removeAll: () => void;
+};
+export type ToastServiceComposableOptions = {
+    /**
+     * The Symbol for the toast service object properties to be bound to.
+     */
+    serviceSymbol?: symbol;
+};
+export type UseToastsOptions = {
+    /**
+     * Custom Symbol to be used as the injection key.
+     */
+    serviceSymbol?: symbol | null;
+    /**
+     * Custom global property name. "$toast" by default.
+     */
+    propertyName?: string | null;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/src/toasts/toastService/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/toasts/toastService/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,KAAK,CAAC;AAEvC,OAAO,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAEzD,MAAM,MAAM,YAAY,GAAG;IACzB;;OAEG;IACH,MAAM,EAAE,WAAW,CAAC,WAAW,EAAE,CAAC,CAAC;IACnC;;;OAGG;IACH,IAAI,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,MAAM,CAAC;IAC/B;;OAEG;IACH,MAAM,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7B;;OAEG;IACH,QAAQ,EAAE,CAAC,SAAS,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,OAAO,KAAK,IAAI,CAAC;IAC/D;;OAEG;IACH,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB;;OAEG;IACH,SAAS,EAAE,MAAM,IAAI,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,6BAA6B,GAAG;IAC1C;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAE9B;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAC9B,CAAC"}

package/dist/src/versions/CreateVersionForm/CreateVersionForm.vue.d.ts

@@ -1,16 +1,16 @@
 import { CreateVersionFormProps } from './types';
 declare const _default: import('vue').DefineComponent<CreateVersionFormProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    cancel: (hasUnsavedChanges: boolean) => any;
     create: (args_0: {
         name: string;
         description: string;
     }) => any;
-    cancel: (hasUnsavedChanges: boolean) => any;
 }, string, import('vue').PublicProps, Readonly<CreateVersionFormProps> & Readonly<{
+    onCancel?: ((hasUnsavedChanges: boolean) => any) | undefined;
     onCreate?: ((args_0: {
         name: string;
         description: string;
     }) => any) | undefined;
-    onCancel?: ((hasUnsavedChanges: boolean) => any) | undefined;
 }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;
 //# sourceMappingURL=CreateVersionForm.vue.d.ts.map

package/dist/src/versions/CreateVersionForm/CreateVersionForm.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CreateVersionForm.vue.d.ts","sourceRoot":"","sources":["../../../../src/versions/CreateVersionForm/CreateVersionForm.vue"],"names":[],"mappings":"AA0IA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;;;cAOnC,MAAM;qBAAe,MAAM;;;;;cAA3B,MAAM;qBAAe,MAAM;;;;AAyL9C,wBAQG"}
+{"version":3,"file":"CreateVersionForm.vue.d.ts","sourceRoot":"","sources":["../../../../src/versions/CreateVersionForm/CreateVersionForm.vue"],"names":[],"mappings":"AA0IA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;;;;cAOnC,MAAM;qBAAe,MAAM;;;;;cAA3B,MAAM;qBAAe,MAAM;;;AAyL9C,wBAQG"}

package/dist/src/versions/VersionHistory/VersionHistory.vue.d.ts

@@ -1,17 +1,17 @@
 import { VersionHistoryProps } from './types';
 declare const _default: import('vue').DefineComponent<VersionHistoryProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     select: (version: number | "current-state" | "most-recent") => any;
+    close: () => any;
     delete: (version: number | "current-state" | "most-recent") => any;
     restore: (version: number | "current-state" | "most-recent") => any;
-    close: () => any;
     loadAll: () => any;
     create: () => any;
     discardCurrentState: () => any;
 }, string, import('vue').PublicProps, Readonly<VersionHistoryProps> & Readonly<{
     onSelect?: ((version: number | "current-state" | "most-recent") => any) | undefined;
+    onClose?: (() => any) | undefined;
     onDelete?: ((version: number | "current-state" | "most-recent") => any) | undefined;
     onRestore?: ((version: number | "current-state" | "most-recent") => any) | undefined;
-    onClose?: (() => any) | undefined;
     onLoadAll?: (() => any) | undefined;
     onCreate?: (() => any) | undefined;
     onDiscardCurrentState?: (() => any) | undefined;

package/dist/toasts.css

@@ -0,0 +1,107 @@
+
+.toast {
+&[data-v-9841e244] {
+  --main-color: var(--dfdf62ea);
+  --background-color: var(--v6c951376);
+  --border-color: var(--v1717c890);
+
+  position: relative;
+  width: var(--kds-dimension-component-width-25x);
+  padding: var(--kds-spacing-container-0-75x) var(--kds-spacing-container-0-75x)
+    var(--kds-spacing-container-1x);
+  overflow: hidden;
+  background-color: var(--background-color);
+  border: var(--border-color);
+  border-radius: var(--kds-border-radius-container-0-37x);
+  box-shadow: var(--kds-elevation-level-3);
+  transition: all 0.3s;
+}
+& .container[data-v-9841e244] {
+    display: flex;
+    flex-direction: row;
+    gap: var(--kds-spacing-container-0-5x);
+}
+& .type-indicator[data-v-9841e244] {
+    display: flex;
+    flex-shrink: 0;
+    flex-direction: column;
+    margin-top: var(--kds-spacing-container-0-12x);
+    color: var(--main-color);
+}
+& .content {
+&[data-v-9841e244] {
+    display: flex;
+    flex-grow: 1;
+    flex-direction: column;
+    gap: var(--kds-spacing-container-0-5x);
+    max-width: 100%;
+}
+& .headline-wrapper[data-v-9841e244] {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      height: var(--kds-dimension-component-height-1-25x);
+}
+& .headline[data-v-9841e244] {
+      font: var(--kds-font-base-title-small-strong);
+      color: var(--kds-color-text-and-icon-neutral);
+}
+& .message[data-v-9841e244] {
+      max-height: var(--kds-dimension-component-height-45x);
+      font: var(--kds-font-base-body-small);
+      color: var(--kds-color-text-and-icon-neutral);
+      overflow-wrap: anywhere;
+      white-space: break-spaces;
+}
+& .buttons[data-v-9841e244] {
+      display: flex;
+      flex-direction: row;
+      gap: var(--kds-spacing-container-0-5x);
+}
+}
+& .progress-bar[data-v-9841e244] {
+    --progress-bar-transition-duration: 0s;
+    --progress-bar-foreground-color: var(--main-color);
+
+    position: absolute;
+    right: calc(var(--kds-spacing-container-0-12x) * -1);
+    bottom: 0;
+    left: calc(var(--kds-spacing-container-0-12x) * -1);
+    display: none;
+    width: auto;
+}
+&.auto-remove .progress-bar[data-v-9841e244] {
+    display: initial;
+}
+}
+
+.toast-stack {
+&[data-v-580cd86a] {
+  position: fixed;
+  bottom: var(--kds-spacing-container-3x);
+  left: var(--kds-spacing-container-3x);
+}
+& .toast {
+&[data-v-580cd86a] {
+    position: absolute;
+    max-height: var(--kds-dimension-component-height-20x);
+    pointer-events: none;
+}
+&[data-v-580cd86a]:first-child {
+      position: relative;
+      max-height: 80vh;
+      pointer-events: all;
+}
+}
+}
+
+/* Vue's transition group animation behaviour configuration */
+.toast-stack-enter-active[data-v-580cd86a],
+.toast-stack-leave-active[data-v-580cd86a] {
+  transition: all 0.3s;
+}
+.toast-stack-enter-from[data-v-580cd86a],
+.toast-stack-leave-to[data-v-580cd86a] {
+  opacity: 0;
+  transform: translateY(75px);
+}