@templatical/media-library 0.0.1

package/dist/de-1v2LO7XG.js

@@ -0,0 +1,89 @@
+const e = {
+  mediaLibrary: {
+    title: "Medienbibliothek",
+    searchPlaceholder: "Dateien suchen...",
+    allFiles: "Alle Dateien",
+    filterAll: "Alle Typen",
+    filterImages: "Bilder",
+    filterDocuments: "Dokumente",
+    filterVideos: "Videos",
+    filterAudio: "Audio",
+    newFolder: "Neuer Ordner",
+    folderName: "Ordnername",
+    noFiles: "Keine Dateien gefunden",
+    dropOrClick: "Dateien hierher ziehen oder klicken zum Hochladen",
+    acceptedFormats: "Bilder, PDF, Video, Audio, Dokumente (max. 10 MB)",
+    uploading: "Wird hochgeladen...",
+    uploadingProgress: "{current} von {total} wird hochgeladen...",
+    selectImage: "Bild auswählen",
+    selectFile: "Datei auswählen",
+    deleteSelected: "Löschen",
+    copyUrl: "URL kopieren",
+    copied: "Kopiert!",
+    browseMedia: "Medienbibliothek durchsuchen",
+    renameFolder: "Ordner umbenennen",
+    addSubfolder: "Unterordner hinzufügen",
+    subfolderName: "Unterordnername",
+    sortNewest: "Neueste zuerst",
+    sortOldest: "Älteste zuerst",
+    sortNameAsc: "Name A-Z",
+    sortNameDesc: "Name Z-A",
+    sortSizeAsc: "Kleinste zuerst",
+    sortSizeDesc: "Größte zuerst",
+    moveSelected: "Verschieben",
+    moveToRoot: "Alle Dateien",
+    currentFolder: "(aktuell)",
+    confirmDelete: "Bestätigen?",
+    renameFile: "Umbenennen",
+    editFile: "Datei bearbeiten",
+    fileName: "Dateiname",
+    altText: "Alternativtext",
+    altTextPlaceholder: "Bildbeschreibung für Barrierefreiheit",
+    saveChanges: "Speichern",
+    cancel: "Abbrechen",
+    frequentlyUsed: "Häufig verwendet",
+    deleteWarningTitle: "Datei löschen",
+    deleteWarningMessage: "Sind Sie sicher? Diese Aktion kann nicht rückgängig gemacht werden.",
+    deleteWarningUsageNote: "Die folgenden Dateien werden in Vorlagen verwendet. Das Löschen kann diese Vorlagen beschädigen.",
+    deleteAnyway: "Löschen",
+    usedInTemplates: "In {count} Vorlage(n) verwendet",
+    viewGrid: "Rasteransicht",
+    viewList: "Listenansicht",
+    showFolders: "Ordner anzeigen",
+    hideFolders: "Ordner ausblenden",
+    importFromUrl: "Von URL importieren",
+    importUrlPlaceholder: "https://example.com/image.jpg",
+    import: "Importieren",
+    importing: "Wird importiert...",
+    importError: "Import von URL fehlgeschlagen",
+    conversionLabel: "Groesse",
+    conversionOriginal: "Original",
+    conversionSmall: "Klein (150px)",
+    conversionMedium: "Mittel (600px)",
+    conversionLarge: "Gross (1200px)",
+    replaceFile: "Datei ersetzen",
+    replaceWarningTitle: "Datei ersetzen",
+    replaceWarningMessage: "Sie sind dabei, diese Datei zu ersetzen. Die Ersatzdatei muss dieselbe Dateierweiterung haben ({extension}).",
+    replaceWarningUsageNote: "Diese Datei wird in {count} Vorlage(n) verwendet. Das Ersetzen aktualisiert alle Verweise.",
+    replaceSelectFile: "Ersatzdatei auswählen",
+    replace: "Ersetzen",
+    replacing: "Wird ersetzt...",
+    replaceError: "Ersetzen der Datei fehlgeschlagen",
+    saving: "Wird gespeichert...",
+    cropAspectRatio: "Seitenverhältnis",
+    cropFree: "Frei",
+    cropSquare: "1:1",
+    cropLandscape43: "4:3",
+    cropLandscape169: "16:9",
+    cropOriginal: "Original",
+    cropMaxWidth: "Max. Breite",
+    cropMaxHeight: "Max. Höhe",
+    cropOutputSize: "Ausgabegröße",
+    cropPixels: "px",
+    cropOptional: "(optional)",
+    storageTooltip: "{used} von {total} verwendet ({remaining} verfügbar)"
+  }
+};
+export {
+  e as default
+};

