@knime/product-features 0.2.3 → 0.4.0

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

@@ -0,0 +1,144 @@
+import { AssignedLabel } from './types';
+type Props = {
+    label: AssignedLabel;
+};
+type __VLS_Props = Props;
+type __VLS_PublicProps = {
+    modelValue?: boolean;
+} & __VLS_Props;
+declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    popover: ({
+        $: import('vue').ComponentInternalInstance;
+        $data: {};
+        $props: ({
+            readonly modelValue?: boolean | undefined;
+            readonly role?: import('@knime/kds-components').KdsPopoverRole | undefined;
+            readonly popoverType?: import('@knime/kds-components').KdsPopoverType | undefined;
+            readonly fullWidth?: boolean | undefined;
+            readonly maxInlineSize?: string | undefined;
+            readonly content?: string | undefined;
+            readonly placement?: Exclude<import('@knime/kds-components').KdsPopoverPlacement, "custom"> | undefined;
+            readonly customPlacementPosition?: never | undefined;
+            readonly "onUpdate:modelValue"?: ((value: boolean) => any) | undefined | undefined;
+        } | {
+            readonly modelValue?: boolean | undefined;
+            readonly role?: import('@knime/kds-components').KdsPopoverRole | undefined;
+            readonly popoverType?: import('@knime/kds-components').KdsPopoverType | undefined;
+            readonly fullWidth?: boolean | undefined;
+            readonly maxInlineSize?: string | undefined;
+            readonly content?: string | undefined;
+            readonly placement: "custom";
+            readonly customPlacementPosition: {
+                x: number;
+                y: number;
+            };
+            readonly "onUpdate:modelValue"?: ((value: boolean) => any) | undefined | undefined;
+        }) & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+        $attrs: import('vue').Attrs;
+        $refs: {
+            [x: string]: unknown;
+        } & {
+            popoverEl: HTMLDivElement;
+        };
+        $slots: Readonly<{
+            [name: string]: import('vue').Slot<any> | undefined;
+        }>;
+        $root: import('vue').ComponentPublicInstance | null;
+        $parent: import('vue').ComponentPublicInstance | null;
+        $host: Element | null;
+        $emit: (event: "update:modelValue", value: boolean) => void;
+        $el: HTMLDivElement;
+        $options: import('vue').ComponentOptionsBase<Readonly<({
+            modelValue?: boolean;
+        } & {
+            role?: import('@knime/kds-components').KdsPopoverRole;
+            popoverType?: import('@knime/kds-components').KdsPopoverType;
+            fullWidth?: boolean;
+            maxInlineSize?: string;
+            content?: string;
+        } & {
+            placement?: Exclude<import('@knime/kds-components').KdsPopoverPlacement, "custom">;
+            customPlacementPosition?: never;
+        }) | ({
+            modelValue?: boolean;
+        } & {
+            role?: import('@knime/kds-components').KdsPopoverRole;
+            popoverType?: import('@knime/kds-components').KdsPopoverType;
+            fullWidth?: boolean;
+            maxInlineSize?: string;
+            content?: string;
+        } & {
+            placement: "custom";
+            customPlacementPosition: {
+                x: number;
+                y: number;
+            };
+        })> & Readonly<{
+            "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+        }>, {
+            anchorStyle: Record<string, string>;
+            popoverId: string;
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            "update:modelValue": (value: boolean) => any;
+        }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import('vue').nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+    } & Readonly<{}> & Omit<{} & (Readonly<({
+        modelValue?: boolean;
+    } & {
+        role?: import('@knime/kds-components').KdsPopoverRole;
+        popoverType?: import('@knime/kds-components').KdsPopoverType;
+        fullWidth?: boolean;
+        maxInlineSize?: string;
+        content?: string;
+    } & {
+        placement?: Exclude<import('@knime/kds-components').KdsPopoverPlacement, "custom">;
+        customPlacementPosition?: never;
+    }) | ({
+        modelValue?: boolean;
+    } & {
+        role?: import('@knime/kds-components').KdsPopoverRole;
+        popoverType?: import('@knime/kds-components').KdsPopoverType;
+        fullWidth?: boolean;
+        maxInlineSize?: string;
+        content?: string;
+    } & {
+        placement: "custom";
+        customPlacementPosition: {
+            x: number;
+            y: number;
+        };
+    })> & Readonly<{
+        "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+    }>), "anchorStyle" | "popoverId"> & {
+        anchorStyle: Record<string, string>;
+        popoverId: string;
+    } & {} & import('vue').ComponentCustomProperties & {} & {
+        $slots: {
+            default?(_: {}): any;
+        };
+    }) | null;
+}, any>;
+export default _default;
+//# sourceMappingURL=VersionLabel.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"VersionLabel.vue.d.ts","sourceRoot":"","sources":["../../../../src/versions/VersionHistory/VersionLabel.vue"],"names":[],"mappings":"AA+EA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7C,KAAK,KAAK,GAAG;IACX,KAAK,EAAE,aAAa,CAAC;CACtB,CAAC;AAEF,KAAK,WAAW,GAAG,KAAK,CAAC;AAUzB,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oCAwImtlB,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAhBz1lB,wBAQG"}

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

