@design.estate/dees-catalog 3.47.1 → 3.48.3

package/dist_ts_web/elements/00group-dataview/dees-storage-browser/dees-storage-preview.js

@@ -0,0 +1,626 @@
+var __esDecorate = (this && this.__esDecorate) || function (ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {
+    function accept(f) { if (f !== void 0 && typeof f !== "function") throw new TypeError("Function expected"); return f; }
+    var kind = contextIn.kind, key = kind === "getter" ? "get" : kind === "setter" ? "set" : "value";
+    var target = !descriptorIn && ctor ? contextIn["static"] ? ctor : ctor.prototype : null;
+    var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});
+    var _, done = false;
+    for (var i = decorators.length - 1; i >= 0; i--) {
+        var context = {};
+        for (var p in contextIn) context[p] = p === "access" ? {} : contextIn[p];
+        for (var p in contextIn.access) context.access[p] = contextIn.access[p];
+        context.addInitializer = function (f) { if (done) throw new TypeError("Cannot add initializers after decoration has completed"); extraInitializers.push(accept(f || null)); };
+        var result = (0, decorators[i])(kind === "accessor" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);
+        if (kind === "accessor") {
+            if (result === void 0) continue;
+            if (result === null || typeof result !== "object") throw new TypeError("Object expected");
+            if (_ = accept(result.get)) descriptor.get = _;
+            if (_ = accept(result.set)) descriptor.set = _;
+            if (_ = accept(result.init)) initializers.unshift(_);
+        }
+        else if (_ = accept(result)) {
+            if (kind === "field") initializers.unshift(_);
+            else descriptor[key] = _;
+        }
+    }
+    if (target) Object.defineProperty(target, contextIn.name, descriptor);
+    done = true;
+};
+var __runInitializers = (this && this.__runInitializers) || function (thisArg, initializers, value) {
+    var useValue = arguments.length > 2;
+    for (var i = 0; i < initializers.length; i++) {
+        value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);
+    }
+    return useValue ? value : void 0;
+};
+import { customElement, html, css, cssManager, property, state, DeesElement } from '@design.estate/dees-element';
+import { themeDefaultStyles } from '../../00theme.js';
+import { formatSize, getFileName } from './utilities.js';
+let DeesStoragePreview = (() => {
+    let _classDecorators = [customElement('dees-storage-preview')];
+    let _classDescriptor;
+    let _classExtraInitializers = [];
+    let _classThis;
+    let _classSuper = DeesElement;
+    let _dataProvider_decorators;
+    let _dataProvider_initializers = [];
+    let _dataProvider_extraInitializers = [];
+    let _bucketName_decorators;
+    let _bucketName_initializers = [];
+    let _bucketName_extraInitializers = [];
+    let _objectKey_decorators;
+    let _objectKey_initializers = [];
+    let _objectKey_extraInitializers = [];
+    let _loading_decorators;
+    let _loading_initializers = [];
+    let _loading_extraInitializers = [];
+    let _saving_decorators;
+    let _saving_initializers = [];
+    let _saving_extraInitializers = [];
+    let _content_decorators;
+    let _content_initializers = [];
+    let _content_extraInitializers = [];
+    let _originalTextContent_decorators;
+    let _originalTextContent_initializers = [];
+    let _originalTextContent_extraInitializers = [];
+    let _hasChanges_decorators;
+    let _hasChanges_initializers = [];
+    let _hasChanges_extraInitializers = [];
+    let _editing_decorators;
+    let _editing_initializers = [];
+    let _editing_extraInitializers = [];
+    let _contentType_decorators;
+    let _contentType_initializers = [];
+    let _contentType_extraInitializers = [];
+    let _fileSize_decorators;
+    let _fileSize_initializers = [];
+    let _fileSize_extraInitializers = [];
+    let _lastModified_decorators;
+    let _lastModified_initializers = [];
+    let _lastModified_extraInitializers = [];
+    let _error_decorators;
+    let _error_initializers = [];
+    let _error_extraInitializers = [];
+    var DeesStoragePreview = class extends _classSuper {
+        static { _classThis = this; }
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _dataProvider_decorators = [property({ type: Object })];
+            _bucketName_decorators = [property({ type: String })];
+            _objectKey_decorators = [property({ type: String })];
+            _loading_decorators = [state()];
+            _saving_decorators = [state()];
+            _content_decorators = [state()];
+            _originalTextContent_decorators = [state()];
+            _hasChanges_decorators = [state()];
+            _editing_decorators = [state()];
+            _contentType_decorators = [state()];
+            _fileSize_decorators = [state()];
+            _lastModified_decorators = [state()];
+            _error_decorators = [state()];
+            __esDecorate(this, null, _dataProvider_decorators, { kind: "accessor", name: "dataProvider", static: false, private: false, access: { has: obj => "dataProvider" in obj, get: obj => obj.dataProvider, set: (obj, value) => { obj.dataProvider = value; } }, metadata: _metadata }, _dataProvider_initializers, _dataProvider_extraInitializers);
+            __esDecorate(this, null, _bucketName_decorators, { kind: "accessor", name: "bucketName", static: false, private: false, access: { has: obj => "bucketName" in obj, get: obj => obj.bucketName, set: (obj, value) => { obj.bucketName = value; } }, metadata: _metadata }, _bucketName_initializers, _bucketName_extraInitializers);
+            __esDecorate(this, null, _objectKey_decorators, { kind: "accessor", name: "objectKey", static: false, private: false, access: { has: obj => "objectKey" in obj, get: obj => obj.objectKey, set: (obj, value) => { obj.objectKey = value; } }, metadata: _metadata }, _objectKey_initializers, _objectKey_extraInitializers);
+            __esDecorate(this, null, _loading_decorators, { kind: "accessor", name: "loading", static: false, private: false, access: { has: obj => "loading" in obj, get: obj => obj.loading, set: (obj, value) => { obj.loading = value; } }, metadata: _metadata }, _loading_initializers, _loading_extraInitializers);
+            __esDecorate(this, null, _saving_decorators, { kind: "accessor", name: "saving", static: false, private: false, access: { has: obj => "saving" in obj, get: obj => obj.saving, set: (obj, value) => { obj.saving = value; } }, metadata: _metadata }, _saving_initializers, _saving_extraInitializers);
+            __esDecorate(this, null, _content_decorators, { kind: "accessor", name: "content", static: false, private: false, access: { has: obj => "content" in obj, get: obj => obj.content, set: (obj, value) => { obj.content = value; } }, metadata: _metadata }, _content_initializers, _content_extraInitializers);
+            __esDecorate(this, null, _originalTextContent_decorators, { kind: "accessor", name: "originalTextContent", static: false, private: false, access: { has: obj => "originalTextContent" in obj, get: obj => obj.originalTextContent, set: (obj, value) => { obj.originalTextContent = value; } }, metadata: _metadata }, _originalTextContent_initializers, _originalTextContent_extraInitializers);
+            __esDecorate(this, null, _hasChanges_decorators, { kind: "accessor", name: "hasChanges", static: false, private: false, access: { has: obj => "hasChanges" in obj, get: obj => obj.hasChanges, set: (obj, value) => { obj.hasChanges = value; } }, metadata: _metadata }, _hasChanges_initializers, _hasChanges_extraInitializers);
+            __esDecorate(this, null, _editing_decorators, { kind: "accessor", name: "editing", static: false, private: false, access: { has: obj => "editing" in obj, get: obj => obj.editing, set: (obj, value) => { obj.editing = value; } }, metadata: _metadata }, _editing_initializers, _editing_extraInitializers);
+            __esDecorate(this, null, _contentType_decorators, { kind: "accessor", name: "contentType", static: false, private: false, access: { has: obj => "contentType" in obj, get: obj => obj.contentType, set: (obj, value) => { obj.contentType = value; } }, metadata: _metadata }, _contentType_initializers, _contentType_extraInitializers);
+            __esDecorate(this, null, _fileSize_decorators, { kind: "accessor", name: "fileSize", static: false, private: false, access: { has: obj => "fileSize" in obj, get: obj => obj.fileSize, set: (obj, value) => { obj.fileSize = value; } }, metadata: _metadata }, _fileSize_initializers, _fileSize_extraInitializers);
+            __esDecorate(this, null, _lastModified_decorators, { kind: "accessor", name: "lastModified", static: false, private: false, access: { has: obj => "lastModified" in obj, get: obj => obj.lastModified, set: (obj, value) => { obj.lastModified = value; } }, metadata: _metadata }, _lastModified_initializers, _lastModified_extraInitializers);
+            __esDecorate(this, null, _error_decorators, { kind: "accessor", name: "error", static: false, private: false, access: { has: obj => "error" in obj, get: obj => obj.error, set: (obj, value) => { obj.error = value; } }, metadata: _metadata }, _error_initializers, _error_extraInitializers);
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            DeesStoragePreview = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        }
+        #dataProvider_accessor_storage = __runInitializers(this, _dataProvider_initializers, null);
+        get dataProvider() { return this.#dataProvider_accessor_storage; }
+        set dataProvider(value) { this.#dataProvider_accessor_storage = value; }
+        #bucketName_accessor_storage = (__runInitializers(this, _dataProvider_extraInitializers), __runInitializers(this, _bucketName_initializers, ''));
+        get bucketName() { return this.#bucketName_accessor_storage; }
+        set bucketName(value) { this.#bucketName_accessor_storage = value; }
+        #objectKey_accessor_storage = (__runInitializers(this, _bucketName_extraInitializers), __runInitializers(this, _objectKey_initializers, ''));
+        get objectKey() { return this.#objectKey_accessor_storage; }
+        set objectKey(value) { this.#objectKey_accessor_storage = value; }
+        #loading_accessor_storage = (__runInitializers(this, _objectKey_extraInitializers), __runInitializers(this, _loading_initializers, false));
+        get loading() { return this.#loading_accessor_storage; }
+        set loading(value) { this.#loading_accessor_storage = value; }
+        #saving_accessor_storage = (__runInitializers(this, _loading_extraInitializers), __runInitializers(this, _saving_initializers, false));
+        get saving() { return this.#saving_accessor_storage; }
+        set saving(value) { this.#saving_accessor_storage = value; }
+        #content_accessor_storage = (__runInitializers(this, _saving_extraInitializers), __runInitializers(this, _content_initializers, ''));
+        get content() { return this.#content_accessor_storage; }
+        set content(value) { this.#content_accessor_storage = value; }
+        #originalTextContent_accessor_storage = (__runInitializers(this, _content_extraInitializers), __runInitializers(this, _originalTextContent_initializers, ''));
+        get originalTextContent() { return this.#originalTextContent_accessor_storage; }
+        set originalTextContent(value) { this.#originalTextContent_accessor_storage = value; }
+        #hasChanges_accessor_storage = (__runInitializers(this, _originalTextContent_extraInitializers), __runInitializers(this, _hasChanges_initializers, false));
+        get hasChanges() { return this.#hasChanges_accessor_storage; }
+        set hasChanges(value) { this.#hasChanges_accessor_storage = value; }
+        #editing_accessor_storage = (__runInitializers(this, _hasChanges_extraInitializers), __runInitializers(this, _editing_initializers, false));
+        get editing() { return this.#editing_accessor_storage; }
+        set editing(value) { this.#editing_accessor_storage = value; }
+        #contentType_accessor_storage = (__runInitializers(this, _editing_extraInitializers), __runInitializers(this, _contentType_initializers, ''));
+        get contentType() { return this.#contentType_accessor_storage; }
+        set contentType(value) { this.#contentType_accessor_storage = value; }
+        #fileSize_accessor_storage = (__runInitializers(this, _contentType_extraInitializers), __runInitializers(this, _fileSize_initializers, 0));
+        get fileSize() { return this.#fileSize_accessor_storage; }
+        set fileSize(value) { this.#fileSize_accessor_storage = value; }
+        #lastModified_accessor_storage = (__runInitializers(this, _fileSize_extraInitializers), __runInitializers(this, _lastModified_initializers, ''));
+        get lastModified() { return this.#lastModified_accessor_storage; }
+        set lastModified(value) { this.#lastModified_accessor_storage = value; }
+        #error_accessor_storage = (__runInitializers(this, _lastModified_extraInitializers), __runInitializers(this, _error_initializers, ''));
+        get error() { return this.#error_accessor_storage; }
+        set error(value) { this.#error_accessor_storage = value; }
+        static styles = [
+            cssManager.defaultStyles,
+            themeDefaultStyles,
+            css `
+      :host {
+        display: block;
+        height: 100%;
+      }
+
+      .preview-container {
+        display: flex;
+        flex-direction: column;
+        height: 100%;
+      }
+
+      .preview-header {
+        padding: 12px;
+        border-bottom: 1px solid ${cssManager.bdTheme('#e5e7eb', '#333')};
+      }
+
+      .preview-title {
+        font-size: 14px;
+        font-weight: 500;
+        margin-bottom: 8px;
+        word-break: break-all;
+      }
+
+      .preview-meta {
+        display: flex;
+        flex-wrap: wrap;
+        gap: 16px;
+        font-size: 12px;
+        color: ${cssManager.bdTheme('#71717a', '#888')};
+      }
+
+      .meta-item {
+        display: flex;
+        align-items: center;
+        gap: 4px;
+      }
+
+      .preview-content {
+        flex: 1;
+        overflow: hidden;
+      }
+
+      .preview-content dees-preview {
+        width: 100%;
+        height: 100%;
+      }
+
+      .preview-content.code-editor {
+        padding: 0;
+        overflow: hidden;
+      }
+
+      .preview-content.code-editor dees-input-code {
+        height: 100%;
+      }
+
+      .preview-actions {
+        padding: 12px;
+        border-top: 1px solid ${cssManager.bdTheme('#e5e7eb', '#333')};
+        display: flex;
+        gap: 8px;
+      }
+
+      .action-btn {
+        flex: 1;
+        padding: 8px 16px;
+        background: ${cssManager.bdTheme('rgba(0, 0, 0, 0.05)', 'rgba(255, 255, 255, 0.1)')};
+        border: 1px solid ${cssManager.bdTheme('#d4d4d8', '#404040')};
+        color: ${cssManager.bdTheme('#3f3f46', '#e0e0e0')};
+        border-radius: 6px;
+        cursor: pointer;
+        font-size: 13px;
+        transition: all 0.15s;
+      }
+
+      .action-btn:hover {
+        background: ${cssManager.bdTheme('rgba(0, 0, 0, 0.08)', 'rgba(255, 255, 255, 0.15)')};
+      }
+
+      .action-btn.danger {
+        background: rgba(239, 68, 68, 0.2);
+        border-color: #ef4444;
+        color: #f87171;
+      }
+
+      .action-btn.danger:hover {
+        background: rgba(239, 68, 68, 0.3);
+      }
+
+      .action-btn.primary {
+        background: rgba(59, 130, 246, 0.3);
+        border-color: #3b82f6;
+        color: #60a5fa;
+      }
+
+      .action-btn.primary:hover {
+        background: rgba(59, 130, 246, 0.4);
+      }
+
+      .action-btn.primary:disabled {
+        opacity: 0.5;
+        cursor: not-allowed;
+      }
+
+      .action-btn.secondary {
+        background: ${cssManager.bdTheme('rgba(0, 0, 0, 0.03)', 'rgba(255, 255, 255, 0.05)')};
+        border-color: ${cssManager.bdTheme('#d4d4d8', '#555')};
+        color: ${cssManager.bdTheme('#71717a', '#aaa')};
+      }
+
+      .action-btn.secondary:hover {
+        background: ${cssManager.bdTheme('rgba(0, 0, 0, 0.06)', 'rgba(255, 255, 255, 0.1)')};
+        color: ${cssManager.bdTheme('#18181b', '#fff')};
+      }
+
+      .unsaved-indicator {
+        display: flex;
+        align-items: center;
+        gap: 6px;
+        padding: 6px 10px;
+        background: rgba(251, 191, 36, 0.1);
+        border: 1px solid rgba(251, 191, 36, 0.3);
+        border-radius: 4px;
+        font-size: 12px;
+        color: #fbbf24;
+      }
+
+      .unsaved-dot {
+        width: 6px;
+        height: 6px;
+        border-radius: 50%;
+        background: #fbbf24;
+      }
+
+      .empty-state {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        justify-content: center;
+        height: 100%;
+        color: ${cssManager.bdTheme('#a1a1aa', '#666')};
+        text-align: center;
+        padding: 24px;
+      }
+
+      .empty-state svg {
+        width: 48px;
+        height: 48px;
+        margin-bottom: 12px;
+        opacity: 0.5;
+      }
+
+      .loading-state {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        height: 100%;
+        color: ${cssManager.bdTheme('#71717a', '#888')};
+      }
+
+      .error-state {
+        padding: 16px;
+        color: #f87171;
+        text-align: center;
+      }
+    `,
+        ];
+        updated(changedProperties) {
+            if (changedProperties.has('objectKey') || changedProperties.has('bucketName')) {
+                if (this.objectKey) {
+                    this.loadObject();
+                }
+                else {
+                    this.content = '';
+                    this.contentType = '';
+                    this.error = '';
+                    this.originalTextContent = '';
+                    this.hasChanges = false;
+                    this.editing = false;
+                }
+            }
+        }
+        async loadObject() {
+            if (!this.objectKey || !this.bucketName || !this.dataProvider)
+                return;
+            this.loading = true;
+            this.error = '';
+            this.hasChanges = false;
+            this.editing = false;
+            try {
+                const result = await this.dataProvider.getObject(this.bucketName, this.objectKey);
+                if (!result) {
+                    this.error = 'Object not found';
+                    this.loading = false;
+                    return;
+                }
+                this.content = result.content || '';
+                this.contentType = result.contentType || '';
+                this.fileSize = result.size || 0;
+                this.lastModified = result.lastModified || '';
+                if (this.isText()) {
+                    this.originalTextContent = this.getTextContent();
+                }
+            }
+            catch (err) {
+                console.error('Error loading object:', err);
+                this.error = 'Failed to load object';
+            }
+            this.loading = false;
+        }
+        formatDate(dateStr) {
+            if (!dateStr)
+                return '-';
+            const date = new Date(dateStr);
+            return date.toLocaleString();
+        }
+        isImage() {
+            return this.contentType.startsWith('image/');
+        }
+        isText() {
+            return (this.contentType.startsWith('text/') ||
+                this.contentType === 'application/json' ||
+                this.contentType === 'application/xml' ||
+                this.contentType === 'application/javascript');
+        }
+        getTextContent() {
+            try {
+                const binaryString = atob(this.content);
+                const bytes = new Uint8Array(binaryString.length);
+                for (let i = 0; i < binaryString.length; i++) {
+                    bytes[i] = binaryString.charCodeAt(i);
+                }
+                return new TextDecoder('utf-8').decode(bytes);
+            }
+            catch {
+                return 'Unable to decode content';
+            }
+        }
+        async handleDownload() {
+            try {
+                const blob = new Blob([Uint8Array.from(atob(this.content), (c) => c.charCodeAt(0))], {
+                    type: this.contentType,
+                });
+                const url = URL.createObjectURL(blob);
+                const a = document.createElement('a');
+                a.href = url;
+                a.download = getFileName(this.objectKey);
+                document.body.appendChild(a);
+                a.click();
+                document.body.removeChild(a);
+                URL.revokeObjectURL(url);
+            }
+            catch (err) {
+                console.error('Error downloading:', err);
+            }
+        }
+        async handleDelete() {
+            if (!this.dataProvider)
+                return;
+            if (!confirm(`Delete "${getFileName(this.objectKey)}"?`))
+                return;
+            try {
+                await this.dataProvider.deleteObject(this.bucketName, this.objectKey);
+                this.dispatchEvent(new CustomEvent('object-deleted', {
+                    detail: { key: this.objectKey },
+                    bubbles: true,
+                    composed: true,
+                }));
+            }
+            catch (err) {
+                console.error('Error deleting object:', err);
+            }
+        }
+        getLanguage() {
+            const ext = this.objectKey.split('.').pop()?.toLowerCase() || '';
+            const languageMap = {
+                ts: 'typescript',
+                tsx: 'typescript',
+                js: 'javascript',
+                jsx: 'javascript',
+                mjs: 'javascript',
+                cjs: 'javascript',
+                json: 'json',
+                html: 'html',
+                htm: 'html',
+                css: 'css',
+                scss: 'scss',
+                sass: 'scss',
+                less: 'less',
+                md: 'markdown',
+                markdown: 'markdown',
+                xml: 'xml',
+                yaml: 'yaml',
+                yml: 'yaml',
+                py: 'python',
+                rb: 'ruby',
+                go: 'go',
+                rs: 'rust',
+                java: 'java',
+                c: 'c',
+                cpp: 'cpp',
+                h: 'c',
+                hpp: 'cpp',
+                cs: 'csharp',
+                php: 'php',
+                sh: 'shell',
+                bash: 'shell',
+                zsh: 'shell',
+                sql: 'sql',
+                graphql: 'graphql',
+                gql: 'graphql',
+                dockerfile: 'dockerfile',
+                txt: 'plaintext',
+            };
+            return languageMap[ext] || 'plaintext';
+        }
+        handleContentChange(event) {
+            const newValue = event.detail;
+            this.hasChanges = newValue !== this.originalTextContent;
+        }
+        handleEdit() {
+            this.editing = true;
+        }
+        handleDiscard() {
+            const codeEditor = this.shadowRoot?.querySelector('dees-input-code');
+            if (codeEditor) {
+                codeEditor.value = this.originalTextContent;
+            }
+            this.hasChanges = false;
+            this.editing = false;
+        }
+        async handleSave() {
+            if (!this.hasChanges || this.saving || !this.dataProvider)
+                return;
+            this.saving = true;
+            try {
+                const codeEditor = this.shadowRoot?.querySelector('dees-input-code');
+                const currentContent = codeEditor?.value ?? '';
+                const encoder = new TextEncoder();
+                const bytes = encoder.encode(currentContent);
+                const base64Content = btoa(String.fromCharCode(...bytes));
+                const success = await this.dataProvider.putObject(this.bucketName, this.objectKey, base64Content, this.contentType);
+                if (success) {
+                    this.originalTextContent = currentContent;
+                    this.hasChanges = false;
+                    this.editing = false;
+                    this.content = base64Content;
+                }
+            }
+            catch (err) {
+                console.error('Error saving object:', err);
+            }
+            this.saving = false;
+        }
+        render() {
+            if (!this.objectKey) {
+                return html `
+        <div class="preview-container">
+          <div class="empty-state">
+            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+              <path d="M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z" />
+              <polyline points="14 2 14 8 20 8" />
+            </svg>
+            <p>Select a file to preview</p>
+          </div>
+        </div>
+      `;
+            }
+            if (this.loading) {
+                return html `
+        <div class="preview-container">
+          <div class="loading-state">Loading...</div>
+        </div>
+      `;
+            }
+            if (this.error) {
+                return html `
+        <div class="preview-container">
+          <div class="error-state">${this.error}</div>
+        </div>
+      `;
+            }
+            return html `
+      <div class="preview-container">
+        <div class="preview-header">
+          <div class="preview-title">${getFileName(this.objectKey)}</div>
+          <div class="preview-meta">
+            <span class="meta-item">${this.contentType}</span>
+            <span class="meta-item">${formatSize(this.fileSize)}</span>
+            <span class="meta-item">${this.formatDate(this.lastModified)}</span>
+            ${this.hasChanges ? html `
+              <span class="unsaved-indicator">
+                <span class="unsaved-dot"></span>
+                Unsaved changes
+              </span>
+            ` : ''}
+          </div>
+        </div>
+
+        <div class="preview-content ${this.editing ? 'code-editor' : ''}">
+          ${this.editing
+                ? html `
+                <dees-input-code
+                  .value=${this.originalTextContent}
+                  .language=${this.getLanguage()}
+                  height="100%"
+                  @content-change=${(e) => this.handleContentChange(e)}
+                ></dees-input-code>
+              `
+                : this.isText()
+                    ? html `
+                  <dees-preview
+                    .textContent=${this.originalTextContent}
+                    .filename=${getFileName(this.objectKey)}
+                    .language=${this.getLanguage()}
+                    .showToolbar=${true}
+                    .showFilename=${false}
+                  ></dees-preview>
+                `
+                    : html `
+                  <dees-preview
+                    .base64=${this.content}
+                    .mimeType=${this.contentType}
+                    .filename=${getFileName(this.objectKey)}
+                    .showToolbar=${true}
+                    .showFilename=${false}
+                  ></dees-preview>
+                `}
+        </div>
+
+        <div class="preview-actions">
+          ${this.editing
+                ? html `
+                <button class="action-btn secondary" @click=${this.handleDiscard}>
+                  ${this.hasChanges ? 'Discard' : 'Cancel'}
+                </button>
+                <button
+                  class="action-btn primary"
+                  @click=${this.handleSave}
+                  ?disabled=${this.saving || !this.hasChanges}
+                >
+                  ${this.saving ? 'Saving...' : 'Save'}
+                </button>
+              `
+                : html `
+                ${this.isText()
+                    ? html `<button class="action-btn" @click=${this.handleEdit}>Edit</button>`
+                    : ''}
+                <button class="action-btn" @click=${this.handleDownload}>Download</button>
+                <button class="action-btn danger" @click=${this.handleDelete}>Delete</button>
+              `}
+        </div>
+      </div>
+    `;
+        }
+        constructor() {
+            super(...arguments);
+            __runInitializers(this, _error_extraInitializers);
+        }
+        static {
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+    };
+    return DeesStoragePreview = _classThis;
+})();
+export { DeesStoragePreview };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1zdG9yYWdlLXByZXZpZXcuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi90c193ZWIvZWxlbWVudHMvMDBncm91cC1kYXRhdmlldy9kZWVzLXN0b3JhZ2UtYnJvd3Nlci9kZWVzLXN0b3JhZ2UtcHJldmlldy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxFQUFFLGFBQWEsRUFBRSxJQUFJLEVBQUUsR0FBRyxFQUFFLFVBQVUsRUFBRSxRQUFRLEVBQUUsS0FBSyxFQUFFLFdBQVcsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQ2pILE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBRXRELE9BQU8sRUFBRSxVQUFVLEVBQUUsV0FBVyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7SUFTNUMsa0JBQWtCOzRCQUQ5QixhQUFhLENBQUMsc0JBQXNCLENBQUM7Ozs7c0JBQ0UsV0FBVzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztrQ0FBbkIsU0FBUSxXQUFXOzs7O3dDQUNoRCxRQUFRLENBQUMsRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFLENBQUM7c0NBRzFCLFFBQVEsQ0FBQyxFQUFFLElBQUksRUFBRSxNQUFNLEVBQUUsQ0FBQztxQ0FHMUIsUUFBUSxDQUFDLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRSxDQUFDO21DQUcxQixLQUFLLEVBQUU7a0NBR1AsS0FBSyxFQUFFO21DQUdQLEtBQUssRUFBRTsrQ0FHUCxLQUFLLEVBQUU7c0NBR1AsS0FBSyxFQUFFO21DQUdQLEtBQUssRUFBRTt1Q0FHUCxLQUFLLEVBQUU7b0NBR1AsS0FBSyxFQUFFO3dDQUdQLEtBQUssRUFBRTtpQ0FHUCxLQUFLLEVBQUU7WUFuQ1IseUxBQWdCLFlBQVksNkJBQVosWUFBWSxtR0FBZ0M7WUFHNUQsbUxBQWdCLFVBQVUsNkJBQVYsVUFBVSwrRkFBYztZQUd4QyxnTEFBZ0IsU0FBUyw2QkFBVCxTQUFTLDZGQUFjO1lBR3ZDLDBLQUFpQixPQUFPLDZCQUFQLE9BQU8seUZBQWtCO1lBRzFDLHVLQUFpQixNQUFNLDZCQUFOLE1BQU0sdUZBQWtCO1lBR3pDLDBLQUFpQixPQUFPLDZCQUFQLE9BQU8seUZBQWM7WUFHdEMsOE1BQWlCLG1CQUFtQiw2QkFBbkIsbUJBQW1CLGlIQUFjO1lBR2xELG1MQUFpQixVQUFVLDZCQUFWLFVBQVUsK0ZBQWtCO1lBRzdDLDBLQUFpQixPQUFPLDZCQUFQLE9BQU8seUZBQWtCO1lBRzFDLHNMQUFpQixXQUFXLDZCQUFYLFdBQVcsaUdBQWM7WUFHMUMsNktBQWlCLFFBQVEsNkJBQVIsUUFBUSwyRkFBYTtZQUd0Qyx5TEFBaUIsWUFBWSw2QkFBWixZQUFZLG1HQUFjO1lBRzNDLG9LQUFpQixLQUFLLDZCQUFMLEtBQUsscUZBQWM7WUF0Q3RDLDZLQStnQkM7Ozs7UUE3Z0JDLHFGQUF1RCxJQUFJLEVBQUM7UUFBNUQsSUFBZ0IsWUFBWSxrREFBZ0M7UUFBNUQsSUFBZ0IsWUFBWSx3REFBZ0M7UUFHNUQsNElBQXFDLEVBQUUsR0FBQztRQUF4QyxJQUFnQixVQUFVLGdEQUFjO1FBQXhDLElBQWdCLFVBQVUsc0RBQWM7UUFHeEMsd0lBQW9DLEVBQUUsR0FBQztRQUF2QyxJQUFnQixTQUFTLCtDQUFjO1FBQXZDLElBQWdCLFNBQVMscURBQWM7UUFHdkMsbUlBQW9DLEtBQUssR0FBQztRQUExQyxJQUFpQixPQUFPLDZDQUFrQjtRQUExQyxJQUFpQixPQUFPLG1EQUFrQjtRQUcxQywrSEFBbUMsS0FBSyxHQUFDO1FBQXpDLElBQWlCLE1BQU0sNENBQWtCO1FBQXpDLElBQWlCLE1BQU0sa0RBQWtCO1FBR3pDLGdJQUFtQyxFQUFFLEdBQUM7UUFBdEMsSUFBaUIsT0FBTyw2Q0FBYztRQUF0QyxJQUFpQixPQUFPLG1EQUFjO1FBR3RDLHlKQUErQyxFQUFFLEdBQUM7UUFBbEQsSUFBaUIsbUJBQW1CLHlEQUFjO1FBQWxELElBQWlCLG1CQUFtQiwrREFBYztRQUdsRCxtSkFBdUMsS0FBSyxHQUFDO1FBQTdDLElBQWlCLFVBQVUsZ0RBQWtCO1FBQTdDLElBQWlCLFVBQVUsc0RBQWtCO1FBRzdDLG9JQUFvQyxLQUFLLEdBQUM7UUFBMUMsSUFBaUIsT0FBTyw2Q0FBa0I7UUFBMUMsSUFBaUIsT0FBTyxtREFBa0I7UUFHMUMseUlBQXVDLEVBQUUsR0FBQztRQUExQyxJQUFpQixXQUFXLGlEQUFjO1FBQTFDLElBQWlCLFdBQVcsdURBQWM7UUFHMUMsdUlBQW9DLENBQUMsR0FBQztRQUF0QyxJQUFpQixRQUFRLDhDQUFhO1FBQXRDLElBQWlCLFFBQVEsb0RBQWE7UUFHdEMsNElBQXdDLEVBQUUsR0FBQztRQUEzQyxJQUFpQixZQUFZLGtEQUFjO1FBQTNDLElBQWlCLFlBQVksd0RBQWM7UUFHM0Msa0lBQWlDLEVBQUUsR0FBQztRQUFwQyxJQUFpQixLQUFLLDJDQUFjO1FBQXBDLElBQWlCLEtBQUssaURBQWM7UUFFN0IsTUFBTSxDQUFDLE1BQU0sR0FBRztZQUNyQixVQUFVLENBQUMsYUFBYTtZQUN4QixrQkFBa0I7WUFDbEIsR0FBRyxDQUFBOzs7Ozs7Ozs7Ozs7OzttQ0FjNEIsVUFBVSxDQUFDLE9BQU8sQ0FBQyxTQUFTLEVBQUUsTUFBTSxDQUFDOzs7Ozs7Ozs7Ozs7Ozs7aUJBZXZELFVBQVUsQ0FBQyxPQUFPLENBQUMsU0FBUyxFQUFFLE1BQU0sQ0FBQzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O2dDQThCdEIsVUFBVSxDQUFDLE9BQU8sQ0FBQyxTQUFTLEVBQUUsTUFBTSxDQUFDOzs7Ozs7OztzQkFRL0MsVUFBVSxDQUFDLE9BQU8sQ0FBQyxxQkFBcUIsRUFBRSwwQkFBMEIsQ0FBQzs0QkFDL0QsVUFBVSxDQUFDLE9BQU8sQ0FBQyxTQUFTLEVBQUUsU0FBUyxDQUFDO2lCQUNuRCxVQUFVLENBQUMsT0FBTyxDQUFDLFNBQVMsRUFBRSxTQUFTLENBQUM7Ozs7Ozs7O3NCQVFuQyxVQUFVLENBQUMsT0FBTyxDQUFDLHFCQUFxQixFQUFFLDJCQUEyQixDQUFDOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztzQkE2QnRFLFVBQVUsQ0FBQyxPQUFPLENBQUMscUJBQXFCLEVBQUUsMkJBQTJCLENBQUM7d0JBQ3BFLFVBQVUsQ0FBQyxPQUFPLENBQUMsU0FBUyxFQUFFLE1BQU0sQ0FBQztpQkFDNUMsVUFBVSxDQUFDLE9BQU8sQ0FBQyxTQUFTLEVBQUUsTUFBTSxDQUFDOzs7O3NCQUloQyxVQUFVLENBQUMsT0FBTyxDQUFDLHFCQUFxQixFQUFFLDBCQUEwQixDQUFDO2lCQUMxRSxVQUFVLENBQUMsT0FBTyxDQUFDLFNBQVMsRUFBRSxNQUFNLENBQUM7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7aUJBNEJyQyxVQUFVLENBQUMsT0FBTyxDQUFDLFNBQVMsRUFBRSxNQUFNLENBQUM7Ozs7Ozs7Ozs7Ozs7Ozs7O2lCQWlCckMsVUFBVSxDQUFDLE9BQU8sQ0FBQyxTQUFTLEVBQUUsTUFBTSxDQUFDOzs7Ozs7OztLQVFqRDtTQUNGLENBQUM7UUFFRixPQUFPLENBQUMsaUJBQXVDO1lBQzdDLElBQUksaUJBQWlCLENBQUMsR0FBRyxDQUFDLFdBQVcsQ0FBQyxJQUFJLGlCQUFpQixDQUFDLEdBQUcsQ0FBQyxZQUFZLENBQUMsRUFBRSxDQUFDO2dCQUM5RSxJQUFJLElBQUksQ0FBQyxTQUFTLEVBQUUsQ0FBQztvQkFDbkIsSUFBSSxDQUFDLFVBQVUsRUFBRSxDQUFDO2dCQUNwQixDQUFDO3FCQUFNLENBQUM7b0JBQ04sSUFBSSxDQUFDLE9BQU8sR0FBRyxFQUFFLENBQUM7b0JBQ2xCLElBQUksQ0FBQyxXQUFXLEdBQUcsRUFBRSxDQUFDO29CQUN0QixJQUFJLENBQUMsS0FBSyxHQUFHLEVBQUUsQ0FBQztvQkFDaEIsSUFBSSxDQUFDLG1CQUFtQixHQUFHLEVBQUUsQ0FBQztvQkFDOUIsSUFBSSxDQUFDLFVBQVUsR0FBRyxLQUFLLENBQUM7b0JBQ3hCLElBQUksQ0FBQyxPQUFPLEdBQUcsS0FBSyxDQUFDO2dCQUN2QixDQUFDO1lBQ0gsQ0FBQztRQUNILENBQUM7UUFFTyxLQUFLLENBQUMsVUFBVTtZQUN0QixJQUFJLENBQUMsSUFBSSxDQUFDLFNBQVMsSUFBSSxDQUFDLElBQUksQ0FBQyxVQUFVLElBQUksQ0FBQyxJQUFJLENBQUMsWUFBWTtnQkFBRSxPQUFPO1lBRXRFLElBQUksQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDO1lBQ3BCLElBQUksQ0FBQyxLQUFLLEdBQUcsRUFBRSxDQUFDO1lBQ2hCLElBQUksQ0FBQyxVQUFVLEdBQUcsS0FBSyxDQUFDO1lBQ3hCLElBQUksQ0FBQyxPQUFPLEdBQUcsS0FBSyxDQUFDO1lBRXJCLElBQUksQ0FBQztnQkFDSCxNQUFNLE1BQU0sR0FBRyxNQUFNLElBQUksQ0FBQyxZQUFZLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxVQUFVLEVBQUUsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDO2dCQUNsRixJQUFJLENBQUMsTUFBTSxFQUFFLENBQUM7b0JBQ1osSUFBSSxDQUFDLEtBQUssR0FBRyxrQkFBa0IsQ0FBQztvQkFDaEMsSUFBSSxDQUFDLE9BQU8sR0FBRyxLQUFLLENBQUM7b0JBQ3JCLE9BQU87Z0JBQ1QsQ0FBQztnQkFDRCxJQUFJLENBQUMsT0FBTyxHQUFHLE1BQU0sQ0FBQyxPQUFPLElBQUksRUFBRSxDQUFDO2dCQUNwQyxJQUFJLENBQUMsV0FBVyxHQUFHLE1BQU0sQ0FBQyxXQUFXLElBQUksRUFBRSxDQUFDO2dCQUM1QyxJQUFJLENBQUMsUUFBUSxHQUFHLE1BQU0sQ0FBQyxJQUFJLElBQUksQ0FBQyxDQUFDO2dCQUNqQyxJQUFJLENBQUMsWUFBWSxHQUFHLE1BQU0sQ0FBQyxZQUFZLElBQUksRUFBRSxDQUFDO2dCQUU5QyxJQUFJLElBQUksQ0FBQyxNQUFNLEVBQUUsRUFBRSxDQUFDO29CQUNsQixJQUFJLENBQUMsbUJBQW1CLEdBQUcsSUFBSSxDQUFDLGNBQWMsRUFBRSxDQUFDO2dCQUNuRCxDQUFDO1lBQ0gsQ0FBQztZQUFDLE9BQU8sR0FBRyxFQUFFLENBQUM7Z0JBQ2IsT0FBTyxDQUFDLEtBQUssQ0FBQyx1QkFBdUIsRUFBRSxHQUFHLENBQUMsQ0FBQztnQkFDNUMsSUFBSSxDQUFDLEtBQUssR0FBRyx1QkFBdUIsQ0FBQztZQUN2QyxDQUFDO1lBRUQsSUFBSSxDQUFDLE9BQU8sR0FBRyxLQUFLLENBQUM7UUFDdkIsQ0FBQztRQUVPLFVBQVUsQ0FBQyxPQUFlO1lBQ2hDLElBQUksQ0FBQyxPQUFPO2dCQUFFLE9BQU8sR0FBRyxDQUFDO1lBQ3pCLE1BQU0sSUFBSSxHQUFHLElBQUksSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDO1lBQy9CLE9BQU8sSUFBSSxDQUFDLGNBQWMsRUFBRSxDQUFDO1FBQy9CLENBQUM7UUFFTyxPQUFPO1lBQ2IsT0FBTyxJQUFJLENBQUMsV0FBVyxDQUFDLFVBQVUsQ0FBQyxRQUFRLENBQUMsQ0FBQztRQUMvQyxDQUFDO1FBRU8sTUFBTTtZQUNaLE9BQU8sQ0FDTCxJQUFJLENBQUMsV0FBVyxDQUFDLFVBQVUsQ0FBQyxPQUFPLENBQUM7Z0JBQ3BDLElBQUksQ0FBQyxXQUFXLEtBQUssa0JBQWtCO2dCQUN2QyxJQUFJLENBQUMsV0FBVyxLQUFLLGlCQUFpQjtnQkFDdEMsSUFBSSxDQUFDLFdBQVcsS0FBSyx3QkFBd0IsQ0FDOUMsQ0FBQztRQUNKLENBQUM7UUFFTyxjQUFjO1lBQ3BCLElBQUksQ0FBQztnQkFDSCxNQUFNLFlBQVksR0FBRyxJQUFJLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDO2dCQUN4QyxNQUFNLEtBQUssR0FBRyxJQUFJLFVBQVUsQ0FBQyxZQUFZLENBQUMsTUFBTSxDQUFDLENBQUM7Z0JBQ2xELEtBQUssSUFBSSxDQUFDLEdBQUcsQ0FBQyxFQUFFLENBQUMsR0FBRyxZQUFZLENBQUMsTUFBTSxFQUFFLENBQUMsRUFBRSxFQUFFLENBQUM7b0JBQzdDLEtBQUssQ0FBQyxDQUFDLENBQUMsR0FBRyxZQUFZLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxDQUFDO2dCQUN4QyxDQUFDO2dCQUNELE9BQU8sSUFBSSxXQUFXLENBQUMsT0FBTyxDQUFDLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQyxDQUFDO1lBQ2hELENBQUM7WUFBQyxNQUFNLENBQUM7Z0JBQ1AsT0FBTywwQkFBMEIsQ0FBQztZQUNwQyxDQUFDO1FBQ0gsQ0FBQztRQUVPLEtBQUssQ0FBQyxjQUFjO1lBQzFCLElBQUksQ0FBQztnQkFDSCxNQUFNLElBQUksR0FBRyxJQUFJLElBQUksQ0FBQyxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsRUFBRSxDQUFDLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQyxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLEVBQUU7b0JBQ25GLElBQUksRUFBRSxJQUFJLENBQUMsV0FBVztpQkFDdkIsQ0FBQyxDQUFDO2dCQUNILE1BQU0sR0FBRyxHQUFHLEdBQUcsQ0FBQyxlQUFlLENBQUMsSUFBSSxDQUFDLENBQUM7Z0JBQ3RDLE1BQU0sQ0FBQyxHQUFHLFFBQVEsQ0FBQyxhQUFhLENBQUMsR0FBRyxDQUFDLENBQUM7Z0JBQ3RDLENBQUMsQ0FBQyxJQUFJLEdBQUcsR0FBRyxDQUFDO2dCQUNiLENBQUMsQ0FBQyxRQUFRLEdBQUcsV0FBVyxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQztnQkFDekMsUUFBUSxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFDLENBQUM7Z0JBQzdCLENBQUMsQ0FBQyxLQUFLLEVBQUUsQ0FBQztnQkFDVixRQUFRLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxDQUFDLENBQUMsQ0FBQztnQkFDN0IsR0FBRyxDQUFDLGVBQWUsQ0FBQyxHQUFHLENBQUMsQ0FBQztZQUMzQixDQUFDO1lBQUMsT0FBTyxHQUFHLEVBQUUsQ0FBQztnQkFDYixPQUFPLENBQUMsS0FBSyxDQUFDLG9CQUFvQixFQUFFLEdBQUcsQ0FBQyxDQUFDO1lBQzNDLENBQUM7UUFDSCxDQUFDO1FBRU8sS0FBSyxDQUFDLFlBQVk7WUFDeEIsSUFBSSxDQUFDLElBQUksQ0FBQyxZQUFZO2dCQUFFLE9BQU87WUFDL0IsSUFBSSxDQUFDLE9BQU8sQ0FBQyxXQUFXLFdBQVcsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQztnQkFBRSxPQUFPO1lBRWpFLElBQUksQ0FBQztnQkFDSCxNQUFNLElBQUksQ0FBQyxZQUFZLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxVQUFVLEVBQUUsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDO2dCQUN0RSxJQUFJLENBQUMsYUFBYSxDQUNoQixJQUFJLFdBQVcsQ0FBQyxnQkFBZ0IsRUFBRTtvQkFDaEMsTUFBTSxFQUFFLEVBQUUsR0FBRyxFQUFFLElBQUksQ0FBQyxTQUFTLEVBQUU7b0JBQy9CLE9BQU8sRUFBRSxJQUFJO29CQUNiLFFBQVEsRUFBRSxJQUFJO2lCQUNmLENBQUMsQ0FDSCxDQUFDO1lBQ0osQ0FBQztZQUFDLE9BQU8sR0FBRyxFQUFFLENBQUM7Z0JBQ2IsT0FBTyxDQUFDLEtBQUssQ0FBQyx3QkFBd0IsRUFBRSxHQUFHLENBQUMsQ0FBQztZQUMvQyxDQUFDO1FBQ0gsQ0FBQztRQUVPLFdBQVc7WUFDakIsTUFBTSxHQUFHLEdBQUcsSUFBSSxDQUFDLFNBQVMsQ0FBQyxLQUFLLENBQUMsR0FBRyxDQUFDLENBQUMsR0FBRyxFQUFFLEVBQUUsV0FBVyxFQUFFLElBQUksRUFBRSxDQUFDO1lBQ2pFLE1BQU0sV0FBVyxHQUEyQjtnQkFDMUMsRUFBRSxFQUFFLFlBQVk7Z0JBQ2hCLEdBQUcsRUFBRSxZQUFZO2dCQUNqQixFQUFFLEVBQUUsWUFBWTtnQkFDaEIsR0FBRyxFQUFFLFlBQVk7Z0JBQ2pCLEdBQUcsRUFBRSxZQUFZO2dCQUNqQixHQUFHLEVBQUUsWUFBWTtnQkFDakIsSUFBSSxFQUFFLE1BQU07Z0JBQ1osSUFBSSxFQUFFLE1BQU07Z0JBQ1osR0FBRyxFQUFFLE1BQU07Z0JBQ1gsR0FBRyxFQUFFLEtBQUs7Z0JBQ1YsSUFBSSxFQUFFLE1BQU07Z0JBQ1osSUFBSSxFQUFFLE1BQU07Z0JBQ1osSUFBSSxFQUFFLE1BQU07Z0JBQ1osRUFBRSxFQUFFLFVBQVU7Z0JBQ2QsUUFBUSxFQUFFLFVBQVU7Z0JBQ3BCLEdBQUcsRUFBRSxLQUFLO2dCQUNWLElBQUksRUFBRSxNQUFNO2dCQUNaLEdBQUcsRUFBRSxNQUFNO2dCQUNYLEVBQUUsRUFBRSxRQUFRO2dCQUNaLEVBQUUsRUFBRSxNQUFNO2dCQUNWLEVBQUUsRUFBRSxJQUFJO2dCQUNSLEVBQUUsRUFBRSxNQUFNO2dCQUNWLElBQUksRUFBRSxNQUFNO2dCQUNaLENBQUMsRUFBRSxHQUFHO2dCQUNOLEdBQUcsRUFBRSxLQUFLO2dCQUNWLENBQUMsRUFBRSxHQUFHO2dCQUNOLEdBQUcsRUFBRSxLQUFLO2dCQUNWLEVBQUUsRUFBRSxRQUFRO2dCQUNaLEdBQUcsRUFBRSxLQUFLO2dCQUNWLEVBQUUsRUFBRSxPQUFPO2dCQUNYLElBQUksRUFBRSxPQUFPO2dCQUNiLEdBQUcsRUFBRSxPQUFPO2dCQUNaLEdBQUcsRUFBRSxLQUFLO2dCQUNWLE9BQU8sRUFBRSxTQUFTO2dCQUNsQixHQUFHLEVBQUUsU0FBUztnQkFDZCxVQUFVLEVBQUUsWUFBWTtnQkFDeEIsR0FBRyxFQUFFLFdBQVc7YUFDakIsQ0FBQztZQUNGLE9BQU8sV0FBVyxDQUFDLEdBQUcsQ0FBQyxJQUFJLFdBQVcsQ0FBQztRQUN6QyxDQUFDO1FBRU8sbUJBQW1CLENBQUMsS0FBa0I7WUFDNUMsTUFBTSxRQUFRLEdBQUcsS0FBSyxDQUFDLE1BQWdCLENBQUM7WUFDeEMsSUFBSSxDQUFDLFVBQVUsR0FBRyxRQUFRLEtBQUssSUFBSSxDQUFDLG1CQUFtQixDQUFDO1FBQzFELENBQUM7UUFFTyxVQUFVO1lBQ2hCLElBQUksQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDO1FBQ3RCLENBQUM7UUFFTyxhQUFhO1lBQ25CLE1BQU0sVUFBVSxHQUFHLElBQUksQ0FBQyxVQUFVLEVBQUUsYUFBYSxDQUFDLGlCQUFpQixDQUFRLENBQUM7WUFDNUUsSUFBSSxVQUFVLEVBQUUsQ0FBQztnQkFDZixVQUFVLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQyxtQkFBbUIsQ0FBQztZQUM5QyxDQUFDO1lBQ0QsSUFBSSxDQUFDLFVBQVUsR0FBRyxLQUFLLENBQUM7WUFDeEIsSUFBSSxDQUFDLE9BQU8sR0FBRyxLQUFLLENBQUM7UUFDdkIsQ0FBQztRQUVPLEtBQUssQ0FBQyxVQUFVO1lBQ3RCLElBQUksQ0FBQyxJQUFJLENBQUMsVUFBVSxJQUFJLElBQUksQ0FBQyxNQUFNLElBQUksQ0FBQyxJQUFJLENBQUMsWUFBWTtnQkFBRSxPQUFPO1lBRWxFLElBQUksQ0FBQyxNQUFNLEdBQUcsSUFBSSxDQUFDO1lBRW5CLElBQUksQ0FBQztnQkFDSCxNQUFNLFVBQVUsR0FBRyxJQUFJLENBQUMsVUFBVSxFQUFFLGFBQWEsQ0FBQyxpQkFBaUIsQ0FBUSxDQUFDO2dCQUM1RSxNQUFNLGNBQWMsR0FBRyxVQUFVLEVBQUUsS0FBSyxJQUFJLEVBQUUsQ0FBQztnQkFFL0MsTUFBTSxPQUFPLEdBQUcsSUFBSSxXQUFXLEVBQUUsQ0FBQztnQkFDbEMsTUFBTSxLQUFLLEdBQUcsT0FBTyxDQUFDLE1BQU0sQ0FBQyxjQUFjLENBQUMsQ0FBQztnQkFDN0MsTUFBTSxhQUFhLEdBQUcsSUFBSSxDQUFDLE1BQU0sQ0FBQyxZQUFZLENBQUMsR0FBRyxLQUFLLENBQUMsQ0FBQyxDQUFDO2dCQUUxRCxNQUFNLE9BQU8sR0FBRyxNQUFNLElBQUksQ0FBQyxZQUFZLENBQUMsU0FBUyxDQUMvQyxJQUFJLENBQUMsVUFBVSxFQUNmLElBQUksQ0FBQyxTQUFTLEVBQ2QsYUFBYSxFQUNiLElBQUksQ0FBQyxXQUFXLENBQ2pCLENBQUM7Z0JBRUYsSUFBSSxPQUFPLEVBQUUsQ0FBQztvQkFDWixJQUFJLENBQUMsbUJBQW1CLEdBQUcsY0FBYyxDQUFDO29CQUMxQyxJQUFJLENBQUMsVUFBVSxHQUFHLEtBQUssQ0FBQztvQkFDeEIsSUFBSSxDQUFDLE9BQU8sR0FBRyxLQUFLLENBQUM7b0JBQ3JCLElBQUksQ0FBQyxPQUFPLEdBQUcsYUFBYSxDQUFDO2dCQUMvQixDQUFDO1lBQ0gsQ0FBQztZQUFDLE9BQU8sR0FBRyxFQUFFLENBQUM7Z0JBQ2IsT0FBTyxDQUFDLEtBQUssQ0FBQyxzQkFBc0IsRUFBRSxHQUFHLENBQUMsQ0FBQztZQUM3QyxDQUFDO1lBRUQsSUFBSSxDQUFDLE1BQU0sR0FBRyxLQUFLLENBQUM7UUFDdEIsQ0FBQztRQUVELE1BQU07WUFDSixJQUFJLENBQUMsSUFBSSxDQUFDLFNBQVMsRUFBRSxDQUFDO2dCQUNwQixPQUFPLElBQUksQ0FBQTs7Ozs7Ozs7OztPQVVWLENBQUM7WUFDSixDQUFDO1lBRUQsSUFBSSxJQUFJLENBQUMsT0FBTyxFQUFFLENBQUM7Z0JBQ2pCLE9BQU8sSUFBSSxDQUFBOzs7O09BSVYsQ0FBQztZQUNKLENBQUM7WUFFRCxJQUFJLElBQUksQ0FBQyxLQUFLLEVBQUUsQ0FBQztnQkFDZixPQUFPLElBQUksQ0FBQTs7cUNBRW9CLElBQUksQ0FBQyxLQUFLOztPQUV4QyxDQUFDO1lBQ0osQ0FBQztZQUVELE9BQU8sSUFBSSxDQUFBOzs7dUNBR3dCLFdBQVcsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDOztzQ0FFNUIsSUFBSSxDQUFDLFdBQVc7c0NBQ2hCLFVBQVUsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDO3NDQUN6QixJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUM7Y0FDMUQsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFBOzs7OzthQUt2QixDQUFDLENBQUMsQ0FBQyxFQUFFOzs7O3NDQUlvQixJQUFJLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxhQUFhLENBQUMsQ0FBQyxDQUFDLEVBQUU7WUFDM0QsSUFBSSxDQUFDLE9BQU87Z0JBQ1osQ0FBQyxDQUFDLElBQUksQ0FBQTs7MkJBRVMsSUFBSSxDQUFDLG1CQUFtQjs4QkFDckIsSUFBSSxDQUFDLFdBQVcsRUFBRTs7b0NBRVosQ0FBQyxDQUFjLEVBQUUsRUFBRSxDQUFDLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxDQUFDLENBQUM7O2VBRXBFO2dCQUNILENBQUMsQ0FBQyxJQUFJLENBQUMsTUFBTSxFQUFFO29CQUNiLENBQUMsQ0FBQyxJQUFJLENBQUE7O21DQUVlLElBQUksQ0FBQyxtQkFBbUI7Z0NBQzNCLFdBQVcsQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDO2dDQUMzQixJQUFJLENBQUMsV0FBVyxFQUFFO21DQUNmLElBQUk7b0NBQ0gsS0FBSzs7aUJBRXhCO29CQUNILENBQUMsQ0FBQyxJQUFJLENBQUE7OzhCQUVVLElBQUksQ0FBQyxPQUFPO2dDQUNWLElBQUksQ0FBQyxXQUFXO2dDQUNoQixXQUFXLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQzttQ0FDeEIsSUFBSTtvQ0FDSCxLQUFLOztpQkFHL0I7Ozs7WUFJRSxJQUFJLENBQUMsT0FBTztnQkFDWixDQUFDLENBQUMsSUFBSSxDQUFBOzhEQUM0QyxJQUFJLENBQUMsYUFBYTtvQkFDNUQsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxRQUFROzs7OzJCQUkvQixJQUFJLENBQUMsVUFBVTs4QkFDWixJQUFJLENBQUMsTUFBTSxJQUFJLENBQUMsSUFBSSxDQUFDLFVBQVU7O29CQUV6QyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFDLE1BQU07O2VBRXZDO2dCQUNILENBQUMsQ0FBQyxJQUFJLENBQUE7a0JBQ0EsSUFBSSxDQUFDLE1BQU0sRUFBRTtvQkFDYixDQUFDLENBQUMsSUFBSSxDQUFBLHFDQUFxQyxJQUFJLENBQUMsVUFBVSxnQkFBZ0I7b0JBQzFFLENBQUMsQ0FBQyxFQUFFO29EQUM4QixJQUFJLENBQUMsY0FBYzsyREFDWixJQUFJLENBQUMsWUFBWTtlQUVsRTs7O0tBR0wsQ0FBQztRQUNKLENBQUM7Ozs7OztZQTlnQlUsdURBQWtCOzs7OztTQUFsQixrQkFBa0IifQ==

package/dist_ts_web/elements/00group-dataview/dees-storage-browser/index.d.ts

@@ -0,0 +1,6 @@
+export * from './dees-storage-browser.js';
+export * from './dees-storage-columns.js';
+export * from './dees-storage-keys.js';
+export * from './dees-storage-preview.js';
+export * from './interfaces.js';
+export { formatSize, formatCount, getFileName, validateMove, getParentPrefix, getContentType, getDefaultContent, getPathSegments } from './utilities.js';

package/dist_ts_web/elements/00group-dataview/dees-storage-browser/index.js

@@ -0,0 +1,7 @@
+export * from './dees-storage-browser.js';
+export * from './dees-storage-columns.js';
+export * from './dees-storage-keys.js';
+export * from './dees-storage-preview.js';
+export * from './interfaces.js';
+export { formatSize, formatCount, getFileName, validateMove, getParentPrefix, getContentType, getDefaultContent, getPathSegments } from './utilities.js';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi90c193ZWIvZWxlbWVudHMvMDBncm91cC1kYXRhdmlldy9kZWVzLXN0b3JhZ2UtYnJvd3Nlci9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLDJCQUEyQixDQUFDO0FBQzFDLGNBQWMsMkJBQTJCLENBQUM7QUFDMUMsY0FBYyx3QkFBd0IsQ0FBQztBQUN2QyxjQUFjLDJCQUEyQixDQUFDO0FBQzFDLGNBQWMsaUJBQWlCLENBQUM7QUFDaEMsT0FBTyxFQUFFLFVBQVUsRUFBRSxXQUFXLEVBQUUsV0FBVyxFQUFFLFlBQVksRUFBRSxlQUFlLEVBQUUsY0FBYyxFQUFFLGlCQUFpQixFQUFFLGVBQWUsRUFBRSxNQUFNLGdCQUFnQixDQUFDIn0=