@orangelogic/design-system 2.19.0-ci.5

package/library/packages/organisms/src/downloader/downloader.d.ts

@@ -0,0 +1,211 @@
+import { default as CxBadge } from '../../../atoms/src/components/badge/badge.ts';
+import { default as CxButton } from '../../../atoms/src/components/button/button.ts';
+import { default as CxCheckbox } from '../../../atoms/src/components/checkbox/checkbox.ts';
+import { default as CxDialog } from '../../../atoms/src/components/dialog/dialog.ts';
+import { default as CxDivider } from '../../../atoms/src/components/divider/divider.ts';
+import { default as CxDropdown } from '../../../atoms/src/components/dropdown/dropdown.ts';
+import { default as CxIcon } from '../../../atoms/src/components/icon/icon.ts';
+import { default as CxIconButton } from '../../../atoms/src/components/icon-button/icon-button.ts';
+import { default as CxInput } from '../../../atoms/src/components/input/input.ts';
+import { default as CxLineClamp } from '../../../atoms/src/components/line-clamp/line-clamp.ts';
+import { default as CxMenu } from '../../../atoms/src/components/menu/menu.ts';
+import { default as CxMenuItem } from '../../../atoms/src/components/menu-item/menu-item.ts';
+import { default as CxPagination } from '../../../atoms/src/components/pagination/pagination.ts';
+import { default as CxProgressBar } from '../../../atoms/src/components/progress-bar/progress-bar.ts';
+import { default as CxRange } from '../../../atoms/src/components/range/range.ts';
+import { default as CxSpace } from '../../../atoms/src/components/space/space.ts';
+import { default as CxSpinner } from '../../../atoms/src/components/spinner/spinner.ts';
+import { default as CxSwitch } from '../../../atoms/src/components/switch/switch.ts';
+import { default as CxTooltip } from '../../../atoms/src/components/tooltip/tooltip.ts';
+import { default as CxTypography } from '../../../atoms/src/components/typography/typography.ts';
+import { default as CortexElement } from '../../../base/src/cortex-element.ts';
+import { default as CxConfirmPopover } from '../../../molecules/src/confirm-popover/confirm-popover.ts';
+import { DownloadItem, STATUS } from '../../../types/src/downloader';
+import { CSSResultGroup, TemplateResult } from 'lit';
+import { ExecutionContext } from './data/orangelogic-types';
+
+declare global {
+    interface Window {
+        Param: any;
+        Utils: any;
+        tabId: string;
+    }
+}
+/**
+ * @summary A floating widget for managing downloads.
+ *
+ * @cssproperty [--max-width=920px] - The maximum width of the downloader.
+ * @cssproperty [--search-input-width=300px] - The width of the search input.
+ * @cssproperty [--settings-menu-width=400px] - The width of the settings menu.
+ * @cssproperty [--name-cell-width=400px] - The width of the name cell inside download item table.
+ * @cssproperty [--progress-cell-width=200px] - The width of the progress cell inside download item table.
+ * @cssproperty [--status-cell-width=140px] - The width of the status cell inside download item table.
+ * @cssproperty [--actions-cell-width=100px] - The width of the actions cell inside download item table.
+ * @cssproperty [--table-head-height=40px] - The height of the table header inside download item table.
+ */
+export default class CxDownloader extends CortexElement {
+    static readonly styles: CSSResultGroup;
+    static readonly dependencies: {
+        'cx-badge': typeof CxBadge;
+        'cx-button': typeof CxButton;
+        'cx-checkbox': typeof CxCheckbox;
+        'cx-confirm-popover': typeof CxConfirmPopover;
+        'cx-dialog': typeof CxDialog;
+        'cx-divider': typeof CxDivider;
+        'cx-dropdown': typeof CxDropdown;
+        'cx-icon': typeof CxIcon;
+        'cx-icon-button': typeof CxIconButton;
+        'cx-input': typeof CxInput;
+        'cx-line-clamp': typeof CxLineClamp;
+        'cx-menu': typeof CxMenu;
+        'cx-menu-item': typeof CxMenuItem;
+        'cx-pagination': typeof CxPagination;
+        'cx-progress-bar': typeof CxProgressBar;
+        'cx-range': typeof CxRange;
+        'cx-space': typeof CxSpace;
+        'cx-spinner': typeof CxSpinner;
+        'cx-switch': typeof CxSwitch;
+        'cx-tooltip': typeof CxTooltip;
+        'cx-typography': typeof CxTypography;
+    };
+    private manager;
+    private fileEventsQueue;
+    private cleanupHandlers;
+    private readonly localize;
+    downloader: HTMLDivElement;
+    searchInput: CxInput;
+    ctx: ExecutionContext | null;
+    userId: string;
+    workerURL: string;
+    private _coordinates;
+    get coordinates(): {
+        x: number;
+        y: number;
+    };
+    private _connected;
+    get connected(): boolean;
+    private isFullscreen;
+    private isRocketMode;
+    private isVisible;
+    private chunkSize;
+    private _downloadingFiles;
+    get downloadingFiles(): DownloadItem[];
+    get baseUrl(): string;
+    get localStoragePrefix(): string;
+    get allFilesCompleted(): boolean;
+    get allFilesCancelled(): boolean;
+    get skipDeleteConfirm(): boolean;
+    /**
+     * [41ST0L] Downloader V2 use local storage and IndexedDB to store necessary data.
+     * If the user does not allow those data to be stored, the downloader can not function properly and we will not render this component at all.
+     *
+     * But if the downloader was already opened before the user disallowed cookies, we rely on this flag to stop any further data creation and updates.
+     */
+    get cookiesForDownloaderV2Rejected(): boolean;
+    set downloadingFiles(newDownloadingFiles: DownloadItem[]);
+    private allFiles;
+    private sortedFiles;
+    private pageIndex;
+    private pageSize;
+    private filteredFiles;
+    private _loading;
+    get loading(): boolean;
+    private errorMessage;
+    private bandWidth;
+    private defaultDownloadFolderName;
+    private filterOptions;
+    private isPausing;
+    private isResuming;
+    private isClearing;
+    private isCancelling;
+    private isRetrying;
+    private isSearchOpen;
+    private totalSize;
+    updateTotalSize(): Promise<void>;
+    private countByStatus;
+    updateCountByStatus(): Promise<void>;
+    private isAllDownloadingFilesCompleted;
+    updateIsAllDownloadingFilesCompleted(): Promise<void>;
+    cleanup(): void;
+    constructor();
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    protected runFirstUpdated(): void;
+    requestLocation(transactionID: string | null): void;
+    requestDownload({ containerName, transactionID }: any): void;
+    private buildDownloadManager;
+    fireNotification(message: string, title: string | undefined, options: {
+        notificationType: string;
+    }): void;
+    initDownloadManager(): Promise<void>;
+    updateAllFiles(newAllFiles: Record<string, DownloadItem>): void;
+    fetchAllFiles(): Promise<void>;
+    updateFilesInterval: NodeJS.Timer | null;
+    setUpdateFilesInterval(): void;
+    checkDefaultRootNameInterval: NodeJS.Timer | null;
+    setCheckDefaultRootNameInterval(): void;
+    checkCookiesRejectedInterval: NodeJS.Timer | undefined;
+    setCheckCookiesRejectedInterval(): void;
+    cancelSingle: (id: string) => void;
+    onCancelAll: () => Promise<void>;
+    onClear: (id: string) => void;
+    onClearAll: () => Promise<void>;
+    onPause: (id: string) => void;
+    onPauseAll: () => Promise<void>;
+    onResume: (id: string) => void;
+    onResumeAll: () => Promise<void>;
+    onRetry: (id: string) => void;
+    onRetryAll: () => Promise<void>;
+    selectDefaultRoot: () => void;
+    removeDefaultRoot: () => void;
+    updateSortedFiles(): Promise<void>;
+    animateDownloader({ duration }?: {
+        duration: number;
+    }): void;
+    handleFullscreenChange(): void;
+    handleWindowResize(): void;
+    handleDrag(event: PointerEvent): void;
+    hide(): void;
+    show(): void;
+    updateTabIndex(): void;
+    getDownloadingFilesFromLocalStorage(): void;
+    onFilter(key: keyof DownloadItem, value: any): void;
+    updateFilteredFiles(): void;
+    private handleSearchInput;
+    private pauseAll;
+    private resumeAll;
+    private retryAll;
+    private clearCancelAll;
+    private toggleFullscreen;
+    private handleRocketModeChange;
+    private handleChunkSizeChange;
+    renderSearch(): TemplateResult<1>;
+    renderMassActions(): TemplateResult<1>;
+    renderChunkSizeMarks(): TemplateResult<1>;
+    renderSettingsButton(): TemplateResult;
+    renderExpandButton(): TemplateResult;
+    renderCloseButton(): TemplateResult;
+    renderProgressBar({ progress, showProgress, size, status, unit, }: {
+        progress: number;
+        showProgress?: boolean;
+        size: number;
+        status: STATUS | null;
+        unit: string;
+    }): TemplateResult;
+    renderTableHead(): TemplateResult;
+    renderItemActions({ id, status, }: {
+        id: string;
+        status: STATUS;
+    }): TemplateResult;
+    renderTableRow(rowProps: DownloadItem): TemplateResult;
+    renderTableView(): TemplateResult;
+    renderBandWidth(showLabel?: boolean): TemplateResult;
+    renderFullView(): TemplateResult;
+    renderSmallView(): TemplateResult;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'cx-downloader': CxDownloader;
+    }
+}