@@ -0,0 +1,9 @@
+import { VersionLimit } from './types';
+type __VLS_Props = {
+    versionLimit: Required<VersionLimit>;
+    upgradeUrl?: string;
+    isPrivate?: boolean;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;
+//# sourceMappingURL=VersionLimitInfo.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"VersionLimitInfo.vue.d.ts","sourceRoot":"","sources":["../../../../src/versions/VersionHistory/VersionLimitInfo.vue"],"names":[],"mappings":"AA2DA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAE5C,KAAK,WAAW,GAAG;IACjB,YAAY,EAAE,QAAQ,CAAC,YAAY,CAAC,CAAC;IACrC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;;AAwHF,wBAOG"}

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

@@ -0,0 +1,4 @@
+export declare const VERSION_DEFAULT_LIMIT = 10;
+export declare const CURRENT_STATE_VERSION = "current-state";
+export declare const MOST_RECENT_VERSION = "most-recent";
+//# sourceMappingURL=constants.d.ts.map

package/dist/src/versions/VersionHistory/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/versions/VersionHistory/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,qBAAqB,KAAK,CAAC;AACxC,eAAO,MAAM,qBAAqB,kBAAkB,CAAC;AACrD,eAAO,MAAM,mBAAmB,gBAAgB,CAAC"}

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

@@ -0,0 +1,4 @@
+export { default as VersionHistory } from './VersionHistory.vue';
+export type * from './types';
+export * from './constants';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/versions/VersionHistory/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/versions/VersionHistory/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAEjE,mBAAmB,SAAS,CAAC;AAC7B,cAAc,aAAa,CAAC"}

package/dist/src/versions/VersionHistory/mock-data/index.d.ts

@@ -0,0 +1,11 @@
+export declare const mocks: {
+    savepoints: {
+        defaultData: import('..').ItemSavepoint & import('..').WithAvatar & import('..').WithLabels;
+    };
+    versionHistory: {
+        defaultData: (import('..').NamedItemVersion & import('..').WithAvatar & import('..').WithLabels)[];
+        aLotOfVersionsWithPlentyOfText: (import('..').NamedItemVersion & import('..').WithAvatar & import('..').WithLabels)[];
+        versionToAddOnLoadMore: import('..').NamedItemVersion & import('..').WithAvatar & import('..').WithLabels;
+    };
+};
+//# sourceMappingURL=index.d.ts.map

package/dist/src/versions/VersionHistory/mock-data/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/versions/VersionHistory/mock-data/index.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,KAAK;;;;;;;;;CAGjB,CAAC"}

package/dist/src/versions/VersionHistory/mock-data/savepoints.d.ts

@@ -0,0 +1,5 @@
+import { ItemSavepoint, WithAvatar, WithLabels } from '../types';
+export declare const savepoints: {
+    defaultData: ItemSavepoint & WithAvatar & WithLabels;
+};
+//# sourceMappingURL=savepoints.d.ts.map

package/dist/src/versions/VersionHistory/mock-data/savepoints.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"savepoints.d.ts","sourceRoot":"","sources":["../../../../../src/versions/VersionHistory/mock-data/savepoints.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AA6CtE,eAAO,MAAM,UAAU;;CAEtB,CAAC"}

package/dist/src/versions/VersionHistory/mock-data/versionHistory.d.ts

@@ -0,0 +1,7 @@
+import { NamedItemVersion, WithAvatar, WithLabels } from '../types';
+export declare const versionHistory: {
+    defaultData: (NamedItemVersion & WithAvatar & WithLabels)[];
+    aLotOfVersionsWithPlentyOfText: (NamedItemVersion & WithAvatar & WithLabels)[];
+    versionToAddOnLoadMore: NamedItemVersion & WithAvatar & WithLabels;
+};
+//# sourceMappingURL=versionHistory.d.ts.map

package/dist/src/versions/VersionHistory/mock-data/versionHistory.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"versionHistory.d.ts","sourceRoot":"","sources":["../../../../../src/versions/VersionHistory/mock-data/versionHistory.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAyGzE,eAAO,MAAM,cAAc;;;;CAI1B,CAAC"}

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

@@ -0,0 +1,63 @@
+import { CURRENT_STATE_VERSION, MOST_RECENT_VERSION } from './constants';
+export type NamedItemVersion = {
+    version: number | typeof CURRENT_STATE_VERSION | typeof MOST_RECENT_VERSION;
+    title: string;
+    description?: string;
+    author: string;
+    authorAccountId?: string;
+    createdOn: string;
+};
+export type AssignedLabel = {
+    labelId: string;
+    message?: string;
+    createdAt?: string;
+    createdBy?: string;
+    label: {
+        name: string;
+        description: string;
+    };
+};
+export type WithAvatar = {
+    avatar: {
+        name: string;
+        src?: string;
+    };
+};
+export type WithLabels = {
+    labels: Array<AssignedLabel>;
+};
+type ItemChange = {
+    author: string;
+    createdOn: string;
+    eventActionType: "ADDED" | "UPDATED" | "MOVED" | "RENAMED";
+    message: string;
+    authorAccountId?: string;
+};
+export type ItemSavepoint = {
+    author: string;
+    authorAccountId?: string;
+    lastEditedOn: string;
+    savepointNumber: number;
+    version?: NamedItemVersion;
+    itemVersionId?: string;
+    changes: Array<ItemChange>;
+};
+export type VersionLimit = {
+    currentUsage: number;
+    limit?: number;
+};
+export type VersionHistoryProps = {
+    hasUnversionedChanges: boolean;
+    unversionedSavepoint?: (ItemSavepoint & WithAvatar & WithLabels) | null;
+    currentVersion: NamedItemVersion["version"] | null;
+    versionHistory: Array<NamedItemVersion & WithAvatar & WithLabels>;
+    loading: boolean;
+    hasLoadedAllVersions: boolean;
+    hasAdminRights: boolean;
+    hasEditCapability: boolean;
+    versionLimit?: VersionLimit;
+    upgradeUrl?: string;
+    isPrivate?: boolean;
+};
+export {};
+//# sourceMappingURL=types.d.ts.map

package/dist/src/versions/VersionHistory/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/versions/VersionHistory/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAE9E,MAAM,MAAM,gBAAgB,GAAG;IAC7B,OAAO,EAAE,MAAM,GAAG,OAAO,qBAAqB,GAAG,OAAO,mBAAmB,CAAC;IAC5E,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,EAAE,MAAM,CAAC;IACf,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;IAC1B,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE;QACL,IAAI,EAAE,MAAM,CAAC;QACb,WAAW,EAAE,MAAM,CAAC;KACrB,CAAC;CACH,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG;IAAE,MAAM,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,GAAG,CAAC,EAAE,MAAM,CAAA;KAAE,CAAA;CAAE,CAAC;AACpE,MAAM,MAAM,UAAU,GAAG;IAAE,MAAM,EAAE,KAAK,CAAC,aAAa,CAAC,CAAA;CAAE,CAAC;AAE1D,KAAK,UAAU,GAAG;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;IAClB,eAAe,EAAE,OAAO,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;IAC3D,OAAO,EAAE,MAAM,CAAC;IAChB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;IAC1B,MAAM,EAAE,MAAM,CAAC;IACf,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,YAAY,EAAE,MAAM,CAAC;IACrB,eAAe,EAAE,MAAM,CAAC;IACxB,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IACzB,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,qBAAqB,EAAE,OAAO,CAAC;IAC/B,oBAAoB,CAAC,EAAE,CAAC,aAAa,GAAG,UAAU,GAAG,UAAU,CAAC,GAAG,IAAI,CAAC;IACxE,cAAc,EAAE,gBAAgB,CAAC,SAAS,CAAC,GAAG,IAAI,CAAC;IACnD,cAAc,EAAE,KAAK,CAAC,gBAAgB,GAAG,UAAU,GAAG,UAAU,CAAC,CAAC;IAClE,OAAO,EAAE,OAAO,CAAC;IACjB,oBAAoB,EAAE,OAAO,CAAC;IAC9B,cAAc,EAAE,OAAO,CAAC;IACxB,iBAAiB,EAAE,OAAO,CAAC;IAC3B,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC"}

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

@@ -0,0 +1,5 @@
+export * from './VersionHistory';
+export type * from './VersionHistory';
+export * from './CreateVersionForm';
+export type * from './CreateVersionForm';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/versions/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,mBAAmB,kBAAkB,CAAC;AAEtC,cAAc,qBAAqB,CAAC;AACpC,mBAAmB,qBAAqB,CAAC"}

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);
+}