windmill-components 1.448.50 → 1.472.1

package/package/components/apps/editor/inlineScriptsPanel/InlineScriptsPanelList.svelte

@@ -1,255 +0,0 @@
-<script>import { Badge, Button } from '../../../common';
-import { Plus } from 'lucide-svelte';
-import { createEventDispatcher, getContext } from 'svelte';
-import Tooltip from '../../../Tooltip.svelte';
-import { BG_PREFIX, getAllScriptNames } from '../../utils';
-import PanelSection from '../settingsPanel/common/PanelSection.svelte';
-import { getAppScripts } from './utils';
-import AppTutorials from '../../../AppTutorials.svelte';
-import { tutorialsToDo } from '../../../../stores';
-import { ignoredTutorials } from '../../../tutorials/ignoredTutorials';
-import { tutorialInProgress } from '../../../../tutorialUtils';
-import DocLink from '../settingsPanel/DocLink.svelte';
-import HideButton from '../settingsPanel/HideButton.svelte';
-const PREFIX = 'script-selector-';
-const { app, selectedComponent } = getContext('AppViewerContext');
-const { selectedComponentInEditor } = getContext('AppEditorContext');
-function selectScript(id) {
-    $selectedComponentInEditor = id;
-    if (!id.startsWith('unused-') || !id.startsWith(BG_PREFIX)) {
-        $selectedComponent = [$selectedComponentInEditor.split('_transformer')[0]];
-    }
-}
-$: runnables = getAppScripts($app.grid, $app.subgrids);
-// When selected component changes, update selectedScriptComponentId
-$: handleSelectedComponent($selectedComponent);
-function handleSelectedComponent(selectedComponent) {
-    if (selectedComponent != $selectedComponentInEditor &&
-        !$selectedComponentInEditor?.includes('_transformer')) {
-        $selectedComponentInEditor = selectedComponent?.[0];
-    }
-}
-function createBackgroundScript() {
-    if ($tutorialsToDo.includes(5) && !$ignoredTutorials?.includes(5) && !tutorialInProgress()) {
-        appTutorials?.runTutorialById('backgroundrunnables', { skipStepsCount: 2 });
-    }
-    for (const [index, script] of $app.hiddenInlineScripts.entries()) {
-        if (script.hidden) {
-            delete script.hidden;
-            $app.hiddenInlineScripts = $app.hiddenInlineScripts;
-            selectScript(BG_PREFIX + index);
-            return;
-        }
-    }
-    let index = 0;
-    let newScriptPath = `Background Runnable ${index}`;
-    const names = getAllScriptNames($app);
-    // Find a name that is not used by any other inline script
-    while (names.includes(newScriptPath)) {
-        newScriptPath = `Background Runnable ${++index}`;
-    }
-    if (!$app.hiddenInlineScripts) {
-        $app.hiddenInlineScripts = [];
-    }
-    $app.hiddenInlineScripts.push({
-        name: newScriptPath,
-        inlineScript: undefined,
-        autoRefresh: true,
-        type: 'runnableByName',
-        fields: {},
-        recomputeIds: undefined
-    });
-    $app.hiddenInlineScripts = $app.hiddenInlineScripts;
-    selectScript(`${BG_PREFIX}${$app.hiddenInlineScripts.length - 1}`);
-}
-let appTutorials = undefined;
-const dispatch = createEventDispatcher();
-</script>
-
-<PanelSection title="Runnables" id="app-editor-runnable-panel">
-	<svelte:fragment slot="action">
-		<div class="flex flex-row gap-1">
-			<HideButton
-				direction="bottom"
-				on:click={() => {
-					dispatch('hidePanel')
-				}}
-			/>
-			<DocLink
-				docLink="https://www.windmill.dev/docs/apps/app-runnable-panel#creating-a-runnable"
-			/>
-		</div>
-	</svelte:fragment>
-	<div class="w-full flex flex-col gap-6 py-1">
-		<div>
-			<div class="flex flex-col gap-2 w-full">
-				{#if runnables.inline.length > 0}
-					<div class="flex gap-1 flex-col">
-						{#each runnables.inline as { name, id, transformer }, index (index)}
-							<button
-								id={PREFIX + id}
-								class="panel-item
-				{$selectedComponentInEditor === id
-									? 'border-blue-500 bg-blue-100 dark:bg-frost-900/50'
-									: 'hover:bg-blue-50 dark:hover:bg-frost-900/50'}"
-								on:click={() => selectScript(id)}
-							>
-								<span class="text-2xs truncate">{name}</span>
-								<div>
-									<Badge color="indigo">{id}</Badge>
-								</div>
-							</button>
-							{#if transformer}
-								<div class="w-full pl-4">
-									<button
-										id={PREFIX + id + '_transformer'}
-										class="border flex gap-1 truncate font-normal justify-between w-full items-center px-2 py-0.5 rounded-sm duration-200;
-			{$selectedComponentInEditor === id + '_transformer'
-											? 'border-blue-500 bg-blue-100 dark:bg-frost-900/50'
-											: 'hover:bg-blue-50 dark:hover:bg-frost-900/50'}"
-										on:click={() => selectScript(id + '_transformer')}
-									>
-										<span class="text-2xs truncate">Transformer</span>
-									</button>
-								</div>
-							{/if}
-						{/each}
-					</div>
-				{/if}
-				{#each runnables.imported as { name, id, transformer }, index (index)}
-					<button
-						id={PREFIX + id}
-						class="panel-item
-						{$selectedComponentInEditor === id
-							? 'border-blue-500 bg-blue-100 dark:bg-frost-900/50'
-							: 'hover:bg-blue-50'}"
-						on:click={() => selectScript(id)}
-					>
-						<span class="text-2xs truncate">{name}</span>
-						<Badge color="indigo">{id}</Badge>
-					</button>
-					{#if transformer}
-						<div class="w-full pl-4">
-							<button
-								id={PREFIX + id + '_transformer'}
-								class="border flex gap-1 truncate font-normal justify-between w-full items-center px-2 py-0.5 rounded-sm duration-200;
-{$selectedComponentInEditor === id + '_transformer'
-									? 'border-blue-500 bg-blue-100 dark:bg-frost-900/50'
-									: 'hover:bg-blue-50 dark:hover:bg-frost-900/50'}"
-								on:click={() => selectScript(id + '_transformer')}
-							>
-								<span class="text-2xs truncate">Transformer</span>
-							</button>
-						</div>
-					{/if}
-				{/each}
-
-				{#if $app.unusedInlineScripts?.length > 0}
-					<div class="flex gap-1 flex-col">
-						{#each $app.unusedInlineScripts as unusedInlineScript, index (index)}
-							{@const id = `unused-${index}`}
-							<button
-								id={PREFIX + id}
-								class="panel-item
-								{$selectedComponentInEditor === id
-									? 'border-blue-500 bg-blue-100 dark:bg-frost-900/50'
-									: 'hover:bg-blue-50 dark:hover:bg-frost-900/50'}"
-								on:click={() => selectScript(id)}
-							>
-								<span class="text-2xs truncate">{unusedInlineScript.name}</span>
-								<Badge color="red">Detached</Badge>
-							</button>
-						{/each}
-					</div>
-				{/if}
-				{#if runnables.inline.length == 0 && $app.unusedInlineScripts?.length == 0 && runnables.imported.length == 0}
-					<div class="text-xs text-tertiary">No scripts/flows</div>
-				{/if}
-			</div>
-		</div>
-
-		<div>
-			<div class="w-full flex justify-between items-center mb-1">
-				<div class="text-xs text-secondary font-semibold truncate">
-					Background Runnables
-					<Tooltip
-						documentationLink="https://www.windmill.dev/docs/apps/app-runnable-panel#background-runnables"
-					>
-						Background runnables can be triggered on app refresh or when their input changes. The
-						result can be shared among many components.
-					</Tooltip>
-				</div>
-				<Button
-					size="xs"
-					color="light"
-					variant="border"
-					btnClasses="!rounded-full !p-1"
-					title="Create a new background runnable"
-					aria-label="Create a new background runnable"
-					on:click={createBackgroundScript}
-					id="create-background-runnable"
-				>
-					<Plus size={14} class="!text-primary" />
-				</Button>
-			</div>
-			<div class="flex flex-col gap-1 w-full">
-				{#if $app.hiddenInlineScripts?.length > 0}
-					{#each $app.hiddenInlineScripts as { name, hidden, transformer }, index (index)}
-						{#if !hidden}
-							{@const id = BG_PREFIX + index}
-							<button
-								id={PREFIX + id}
-								class="panel-item
-								{$selectedComponentInEditor === id
-									? 'border-blue-500 bg-blue-100 dark:bg-frost-900/50'
-									: 'hover:bg-blue-50 dark:hover:bg-frost-900/50'}"
-								on:click={() => selectScript(id)}
-							>
-								<span class="text-2xs truncate">{name}</span>
-								<Badge color="indigo">{id}</Badge>
-							</button>
-							{#if transformer}
-								<div class="w-full pl-4">
-									<button
-										id={PREFIX + id + '_transformer'}
-										class="border flex gap-1 truncate font-normal justify-between w-full items-center px-2 py-0.5 rounded-sm duration-200;
-		{$selectedComponentInEditor === id + '_transformer'
-											? 'border-blue-500 bg-blue-100 dark:bg-frost-900/50'
-											: 'hover:bg-blue-50 dark:hover:bg-frost-900/50'}"
-										on:click={() => selectScript(id + '_transformer')}
-									>
-										<span class="text-2xs truncate">Transformer</span>
-									</button>
-								</div>
-							{/if}
-						{/if}
-					{/each}
-				{:else}
-					<div class="text-xs text-tertiary">No background runnable</div>
-				{/if}
-			</div>
-		</div>
-	</div>
-</PanelSection>
-
-<AppTutorials bind:this={appTutorials} on:reload />
-
-<style>
-	.panel-item {
-    display: flex;
-    width: 100%;
-    align-items: center;
-    justify-content: space-between;
-    gap: 0.25rem;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    border-radius: 0.125rem;
-    border-width: 1px;
-    padding-top: 0.25rem;
-    padding-bottom: 0.25rem;
-    padding-left: 0.5rem;
-    padding-right: 0.5rem;
-    font-weight: 400;
-    transition-duration: 200ms
-}</style>

package/package/components/apps/editor/inlineScriptsPanel/InlineScriptsPanelList.svelte.d.ts

@@ -1,17 +0,0 @@
-import { SvelteComponent } from "svelte";
-declare const __propDef: {
-    props: Record<string, never>;
-    events: {
-        reload: CustomEvent<any>;
-        hidePanel: CustomEvent<any>;
-    } & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type InlineScriptsPanelListProps = typeof __propDef.props;
-export type InlineScriptsPanelListEvents = typeof __propDef.events;
-export type InlineScriptsPanelListSlots = typeof __propDef.slots;
-export default class InlineScriptsPanelList extends SvelteComponent<InlineScriptsPanelListProps, InlineScriptsPanelListEvents, InlineScriptsPanelListSlots> {
-}
-export {};

package/package/components/apps/editor/inlineScriptsPanel/InlineScriptsPanelWithTable.svelte

@@ -1,59 +0,0 @@
-<script>import { getContext } from 'svelte';
-import InlineScriptEditorPanel from './InlineScriptEditorPanel.svelte';
-const { selectedComponentInEditor } = getContext('AppEditorContext');
-export let gridItem;
-</script>
-
-{#if gridItem?.data?.id === $selectedComponentInEditor || gridItem?.data?.id + '_transformer' === $selectedComponentInEditor}
-	<InlineScriptEditorPanel
-		on:createScriptFromInlineScript
-		defaultUserInput={gridItem.data?.type == 'formcomponent' ||
-			gridItem?.data?.type == 'formbuttoncomponent'}
-		id={gridItem.data.id}
-		componentType={gridItem.data.type}
-		transformer={$selectedComponentInEditor?.endsWith('_transformer')}
-		bind:componentInput={gridItem.data.componentInput}
-	/>
-{/if}
-
-{#if gridItem?.data?.type === 'tablecomponent'}
-	{#each gridItem.data.actionButtons as actionButton, index (index)}
-		{#if actionButton?.id === $selectedComponentInEditor || actionButton?.id + '_transformer' === $selectedComponentInEditor}
-			<InlineScriptEditorPanel
-				on:createScriptFromInlineScript
-				componentType={actionButton.type}
-				id={actionButton.id}
-				transformer={$selectedComponentInEditor?.endsWith('_transformer')}
-				bind:componentInput={actionButton.componentInput}
-			/>
-		{/if}
-	{/each}
-{/if}
-
-{#if (gridItem?.data?.type === 'aggridcomponent' || gridItem?.data?.type === 'aggridcomponentee' || gridItem?.data?.type === 'dbexplorercomponent' || gridItem?.data?.type === 'aggridinfinitecomponent' || gridItem?.data?.type === 'aggridinfinitecomponentee') && Array.isArray(gridItem.data.actions)}
-	{#each gridItem.data.actions as actionButton, index (index)}
-		{#if actionButton?.id === $selectedComponentInEditor || actionButton?.id + '_transformer' === $selectedComponentInEditor}
-			<InlineScriptEditorPanel
-				on:createScriptFromInlineScript
-				componentType={actionButton.type}
-				id={actionButton.id}
-				transformer={$selectedComponentInEditor?.endsWith('_transformer')}
-				bind:componentInput={actionButton.componentInput}
-			/>
-		{/if}
-	{/each}
-{/if}
-
-{#if gridItem?.data?.type === 'menucomponent'}
-	{#each gridItem.data.menuItems as actionButton, index (index)}
-		{#if actionButton?.id === $selectedComponentInEditor || actionButton?.id + '_transformer' === $selectedComponentInEditor}
-			<InlineScriptEditorPanel
-				on:createScriptFromInlineScript
-				componentType={actionButton.type}
-				id={actionButton.id}
-				transformer={$selectedComponentInEditor?.endsWith('_transformer')}
-				bind:componentInput={actionButton.componentInput}
-			/>
-		{/if}
-	{/each}
-{/if}

package/package/components/apps/editor/inlineScriptsPanel/InlineScriptsPanelWithTable.svelte.d.ts

@@ -1,19 +0,0 @@
-import { SvelteComponent } from "svelte";
-import type { GridItem } from '../../types';
-declare const __propDef: {
-    props: {
-        gridItem: GridItem;
-    };
-    events: {
-        createScriptFromInlineScript: CustomEvent<any>;
-    } & {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type InlineScriptsPanelWithTableProps = typeof __propDef.props;
-export type InlineScriptsPanelWithTableEvents = typeof __propDef.events;
-export type InlineScriptsPanelWithTableSlots = typeof __propDef.slots;
-export default class InlineScriptsPanelWithTable extends SvelteComponent<InlineScriptsPanelWithTableProps, InlineScriptsPanelWithTableEvents, InlineScriptsPanelWithTableSlots> {
-}
-export {};

package/package/components/apps/editor/inlineScriptsPanel/RunButton.svelte

@@ -1,48 +0,0 @@
-<script>import { getContext } from 'svelte';
-import { Button } from '../../../common';
-import { CornerDownLeft, Loader2 } from 'lucide-svelte';
-export let id;
-export let inlineScript = undefined;
-export let runLoading = false;
-export let hideShortcut = false;
-const { runnableComponents } = getContext('AppViewerContext');
-const { runnableJobEditorPanel } = getContext('AppEditorContext');
-let cancelable = undefined;
-</script>
-
-{#if $runnableComponents[id] != undefined}
-	{#if !runLoading}
-		<Button
-			loading={runLoading}
-			size="xs"
-			color="dark"
-			btnClasses="!px-2 !py-1"
-			on:click={async () => {
-				runLoading = true
-				$runnableJobEditorPanel.focused = true
-				try {
-					cancelable = $runnableComponents[id]?.cb?.map((f) => f(inlineScript, true))
-					await Promise.all(cancelable)
-				} catch {}
-				runLoading = false
-			}}
-			shortCut={{ Icon: CornerDownLeft, hide: hideShortcut }}
-		>
-			Run
-		</Button>
-	{:else}
-		<Button
-			size="xs"
-			color="red"
-			variant="border"
-			btnClasses="!px-2 !py-1.5"
-			on:click={async () => {
-				cancelable?.forEach((f) => f.cancel())
-				runLoading = false
-			}}
-		>
-			<Loader2 size={14} class="animate-spin mr-2" />
-			Cancel
-		</Button>
-	{/if}
-{/if}

package/package/components/apps/editor/inlineScriptsPanel/RunButton.svelte.d.ts

@@ -1,20 +0,0 @@
-import { SvelteComponent } from "svelte";
-import type { InlineScript } from '../../types';
-declare const __propDef: {
-    props: {
-        id: string;
-        inlineScript?: InlineScript | undefined;
-        runLoading?: boolean | undefined;
-        hideShortcut?: boolean | undefined;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type RunButtonProps = typeof __propDef.props;
-export type RunButtonEvents = typeof __propDef.events;
-export type RunButtonSlots = typeof __propDef.slots;
-export default class RunButton extends SvelteComponent<RunButtonProps, RunButtonEvents, RunButtonSlots> {
-}
-export {};

package/package/components/apps/editor/inlineScriptsPanel/utils.d.ts

@@ -1,17 +0,0 @@
-import type { Schema } from '../../../../common';
-import type { AppInputs } from '../../inputType';
-import type { GridItem } from '../../types';
-export interface AppScriptsList {
-    inline: {
-        name: string;
-        id: string;
-        transformer: boolean;
-    }[];
-    imported: {
-        name: string;
-        id: string;
-        transformer: boolean;
-    }[];
-}
-export declare function computeFields(schema: Schema, defaultUserInput: boolean, fields: AppInputs): {};
-export declare function getAppScripts(grid: GridItem[], subgrids: Record<string, GridItem[]> | undefined): AppScriptsList;

package/package/components/apps/editor/inlineScriptsPanel/utils.js

@@ -1,96 +0,0 @@
-import { fieldTypeToTsType, schemaToInputsSpec } from '../../utils';
-// When the schema is loaded, we need to update the inputs spec
-// in order to render the inputs the component panel
-export function computeFields(schema, defaultUserInput, fields) {
-    let schemaCopy = JSON.parse(JSON.stringify(schema));
-    const result = {};
-    const newInputs = schemaToInputsSpec(schemaCopy, defaultUserInput);
-    if (!fields) {
-        return newInputs;
-    }
-    Object.keys(newInputs).forEach((key) => {
-        const newInput = newInputs[key];
-        const oldInput = fields[key];
-        // If the input is not present in the old inputs, add it
-        if (oldInput === undefined) {
-            result[key] = newInput;
-        }
-        else {
-            if (fieldTypeToTsType(newInput.fieldType) !== fieldTypeToTsType(oldInput.fieldType) ||
-                newInput.format !== oldInput.format ||
-                newInput.subFieldType !== oldInput.subFieldType ||
-                // An input became a select
-                (newInput.fieldType === 'select' && oldInput.fieldType !== 'select') ||
-                // The input was already a select, but the values changed
-                (newInput.fieldType === 'select' &&
-                    oldInput.fieldType === 'select' &&
-                    JSON.stringify(newInput.selectOptions) !== JSON.stringify(oldInput.selectOptions))) {
-                result[key] = newInput;
-            }
-            else {
-                result[key] = oldInput;
-            }
-        }
-    });
-    return result;
-}
-function processGridItemRunnable(gridItem, list) {
-    const component = gridItem.data;
-    if (component) {
-        const componentInput = component.componentInput;
-        if (component.type === 'tablecomponent') {
-            component.actionButtons.forEach((actionButton) => {
-                if (actionButton.componentInput?.type !== 'runnable') {
-                    return;
-                }
-                processRunnable(actionButton.componentInput.runnable, actionButton.componentInput.transformer, actionButton.id, list);
-            });
-        }
-        if (component.type === 'aggridcomponent' ||
-            component.type === 'aggridcomponentee' ||
-            component.type === 'dbexplorercomponent' ||
-            component.type === 'aggridinfinitecomponent' ||
-            component.type === 'aggridinfinitecomponentee') {
-            component.actions?.forEach((actionButton) => {
-                if (actionButton.componentInput?.type !== 'runnable') {
-                    return;
-                }
-                processRunnable(actionButton.componentInput.runnable, actionButton.componentInput.transformer, actionButton.id, list);
-            });
-        }
-        if (component.type === 'menucomponent') {
-            component.menuItems?.forEach((menuItem) => {
-                if (menuItem.componentInput?.type !== 'runnable') {
-                    return;
-                }
-                processRunnable(menuItem.componentInput.runnable, menuItem.componentInput.transformer, menuItem.id, list);
-            });
-        }
-        if (componentInput?.type === 'runnable') {
-            processRunnable(componentInput.runnable, componentInput.transformer, gridItem.id, list);
-        }
-    }
-    return list;
-}
-export function getAppScripts(grid, subgrids) {
-    const scriptsList = grid.reduce((acc, gridComponent) => processGridItemRunnable(gridComponent, acc), { inline: [], imported: [], transformer: false });
-    if (subgrids) {
-        Object.values(subgrids).forEach((subgrid) => {
-            subgrid.forEach((subgridComponent) => {
-                processGridItemRunnable(subgridComponent, scriptsList);
-            });
-        });
-    }
-    return scriptsList;
-}
-function processRunnable(runnable, transformer, id, list) {
-    if (runnable?.type === undefined) {
-        return;
-    }
-    const type = runnable.type === 'runnableByPath' ? 'imported' : 'inline';
-    list[type].push({
-        name: runnable[runnable.type === 'runnableByPath' ? 'path' : 'name'],
-        id,
-        transformer: transformer !== undefined
-    });
-}

package/package/components/apps/editor/settingsPanel/AGChartRichEditor.svelte

@@ -1,55 +0,0 @@
-<script>import InputsSpecEditor from './InputsSpecEditor.svelte';
-import PanelSection from './common/PanelSection.svelte';
-export let datasets = undefined;
-export let xData = undefined;
-export let id;
-</script>
-
-<PanelSection
-	title={`AG Chart configuration`}
-	tooltip="The configuration is divided into two parts: X-axis data and an array of datasets. Each dataset hold the data for the Y-axis and the configuration for the plot (type, name, etc)."
->
-	<div class="w-full flex flex-col gap-4">
-		{#if xData}
-			<InputsSpecEditor
-				key={`X-axis data`}
-				bind:componentInput={xData}
-				{id}
-				userInputEnabled={false}
-				shouldCapitalize={true}
-				resourceOnly={false}
-				fieldType={xData?.['fieldType']}
-				subFieldType={xData?.['subFieldType']}
-				format={xData?.['format']}
-				selectOptions={xData?.['selectOptions']}
-				tooltip={xData?.['tooltip']}
-				fileUpload={xData?.['fileUpload']}
-				placeholder={xData?.['placeholder']}
-				customTitle={xData?.['customTitle']}
-				displayType={false}
-			/>
-		{/if}
-
-		{#if datasets}
-			<InputsSpecEditor
-				key={`Dataset`}
-				bind:componentInput={datasets}
-				{id}
-				userInputEnabled={false}
-				shouldCapitalize={true}
-				resourceOnly={false}
-				fieldType={datasets?.['fieldType']}
-				subFieldType={datasets?.['subFieldType']}
-				format={datasets?.['format']}
-				selectOptions={datasets?.['selectOptions']}
-				tooltip="For each dataset, you can specify the data for the Y-axis and the configuration for the plot (type, color, etc). If you want to have an eval for every data point, you can switch to JSON mode."
-				fileUpload={datasets?.['fileUpload']}
-				placeholder={datasets?.['placeholder']}
-				customTitle={datasets?.['customTitle']}
-				displayType={false}
-				shouldFormatExpression={true}
-				allowTypeChange={false}
-			/>
-		{/if}
-	</div>
-</PanelSection>

package/package/components/apps/editor/settingsPanel/AGChartRichEditor.svelte.d.ts

@@ -1,19 +0,0 @@
-import { SvelteComponent } from "svelte";
-import type { RichConfiguration } from '../../types';
-declare const __propDef: {
-    props: {
-        datasets?: RichConfiguration | undefined;
-        xData?: RichConfiguration | undefined;
-        id: string;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type AgChartRichEditorProps = typeof __propDef.props;
-export type AgChartRichEditorEvents = typeof __propDef.events;
-export type AgChartRichEditorSlots = typeof __propDef.slots;
-export default class AgChartRichEditor extends SvelteComponent<AgChartRichEditorProps, AgChartRichEditorEvents, AgChartRichEditorSlots> {
-}
-export {};

package/package/components/apps/editor/settingsPanel/AlignmentEditor.svelte

@@ -1,35 +0,0 @@
-<script>import { AlignCenterHorizontal, AlignCenterVertical, AlignEndHorizontal, AlignEndVertical, AlignStartHorizontal, AlignStartVertical } from 'lucide-svelte';
-import { getContext } from 'svelte';
-import ToggleButtonGroup from '../../../common/toggleButton-v2/ToggleButtonGroup.svelte';
-import ToggleButton from '../../../common/toggleButton-v2/ToggleButton.svelte';
-const { app } = getContext('AppViewerContext');
-export let component;
-</script>
-
-{#if component.horizontalAlignment || component.verticalAlignment}
-	<div class="flex flex-wrap gap-x-4 gap-y-1 w-full justify-end items-center">
-		<div class="text-tertiary text-xs">Alignment</div>
-		{#if component.horizontalAlignment}
-			<ToggleButtonGroup
-				noWFull
-				on:selected={() => ($app = $app)}
-				bind:selected={component.horizontalAlignment}
-			>
-				<ToggleButton value="left" icon={AlignStartVertical} />
-				<ToggleButton value="center" icon={AlignCenterVertical} />
-				<ToggleButton value="right" icon={AlignEndVertical} />
-			</ToggleButtonGroup>
-		{/if}
-		{#if component.type !== 'formcomponent' && component.verticalAlignment}
-			<ToggleButtonGroup
-				noWFull
-				on:selected={() => ($app = $app)}
-				bind:selected={component.verticalAlignment}
-			>
-				<ToggleButton value="top" icon={AlignStartHorizontal} />
-				<ToggleButton value="center" icon={AlignCenterHorizontal} />
-				<ToggleButton value="bottom" icon={AlignEndHorizontal} />
-			</ToggleButtonGroup>
-		{/if}
-	</div>
-{/if}

package/package/components/apps/editor/settingsPanel/AlignmentEditor.svelte.d.ts

@@ -1,17 +0,0 @@
-import { SvelteComponent } from "svelte";
-import type { AppComponent } from '../component';
-declare const __propDef: {
-    props: {
-        component: AppComponent;
-    };
-    events: {
-        [evt: string]: CustomEvent<any>;
-    };
-    slots: {};
-};
-export type AlignmentEditorProps = typeof __propDef.props;
-export type AlignmentEditorEvents = typeof __propDef.events;
-export type AlignmentEditorSlots = typeof __propDef.slots;
-export default class AlignmentEditor extends SvelteComponent<AlignmentEditorProps, AlignmentEditorEvents, AlignmentEditorSlots> {
-}
-export {};