package/library/packages/organisms/src/downloader/downloader.style.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('lit').CSSResult;
+export default _default;

package/library/packages/organisms/src/downloader/downloader.utils.d.ts

@@ -0,0 +1,7 @@
+import { DownloadItem } from '../../../types/src/downloader';
+import { DownloadItem as CoreDownloadItem } from './data/core/worker/app/queries/DownloadItem';
+
+export declare const getMissingProperties: (obj1: Record<string, any>, obj2: Record<string, any>) => string[];
+export declare const isDownloadingFile: (file: DownloadItem) => boolean;
+export declare function getFileSizeKB(file: DownloadItem): number;
+export declare function mapDownloadFile(item: CoreDownloadItem): DownloadItem;

package/library/packages/organisms/src/file-on-demand/components/folder-item/folder-item.d.ts

@@ -0,0 +1,53 @@
+import { default as CxIcon } from '../../../../../atoms/src/components/icon/icon.ts';
+import { default as CxLineClamp } from '../../../../../atoms/src/components/line-clamp/line-clamp.ts';
+import { default as CxTreeItem } from '../../../../../atoms/src/components/tree-item/tree-item.ts';
+import { default as CortexElement } from '../../../../../base/src/cortex-element.ts';
+import { CxLazyLoadEvent } from '../../../../../events/src/events.ts';
+import { FolderOption } from '../../../../../types/src/file-on-demand';
+import { CSSResultGroup, TemplateResult } from 'lit';
+
+export default class CxFolderItem extends CortexElement {
+    private readonly localize;
+    static readonly styles: CSSResultGroup;
+    static readonly dependencies: {
+        'cx-icon': typeof CxIcon;
+        'cx-line-clamp': typeof CxLineClamp;
+        'cx-tree-item': typeof CxTreeItem;
+    };
+    role: string;
+    readonly treeItem: CxTreeItem;
+    siteUrl: string;
+    token: string;
+    searchText: string;
+    folder: FolderOption | null;
+    currentRootIDsSet: Set<string>;
+    folderPathsSet: Set<string>;
+    removedIDs: string[];
+    data: FolderOption[] | null;
+    totalCount: number;
+    isLoading: boolean;
+    get selected(): boolean;
+    set selected(value: boolean);
+    get expanded(): boolean;
+    set expanded(value: boolean);
+    get indeterminate(): boolean;
+    set indeterminate(value: boolean);
+    createRenderRoot(): this;
+    getChildrenItems(): CxTreeItem[];
+    fetchFolders: ({ folderId, start, }: {
+        folderId: string;
+        start?: number;
+    }) => Promise<{
+        data: FolderOption[];
+        totalCount: number;
+    }>;
+    private readonly loadMore;
+    onLazyLoad: (e: CxLazyLoadEvent) => Promise<void>;
+    syncBoxes(): Promise<void>;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'cx-folder-item': CxFolderItem;
+    }
+}