package/dist/en-mipcUdaJ.js

@@ -0,0 +1,89 @@
+const e = {
+  mediaLibrary: {
+    title: "Media Library",
+    searchPlaceholder: "Search files...",
+    allFiles: "All Files",
+    filterAll: "All Types",
+    filterImages: "Images",
+    filterDocuments: "Documents",
+    filterVideos: "Videos",
+    filterAudio: "Audio",
+    newFolder: "New Folder",
+    folderName: "Folder name",
+    noFiles: "No files found",
+    dropOrClick: "Drop files here or click to upload",
+    acceptedFormats: "Images, PDF, Video, Audio, Documents (max 10MB)",
+    uploading: "Uploading...",
+    uploadingProgress: "Uploading {current} of {total}...",
+    selectImage: "Select Image",
+    selectFile: "Select File",
+    deleteSelected: "Delete",
+    copyUrl: "Copy URL",
+    copied: "Copied!",
+    browseMedia: "Browse Media Library",
+    renameFolder: "Rename folder",
+    addSubfolder: "Add subfolder",
+    subfolderName: "Subfolder name",
+    sortNewest: "Newest First",
+    sortOldest: "Oldest First",
+    sortNameAsc: "Name A-Z",
+    sortNameDesc: "Name Z-A",
+    sortSizeAsc: "Smallest First",
+    sortSizeDesc: "Largest First",
+    moveSelected: "Move",
+    moveToRoot: "All Files",
+    currentFolder: "(current)",
+    confirmDelete: "Confirm?",
+    renameFile: "Rename",
+    editFile: "Edit File",
+    fileName: "Filename",
+    altText: "Alt Text",
+    altTextPlaceholder: "Describe this image for accessibility",
+    saveChanges: "Save",
+    cancel: "Cancel",
+    frequentlyUsed: "Frequently Used",
+    deleteWarningTitle: "Delete File",
+    deleteWarningMessage: "Are you sure? This action is irreversible.",
+    deleteWarningUsageNote: "The following files are used in templates. Deleting them may break those templates.",
+    deleteAnyway: "Delete",
+    usedInTemplates: "Used in {count} template(s)",
+    viewGrid: "Grid view",
+    viewList: "List view",
+    showFolders: "Show folders",
+    hideFolders: "Hide folders",
+    importFromUrl: "Import from URL",
+    importUrlPlaceholder: "https://example.com/image.jpg",
+    import: "Import",
+    importing: "Importing...",
+    importError: "Failed to import from URL",
+    conversionLabel: "Size",
+    conversionOriginal: "Original",
+    conversionSmall: "Small (150px)",
+    conversionMedium: "Medium (600px)",
+    conversionLarge: "Large (1200px)",
+    replaceFile: "Replace File",
+    replaceWarningTitle: "Replace File",
+    replaceWarningMessage: "You are about to replace this file. The replacement must have the same file extension ({extension}).",
+    replaceWarningUsageNote: "This file is used in {count} template(s). Replacing it will update all references.",
+    replaceSelectFile: "Select replacement file",
+    replace: "Replace",
+    replacing: "Replacing...",
+    replaceError: "Failed to replace file",
+    saving: "Saving...",
+    cropAspectRatio: "Aspect Ratio",
+    cropFree: "Free",
+    cropSquare: "1:1",
+    cropLandscape43: "4:3",
+    cropLandscape169: "16:9",
+    cropOriginal: "Original",
+    cropMaxWidth: "Max Width",
+    cropMaxHeight: "Max Height",
+    cropOutputSize: "Output Size",
+    cropPixels: "px",
+    cropOptional: "(optional)",
+    storageTooltip: "{used} of {total} used ({remaining} remaining)"
+  }
+};
+export {
+  e as default
+};

package/dist/index.d.ts