package/library/packages/organisms/src/file-on-demand/components/folder-tree/folder-tree.d.ts

@@ -0,0 +1,39 @@
+import { default as CxTree } from '../../../../../atoms/src/components/tree/tree.ts';
+import { default as CortexElement } from '../../../../../base/src/cortex-element.ts';
+import { FolderOption } from '../../../../../types/src/file-on-demand';
+import { CSSResultGroup, TemplateResult } from 'lit';
+import { default as CxFolderItem } from '../folder-item/folder-item';
+
+export default class CxFolderTree extends CortexElement {
+    private readonly localize;
+    static readonly styles: CSSResultGroup;
+    static readonly dependencies: {
+        'cx-folder-item': typeof CxFolderItem;
+        'cx-tree': typeof CxTree;
+    };
+    role: string;
+    private readonly tree;
+    siteUrl: string;
+    bearerToken: string;
+    token: string;
+    searchText: string;
+    folders: FolderOption[];
+    rootIDs: string[];
+    totalCount: number;
+    loadMore: () => void;
+    isLoading: boolean;
+    folderPathsSet: Set<string>;
+    removedIDs: string[];
+    currentRootIDsSet: Set<string>;
+    get currentRootIDs(): string[];
+    handleRootIDsChange(): void;
+    renderFolder: (folder: FolderOption) => TemplateResult;
+    resetTree(): void;
+    private handleSelectedChange;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'cx-folder-tree': CxFolderTree;
+    }
+}

package/library/packages/organisms/src/file-on-demand/components/folder-tree/folder-tree.style.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('lit').CSSResult;
+export default _default;

package/library/packages/organisms/src/file-on-demand/components/index.d.ts

@@ -0,0 +1,2 @@
+export { default as CxFolderItem } from './folder-item/folder-item';
+export { default as CxFolderTree } from './folder-tree/folder-tree';

package/library/packages/organisms/src/file-on-demand/file-on-demand.constants.d.ts

@@ -0,0 +1,34 @@
+export declare const ASSET_INDEX_SYNC_STATUS_LABEL: {
+    error: string;
+    loaded: string;
+    loading: string;
+};
+export declare const ASSET_LIST_TYPES: {
+    FAVORITES: string;
+    RECENT: string;
+    UPLOADS: string;
+};
+export declare const SCROLL_OFFSET = 20;
+export declare const API_ENDPOINTS: {
+    GET_CONTENT: string;
+};
+export declare const GET_CONTENT_FIELDS: {
+    ASSET_PATH: string;
+    CHILD_COUNT: string;
+    CORTEX_PATH: string;
+    DOC_TYPE: string;
+    EXTENSION: string;
+    FILE_SIZE: string;
+    HAS_BROWSER_CHILDREN: string;
+    IDENTIFIER: string;
+    KEYWORDS: string;
+    MAX_HEIGHT: string;
+    MAX_WIDTH: string;
+    PARENT_FOLDER_IDENTIFIER: string;
+    SCRUB_URL: string;
+    SUBTYPE: string;
+    TITLE_WITH_FALLBACK: string;
+};
+export declare const CACHE_SIZE_UNIT = "GB";
+export declare const SYNC_INTERVAL = 60000;
+export declare const FOLDER_DOC_TYPES: string[];

package/library/packages/organisms/src/file-on-demand/file-on-demand.d.ts