@@ -0,0 +1,342 @@
+import { AuthManager } from '../../core/src/cloud/index.ts';
+import { ComponentOptionsMixin } from 'vue';
+import { ComponentProvideOptions } from 'vue';
+import { ComputedRef } from 'vue';
+import { DefineComponent } from 'vue';
+import { PublicProps } from 'vue';
+import { Ref } from 'vue';
+import { SdkAuthConfig } from '../../../core/src/cloud/index.ts';
+
+declare type __VLS_Props = {
+    visible: boolean;
+    accept?: MediaCategory[];
+};
+
+declare const en: {
+    mediaLibrary: {
+        title: string;
+        searchPlaceholder: string;
+        allFiles: string;
+        filterAll: string;
+        filterImages: string;
+        filterDocuments: string;
+        filterVideos: string;
+        filterAudio: string;
+        newFolder: string;
+        folderName: string;
+        noFiles: string;
+        dropOrClick: string;
+        acceptedFormats: string;
+        uploading: string;
+        uploadingProgress: string;
+        selectImage: string;
+        selectFile: string;
+        deleteSelected: string;
+        copyUrl: string;
+        copied: string;
+        browseMedia: string;
+        renameFolder: string;
+        addSubfolder: string;
+        subfolderName: string;
+        sortNewest: string;
+        sortOldest: string;
+        sortNameAsc: string;
+        sortNameDesc: string;
+        sortSizeAsc: string;
+        sortSizeDesc: string;
+        moveSelected: string;
+        moveToRoot: string;
+        currentFolder: string;
+        confirmDelete: string;
+        renameFile: string;
+        editFile: string;
+        fileName: string;
+        altText: string;
+        altTextPlaceholder: string;
+        saveChanges: string;
+        cancel: string;
+        frequentlyUsed: string;
+        deleteWarningTitle: string;
+        deleteWarningMessage: string;
+        deleteWarningUsageNote: string;
+        deleteAnyway: string;
+        usedInTemplates: string;
+        viewGrid: string;
+        viewList: string;
+        showFolders: string;
+        hideFolders: string;
+        importFromUrl: string;
+        importUrlPlaceholder: string;
+        import: string;
+        importing: string;
+        importError: string;
+        conversionLabel: string;
+        conversionOriginal: string;
+        conversionSmall: string;
+        conversionMedium: string;
+        conversionLarge: string;
+        replaceFile: string;
+        replaceWarningTitle: string;
+        replaceWarningMessage: string;
+        replaceWarningUsageNote: string;
+        replaceSelectFile: string;
+        replace: string;
+        replacing: string;
+        replaceError: string;
+        saving: string;
+        cropAspectRatio: string;
+        cropFree: string;
+        cropSquare: string;
+        cropLandscape43: string;
+        cropLandscape169: string;
+        cropOriginal: string;
+        cropMaxWidth: string;
+        cropMaxHeight: string;
+        cropOutputSize: string;
+        cropPixels: string;
+        cropOptional: string;
+        storageTooltip: string;
+    };
+};
+
+export declare function init(config: MediaLibraryConfig): Promise<MediaLibraryInstance>;
+
+export declare class MediaApiClient {
+    private readonly authManager;
+    constructor(authManager: AuthManager);
+    private get projectId();
+    private get tenantSlug();
+    private get baseParams();
+    private request;
+    browseMedia(params: Omit<MediaBrowseParams, "project_id">): Promise<MediaBrowseResponse>;
+    uploadMedia(file: File, folderId?: string | null): Promise<MediaItem>;
+    updateMedia(mediaId: string, filename: string, altText?: string): Promise<MediaItem>;
+    deleteMedia(ids: string[]): Promise<void>;
+    moveMedia(ids: string[], folderId: string | null): Promise<MediaItem[]>;
+    getMediaFolders(): Promise<MediaFolder[]>;
+    createMediaFolder(name: string, parentId?: string | null): Promise<MediaFolder>;
+    renameMediaFolder(folderId: string, name: string): Promise<MediaFolder>;
+    deleteMediaFolder(folderId: string): Promise<void>;
+    checkMediaUsage(ids: string[]): Promise<MediaUsageResponse>;
+    getFrequentlyUsed(): Promise<MediaItem[]>;
+    importFromUrl(url: string, folderId?: string | null): Promise<MediaItem>;
+    replaceMedia(mediaId: string, file: File): Promise<MediaItem>;
+}
+
+export declare interface MediaBrowseParams {
+    folder_id?: string | null;
+    search?: string;
+    category?: string;
+    sort?: string;
+    cursor?: string;
+}
+
+export declare interface MediaBrowseResponse {
+    data: MediaItem[];
+    meta: {
+        path: string;
+        per_page: number;
+        next_cursor: string | null;
+        prev_cursor: string | null;
+    };
+}
+
+export declare type MediaCategory = "images" | "documents" | "videos" | "audio";
+
+export declare interface MediaCategoryData {
+    mime_types: string[];
+    extensions: string[];
+}
+
+export declare interface MediaConfig {
+    use_media_library: boolean;
+    categories: Record<string, MediaCategoryData>;
+    max_file_size: number;
+}
+
+export declare type MediaConversion = "original" | "small" | "medium" | "large";
+
+export declare interface MediaFolder {
+    id: string;
+    project_id: string;
+    parent_id: string | null;
+    name: string;
+    children?: MediaFolder[];
+    created_at: string;
+}
+
+export declare interface MediaItem {
+    id: string;
+    filename: string;
+    mime_type: string;
+    size: number;
+    url: string;
+    small_url: string | null;
+    medium_url: string | null;
+    large_url: string | null;
+    folder_id: string | null;
+    conversions_generated: boolean;
+    width: number | null;
+    height: number | null;
+    alt_text: string;
+    created_at: string;
+    updated_at: string;
+}
+
+export declare interface MediaLibraryConfig {
+    container: string | HTMLElement;
+    auth: SdkAuthConfig;
+    baseUrl?: string;
+    locale?: string;
+    theme?: {
+        primaryColor?: string;
+        borderRadius?: number;
+    };
+    onSelect?: (item: MediaItem) => void;
+    onError?: (error: Error) => void;
+}
+
+export declare interface MediaLibraryInstance {
+    setTheme(theme: {
+        primaryColor?: string;
+        borderRadius?: number;
+    }): void;
+    unmount(): void;
+}
+
+export declare const MediaLibraryModal: DefineComponent<__VLS_Props, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+select: (item: MediaItem) => any;
+close: () => any;
+}, string, PublicProps, Readonly<__VLS_Props> & Readonly<{
+onSelect?: ((item: MediaItem) => any) | undefined;
+onClose?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+
+export declare interface MediaRequestContext {
+    accept?: MediaCategory[];
+}
+
+declare type MediaTranslations = typeof en;
+
+export declare interface MediaUsageInfo {
+    template_count: number;
+    template_names: string[];
+}
+
+export declare interface MediaUsageResponse {
+    data: Record<string, MediaUsageInfo>;
+}
+
+export declare type MediaViewMode = "files" | "frequently-used";
+
+export declare interface StorageInfo {
+    used_bytes: number;
+    limit_bytes: number;
+}
+
+export declare function unmount(): void;
+
+/**
+ * Composable for internationalization.
+ * Provides access to the current locale's translations.
+ *
+ * @param translationsOverride - Optional translations to use instead of injected value
+ */
+export declare function useI18n(translationsOverride?: MediaTranslations): UseI18nReturn;
+
+declare interface UseI18nReturn {
+    /** Current translations object */
+    t: MediaTranslations;
+    /** Format a string with placeholders */
+    format: (template: string, values: Record<string, string | number>) => string;
+}
+
+export declare function useMediaCategories(): UseMediaCategoriesReturn;
+
+export declare interface UseMediaCategoriesReturn {
+    isMediaLibraryEnabled: ComputedRef<boolean>;
+    allAcceptedMimeTypes: ComputedRef<string[]>;
+    allAcceptedInputString: ComputedRef<string>;
+    maxFileSize: ComputedRef<number>;
+    availableCategories: ComputedRef<MediaCategory[]>;
+    isAcceptedMimeType: (mimeType: string, filterCategories?: MediaCategory[]) => boolean;
+    isImageMimeType: (mimeType: string) => boolean;
+    getCategoryForMimeType: (mimeType: string) => MediaCategory | null;
+}
+
+export declare function useMediaLibrary(options: UseMediaLibraryOptions): {
+    items: Ref<MediaItem[], MediaItem[]>;
+    folders: Ref<MediaFolder[], MediaFolder[]>;
+    currentFolderId: Ref<string | null, string | null>;
+    viewMode: Ref<MediaViewMode, MediaViewMode>;
+    searchQuery: Ref<string, string>;
+    categoryFilter: Ref<string | null, string | null>;
+    sortOption: Ref<string, string>;
+    isLoading: Ref<boolean, boolean>;
+    isUploading: Ref<boolean, boolean>;
+    uploadProgress: Ref<{
+        current: number;
+        total: number;
+    } | null, {
+        current: number;
+        total: number;
+    } | null>;
+    hasMore: Ref<boolean, boolean>;
+    selectedItems: Ref<Set<string>, Set<string>>;
+    previewItem: Ref<MediaItem | null, MediaItem | null>;
+    frequentlyUsedItems: Ref<MediaItem[], MediaItem[]>;
+    deleteUsageInfo: Ref<Record<string, MediaUsageInfo>, Record<string, MediaUsageInfo>>;
+    showDeleteWarning: Ref<boolean, boolean>;
+    loadItems: () => Promise<void>;
+    loadMore: () => Promise<void>;
+    search: (query: string) => Promise<void>;
+    filterByCategory: (category: string | null) => Promise<void>;
+    sortBy: (option: string) => Promise<void>;
+    navigateToFolder: (folderId: string | null) => Promise<void>;
+    showFrequentlyUsed: () => Promise<void>;
+    uploadFile: (file: File) => Promise<MediaItem | null>;
+    uploadFiles: (files: File[]) => Promise<void>;
+    moveSelected: (targetFolderId: string | null) => Promise<void>;
+    updateFile: (mediaId: string, filename: string, altText?: string) => Promise<void>;
+    deleteSelected: () => Promise<void>;
+    isImportingFromUrl: Ref<boolean, boolean>;
+    importFromUrlError: Ref<string | null, string | null>;
+    importFromUrl: (url: string) => Promise<MediaItem | null>;
+    toggleSelection: (id: string) => void;
+    clearSelection: () => void;
+    selectItem: (item: MediaItem) => void;
+    loadFolders: () => Promise<void>;
+    createFolder: (name: string, parentId?: string | null) => Promise<MediaFolder | null>;
+    renameFolder: (folderId: string, name: string) => Promise<void>;
+    deleteFolder: (folderId: string) => Promise<void>;
+    findFolderInTree: (folderList: MediaFolder[], id: string) => MediaFolder | null;
+    loadFrequentlyUsed: () => Promise<void>;
+    checkUsageBeforeDelete: () => Promise<boolean>;
+    confirmDelete: () => Promise<void>;
+    cancelDelete: () => void;
+    isReplacing: Ref<boolean, boolean>;
+    replaceError: Ref<string | null, string | null>;
+    showReplaceWarning: Ref<boolean, boolean>;
+    pendingReplaceItem: Ref<MediaItem | null, MediaItem | null>;
+    replaceUsageInfo: Ref<MediaUsageInfo | null, MediaUsageInfo | null>;
+    checkUsageBeforeReplace: (item: MediaItem) => Promise<void>;
+    cancelReplace: () => void;
+    replaceFile: (file: File) => Promise<MediaItem | null>;
+    replaceMediaDirectly: (mediaId: string, file: File) => Promise<MediaItem | null>;
+};
+
+export declare interface UseMediaLibraryOptions {
+    projectId: string;
+    authManager: AuthManager;
+    onError?: (error: Error) => void;
+}
+
+export declare function useMediaPicker(): UseMediaPickerReturn;
+
+declare interface UseMediaPickerReturn {
+    isPluggableMediaEnabled: ComputedRef<boolean>;
+    isRequesting: Ref<boolean>;
+    requestMedia: (context?: MediaRequestContext) => Promise<MediaItem | null>;
+}
+
+export { }

package/dist/templatical-media-library.css

@@ -0,0 +1 @@
+@import"https://fonts.bunny.net/css?family=geist:400,500,600";.vue-advanced-cropper{text-align:center;position:relative;-webkit-user-select:none;user-select:none;max-height:100%;max-width:100%;direction:ltr}.vue-advanced-cropper__stretcher{pointer-events:none;position:relative;max-width:100%;max-height:100%}.vue-advanced-cropper__image{-webkit-user-select:none;user-select:none;position:absolute;transform-origin:center;max-width:none!important}.vue-advanced-cropper__background,.vue-advanced-cropper__foreground{opacity:1;background:#000;transform:translate(-50%,-50%);position:absolute;top:50%;left:50%}.vue-advanced-cropper__foreground{opacity:.5}.vue-advanced-cropper__boundaries{opacity:1;transform:translate(-50%,-50%);position:absolute;left:50%;top:50%}.vue-advanced-cropper__cropper-wrapper{width:100%;height:100%}.vue-advanced-cropper__image-wrapper{overflow:hidden;position:absolute;width:100%;height:100%}.vue-advanced-cropper__stencil-wrapper{position:absolute}.vue-simple-handler{display:block;background:#fff;height:10px;width:10px}.vue-handler-wrapper{position:absolute;transform:translate(-50%,-50%);width:30px;height:30px}.vue-handler-wrapper__draggable{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.vue-handler-wrapper--west-north{cursor:nw-resize}.vue-handler-wrapper--north{cursor:n-resize}.vue-handler-wrapper--east-north{cursor:ne-resize}.vue-handler-wrapper--east{cursor:e-resize}.vue-handler-wrapper--east-south{cursor:se-resize}.vue-handler-wrapper--south{cursor:s-resize}.vue-handler-wrapper--west-south{cursor:sw-resize}.vue-handler-wrapper--west{cursor:w-resize}.vue-handler-wrapper--disabled{cursor:auto}.vue-line-wrapper{background:none;position:absolute;display:flex;align-items:center;justify-content:center}.vue-line-wrapper--north,.vue-line-wrapper--south{height:12px;width:100%;left:0;transform:translateY(-50%)}.vue-line-wrapper--north{top:0;cursor:n-resize}.vue-line-wrapper--south{top:100%;cursor:s-resize}.vue-line-wrapper--east,.vue-line-wrapper--west{width:12px;height:100%;transform:translate(-50%);top:0}.vue-line-wrapper--east{left:100%;cursor:e-resize}.vue-line-wrapper--west{left:0;cursor:w-resize}.vue-line-wrapper--disabled{cursor:auto}.vue-bounding-box{position:relative;height:100%;width:100%}.vue-bounding-box__handler{position:absolute}.vue-bounding-box__handler--west-north{left:0;top:0}.vue-bounding-box__handler--north{left:50%;top:0}.vue-bounding-box__handler--east-north{left:100%;top:0}.vue-bounding-box__handler--east{left:100%;top:50%}.vue-bounding-box__handler--east-south{left:100%;top:100%}.vue-bounding-box__handler--south{left:50%;top:100%}.vue-bounding-box__handler--west-south{left:0;top:100%}.vue-bounding-box__handler--west{left:0;top:50%}.vue-draggable-area{position:relative}.vue-preview-result{overflow:hidden;box-sizing:border-box;position:absolute;height:100%;width:100%}.vue-preview-result__wrapper{position:absolute}.vue-preview-result__image{pointer-events:none;position:relative;-webkit-user-select:none;user-select:none;transform-origin:center;max-width:none!important}.vue-rectangle-stencil{position:absolute;height:100%;width:100%;box-sizing:border-box}.vue-rectangle-stencil__preview{position:absolute;width:100%;height:100%}.vue-rectangle-stencil--movable{cursor:move}.vue-circle-stencil{position:absolute;height:100%;width:100%;box-sizing:content-box;cursor:move}.vue-circle-stencil__preview{border-radius:50%;position:absolute;width:100%;height:100%}.vue-circle-stencil--movable{cursor:move}.vue-preview{overflow:hidden;box-sizing:border-box;position:relative}.vue-preview--fill{width:100%;height:100%;position:absolute}.vue-preview__wrapper{position:absolute;height:100%;width:100%}.vue-preview__image{pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none;transform-origin:center;max-width:none!important}.vue-simple-line{background:none;transition:border .5s;border-color:#ffffff4d;border-width:0;border-style:solid}.vue-simple-line--south,.vue-simple-line--north{height:0;width:100%}.vue-simple-line--east,.vue-simple-line--west{height:100%;width:0}.vue-simple-line--east{border-right-width:1px}.vue-simple-line--west{border-left-width:1px}.vue-simple-line--south{border-bottom-width:1px}.vue-simple-line--north{border-top-width:1px}.vue-simple-line--hover{opacity:1;border-color:#fff}[data-v-4d303952] .tpl-cropper-background{background-color:var(--tpl-bg)!important}[data-v-4d303952] .vue-advanced-cropper{background-color:transparent!important}[data-v-4d303952] .vue-advanced-cropper__background{background-color:var(--tpl-bg)!important}[data-v-4d303952] .vue-advanced-cropper__foreground{background-color:var(--tpl-overlay)!important}.tpl-media-item[data-v-1c1258ec]:not(.tpl-media-item--selected):hover{border-color:var(--tpl-border)!important}.tpl-media-list-item[data-v-1c1258ec]:hover{background-color:var(--tpl-bg-hover)!important}.tpl-list-icon[data-v-1c1258ec]{transform:scale(.35);transform-origin:center}.tpl-preview-icon[data-v-3c9c60c7]{transform:scale(.45);transform-origin:center}@layer theme,base,components;@theme inline{ --font-sans: "Geist", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; }@source "../**/*.vue";@source "../**/*.ts";.tpl{--tpl-bg: oklch(99.5% .002 60);--tpl-bg-elevated: oklch(98% .004 60);--tpl-bg-hover: oklch(96% .006 60);--tpl-bg-active: oklch(93.5% .008 60);--tpl-border: oklch(92% .006 60);--tpl-border-light: oklch(86% .01 60);--tpl-text: oklch(18% .01 60);--tpl-text-muted: oklch(50% .015 60);--tpl-text-dim: oklch(68% .012 60);--tpl-primary: oklch(70% .16 55);--tpl-primary-hover: oklch(63% .17 55);--tpl-primary-light: oklch(95% .04 55);--tpl-secondary: oklch(60% .118 184.71);--tpl-secondary-hover: oklch(53.2% .105 186.39);--tpl-secondary-light: oklch(93.8% .03 186.82);--tpl-success: oklch(62.8% .194 155.1);--tpl-success-light: oklch(93.6% .043 163.51);--tpl-warning: oklch(76.9% .168 70.08);--tpl-warning-light: oklch(95% .038 73.59);--tpl-danger: oklch(63.7% .237 25.33);--tpl-danger-light: oklch(93.6% .032 17.72);--tpl-radius: 10px;--tpl-radius-sm: 7px;--tpl-radius-lg: 14px;--tpl-font-family: "Geist", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--tpl-shadow: 0 1px 2px rgba(0, 0, 0, .04), 0 1px 3px rgba(0, 0, 0, .03);--tpl-shadow-md: 0 2px 8px rgba(0, 0, 0, .06), 0 1px 3px rgba(0, 0, 0, .04);--tpl-shadow-lg: 0 4px 16px rgba(0, 0, 0, .08), 0 2px 6px rgba(0, 0, 0, .04);--tpl-shadow-xl: 0 8px 32px rgba(0, 0, 0, .1), 0 4px 12px rgba(0, 0, 0, .06);--tpl-ring: 0 0 0 3px var(--tpl-primary-light);--tpl-transition: .12s cubic-bezier(.16, 1, .3, 1)}.tpl{@apply tpl:font-sans tpl:text-sm tpl:leading-normal tpl:antialiased;background-color:var(--tpl-bg);color:var(--tpl-text);font-family:var(--tpl-font-family)}.tpl button,.tpl input,.tpl select,.tpl textarea{font-family:inherit}.tpl button{border:none;outline:none;background:none;cursor:pointer}.tpl ::-webkit-scrollbar{width:6px;height:6px}.tpl ::-webkit-scrollbar-track{background:transparent}.tpl ::-webkit-scrollbar-thumb{background-color:color-mix(in srgb,var(--tpl-border-light) 60%,transparent);@apply tpl:rounded;}.tpl ::-webkit-scrollbar-thumb:hover{background-color:var(--tpl-border-light)}@keyframes tpl-pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes tpl-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes tpl-scale-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.tpl-pulse{animation:tpl-pulse 2s infinite}.tpl-spinner{animation:tpl-spin 1s linear infinite}.tpl-scale-in{animation:tpl-scale-in .15s cubic-bezier(.16,1,.3,1)}