@@ -0,0 +1,267 @@
+import { default as CxAvatar } from '../../../atoms/src/components/avatar/avatar.ts';
+import { default as CxButton } from '../../../atoms/src/components/button/button.ts';
+import { default as CxDialog } from '../../../atoms/src/components/dialog/dialog.ts';
+import { default as CxDivider } from '../../../atoms/src/components/divider/divider.ts';
+import { default as CxFormatBytes } from '../../../atoms/src/components/format-bytes/format-bytes.ts';
+import { default as CxIcon } from '../../../atoms/src/components/icon/icon.ts';
+import { default as CxIconButton } from '../../../atoms/src/components/icon-button/icon-button.ts';
+import { default as CxInput } from '../../../atoms/src/components/input/input.ts';
+import { default as CxLineClamp } from '../../../atoms/src/components/line-clamp/line-clamp.ts';
+import { default as CxOption } from '../../../atoms/src/components/option/option.ts';
+import { default as CxProgressBar } from '../../../atoms/src/components/progress-bar/progress-bar.ts';
+import { default as CxRelativeTime } from '../../../atoms/src/components/relative-time/relative-time.ts';
+import { default as CxSelect } from '../../../atoms/src/components/select/select.ts';
+import { default as CxSpace } from '../../../atoms/src/components/space/space.ts';
+import { default as CxTab } from '../../../atoms/src/components/tab/tab.ts';
+import { default as CxTabGroup } from '../../../atoms/src/components/tab-group/tab-group.ts';
+import { default as CxTabPanel } from '../../../atoms/src/components/tab-panel/tab-panel.ts';
+import { default as CxTooltip } from '../../../atoms/src/components/tooltip/tooltip.ts';
+import { default as CxTree } from '../../../atoms/src/components/tree/tree.ts';
+import { default as CxTreeItem } from '../../../atoms/src/components/tree-item/tree-item.ts';
+import { default as CxTypography } from '../../../atoms/src/components/typography/typography.ts';
+import { default as CortexElement } from '../../../base/src/cortex-element.ts';
+import { default as CxConfirmPopover } from '../../../molecules/src/confirm-popover/confirm-popover.ts';
+import { Asset, AssetIndexSyncStatus, AssetsProp, ConnectionStatus, FolderOption, Settings } from '../../../types/src/file-on-demand';
+import { CSSResultGroup, nothing, TemplateResult } from 'lit';
+import { default as CxFolderTree } from './components/folder-tree/folder-tree';
+import { ASSET_LIST_TYPES } from './file-on-demand.constants';
+
+/**
+ * @summary File on Demand is a component that allows users to view and manage their assets.
+ * @description Input auth token of the corresponding site before connecting. Open console to see events details.
+ *
+ * @event {{ assetId: string }} cx-mark-favorite - Emitted when the user marks an asset as favorite.
+ * @event {{ assetId: string }} cx-unmark-favorite - Emitted when the user unmarks an asset as favorite.
+ * @event cx-open-search - Emitted when the user opens the search.
+ * @event {{ assetId: string }} cx-open-drive - Emitted when the user opens the drive.
+ * @event {{ type: string }} cx-load-more - Emitted when the user requests more assets.
+ * @event {{ connectUrl: string }} cx-connect - Emitted when the user requests to connect to the given connectionUrl.
+ * @event {{ connectUrl: string }} cx-disconnect - Emitted when the user requests to disconnect from the given connectionUrl.
+ * @event cx-clear-cache - Emitted when the user requests to clear the cache.
+ * @event cx-import-settings - Emitted when the user requests to import settings.
+ * @event cx-export-settings - Emitted when the user requests to export settings.
+ * @event cx-view-logs - Emitted when the user requests to view logs.
+ * @event cx-open-cache-location - Emitted when the user requests to open the cache location folder.
+ * @event cx-add-proxy-format-folders - Emitted when the user requests to add proxy format folders.
+ * @event {{ settings: Settings }} cx-save-settings - Emitted when the user saves the settings.
+ * @event cx-upgrade - Emitted when the user requests to upgrade the application.
+ * @event {{ assetId: string }} cx-retry-upload - Emitted when the user retries an upload.
+ * @event {{ assetId: string }} cx-pause-upload - Emitted when the user pauses an upload.
+ * @event {{ assetId: string }} cx-resume-upload - Emitted when the user resumes an upload.
+ * @event {{ assetId: string }} cx-cancel-upload - Emitted when the user cancels an upload.
+ * @event cx-renew-token - Emitted when fetch fails due to token expiration.
+ *
+ * @typedef Asset - {
+ *   id: string;
+ *   isFavorite?: boolean;
+ *   label: string;
+ *   remainingTime?: number;
+ *   size?: number;
+ *   uploadStatus?: UploadStatus;
+ *   remainingSize?: number;
+ *   uploadTimestamp?: number;
+ *   thumbnailUrl?: string;
+ *   timestamp: number;
+ *   type: 'file' | 'folder';
+ *   parentRecordId?: string;
+ * }
+ *
+ * @typedef AssetsProp - {
+ *   assets: Asset[];
+ *   hasMore: boolean;
+ * }
+ *
+ * @typedef Settings - {
+ *   cacheLocation: string;
+ *   cacheSize: number;
+ *   config: {
+ *     rootIDs: string[];
+ *     monitoringActivated: boolean;
+ *     mountPoint: string;
+ *     mountProxy: boolean;
+ *     proxyTypes: Array<'Image' | 'Video' | 'Audio' | 'All'>;
+ *     siteUrl: string;
+ *     version: string;
+ *   };
+ * }
+ *
+ * @typedef FolderOption - {
+ *   children: any[];
+ *   id: string;
+ *   label: string;
+ * }
+ */
+export default class CxFileOnDemand extends CortexElement {
+    private readonly localize;
+    static readonly styles: CSSResultGroup;
+    static readonly dependencies: {
+        'cx-avatar': typeof CxAvatar;
+        'cx-button': typeof CxButton;
+        'cx-confirm-popover': typeof CxConfirmPopover;
+        'cx-dialog': typeof CxDialog;
+        'cx-divider': typeof CxDivider;
+        'cx-folder-tree': typeof CxFolderTree;
+        'cx-format-bytes': typeof CxFormatBytes;
+        'cx-icon': typeof CxIcon;
+        'cx-icon-button': typeof CxIconButton;
+        'cx-input': typeof CxInput;
+        'cx-line-clamp': typeof CxLineClamp;
+        'cx-option': typeof CxOption;
+        'cx-progress-bar': typeof CxProgressBar;
+        'cx-relative-time': typeof CxRelativeTime;
+        'cx-select': typeof CxSelect;
+        'cx-space': typeof CxSpace;
+        'cx-tab': typeof CxTab;
+        'cx-tab-group': typeof CxTabGroup;
+        'cx-tab-panel': typeof CxTabPanel;
+        'cx-tooltip': typeof CxTooltip;
+        'cx-tree': typeof CxTree;
+        'cx-tree-item': typeof CxTreeItem;
+        'cx-typography': typeof CxTypography;
+    };
+    container: HTMLDivElement;
+    folderTree: CxFolderTree;
+    dialog: CxDialog;
+    recentAssetsList: HTMLDivElement;
+    favoritesAssetsList: HTMLDivElement;
+    uploadsAssetsList: HTMLDivElement;
+    assetsListTabGroup: CxTabGroup;
+    cacheLocationValueText: CxLineClamp;
+    /** Indicates if the user is connected to the provided connection URL.*/
+    connectionEstablished: boolean;
+    /** The connection status. */
+    connectionStatus: ConnectionStatus;
+    connectionStatusTooltip: string;
+    /** The asset index sync status. */
+    assetIndexSyncStatus: AssetIndexSyncStatus;
+    /** The user's avatar URL. */
+    userAvatarUrl: string;
+    username: string;
+    recentAssets: AssetsProp;
+    favoriteAssets: AssetsProp;
+    /** The last sync timestamp for favorite assets. */
+    favoritesLastSync: number;
+    /** The assets that are currently being marked/unmarked as favorite. */
+    favoriteInProgressAssets: string[];
+    uploadingAssets: AssetsProp;
+    availableFolderIdentifiers: FolderOption[];
+    isLoading: boolean;
+    settings: Settings;
+    /** A function to pick cache location and returns the folder path. */
+    pickCacheLocation: () => Promise<string>;
+    /** Indicates if the application has a new version to upgrade to. */
+    hasNewVersion: boolean;
+    /** The about content to display in the settings view. */
+    aboutContent: string;
+    /** The authentication token to use for fetching data from OrangeDAM. */
+    token: string;
+    userInteractionBlocked: boolean;
+    isConnecting: boolean;
+    isCancellingConnection: boolean;
+    isDisconnecting: boolean;
+    isUpgrading: boolean;
+    /** Indicates if settings view is active.*/
+    isSettingsOpened: boolean;
+    private rootIDs;
+    private _activeFoldersMode;
+    private removedIds;
+    private cacheSize;
+    private cacheLocation;
+    private proxyTypes;
+    private siteUrl;
+    isRecentAssetsLoading: boolean;
+    isFavoriteAssetsLoading: boolean;
+    isUploadingAssetsLoading: boolean;
+    connectError: string;
+    disconnectError: string;
+    upgradeError: string;
+    totalCount: number;
+    folderPathsSet: Set<string>;
+    validConnectionUrl: boolean;
+    isAddingRootIDs: boolean;
+    connectedCallback(): void;
+    runFirstUpdated(): void;
+    fetchFolders: ({ excludes, folderId, folderPathsSet, limit, start, }: {
+        excludes?: string[];
+        folderId: string;
+        folderPathsSet?: Set<string>;
+        limit?: number;
+        start?: number;
+    }) => Promise<{
+        data: FolderOption[];
+        totalCount: number;
+    }>;
+    fetchData(): void;
+    showRecentTab(): Promise<void>;
+    updateSettingsStates(): void;
+    get formHasChanges(): boolean;
+    private connect;
+    private cancelConnection;
+    private disconnect;
+    private upgrade;
+    private clearCache;
+    private importSettings;
+    private exportSettings;
+    private viewLogs;
+    private retryUpload;
+    private pauseUpload;
+    private resumeUpload;
+    private cancelUpload;
+    private saveSettings;
+    private markFavorite;
+    private unmarkFavorite;
+    private openSearch;
+    private openDrive;
+    private openCacheLocation;
+    hideSettings(): void;
+    showSettings(): void;
+    private requestMoreRecentAssets;
+    onRecentAssetsChanged(): void;
+    private requestMoreFavoriteAssets;
+    onFavoriteAssetsChanged(): void;
+    private requestMoreUploadingAssets;
+    onUploadingAssetsChanged(): void;
+    updateActiveFolderIdentifiers(values: string[]): Promise<void>;
+    renderHeader(): TemplateResult;
+    renderAsset(asset: Asset, listType: (typeof ASSET_LIST_TYPES)[keyof typeof ASSET_LIST_TYPES]): TemplateResult;
+    renderRecentAssets(): TemplateResult;
+    renderFavoriteAssets(): TemplateResult;
+    renderProgress({ isPaused, progress, remainingTime, size, timestamp, uploadErrorMessage, uploadStatus, }: {
+        isPaused?: boolean;
+        progress: number;
+        remainingTime?: number;
+        size: number;
+        timestamp?: number;
+        uploadErrorMessage?: string;
+        uploadStatus: Asset['uploadStatus'];
+    }): TemplateResult;
+    renderUploadingAssets(): TemplateResult;
+    renderAssetsList(): TemplateResult;
+    renderAssetsView(): TemplateResult;
+    searchText: string;
+    onSearch(): void;
+    renderSelectFoldersPopup(): TemplateResult;
+    private readonly loadMore;
+    renderSelectableFolderTree(): TemplateResult;
+    renderRootFolderTree(): TemplateResult<1> | typeof nothing;
+    private handleActiveFolderChange;
+    renderGeneralSettings(): TemplateResult;
+    private handleProxyChange;
+    private handleCacheSizeKeydown;
+    private handleCacheSizeChange;
+    private handleCacheLocationClick;
+    handleCacheLocationChange(): Promise<void>;
+    renderAdvancedSettings(): TemplateResult;
+    renderSettingsView(): TemplateResult;
+    renderStatusFooter(): TemplateResult;
+    private handleConnectionURLInput;
+    renderWelcomeView(): TemplateResult;
+    renderView(): TemplateResult;
+    renderLoadingOverlay(): TemplateResult;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'cx-file-on-demand': CxFileOnDemand;
+    }
+}

package/library/packages/organisms/src/file-on-demand/file-on-demand.style.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import('lit').CSSResult;
+export default _default;