@design.estate/dees-catalog 3.47.1 → 3.48.3

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

@@ -0,0 +1,520 @@
+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 { demoFunc } from './dees-storage-browser.demo.js';
+import './dees-storage-columns.js';
+import './dees-storage-keys.js';
+import './dees-storage-preview.js';
+let DeesStorageBrowser = (() => {
+    let _classDecorators = [customElement('dees-storage-browser')];
+    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 _onChangeEvent_decorators;
+    let _onChangeEvent_initializers = [];
+    let _onChangeEvent_extraInitializers = [];
+    let _viewType_decorators;
+    let _viewType_initializers = [];
+    let _viewType_extraInitializers = [];
+    let _currentPrefix_decorators;
+    let _currentPrefix_initializers = [];
+    let _currentPrefix_extraInitializers = [];
+    let _selectedKey_decorators;
+    let _selectedKey_initializers = [];
+    let _selectedKey_extraInitializers = [];
+    let _refreshKey_decorators;
+    let _refreshKey_initializers = [];
+    let _refreshKey_extraInitializers = [];
+    let _previewWidth_decorators;
+    let _previewWidth_initializers = [];
+    let _previewWidth_extraInitializers = [];
+    let _isResizingPreview_decorators;
+    let _isResizingPreview_initializers = [];
+    let _isResizingPreview_extraInitializers = [];
+    let _recentChangeCount_decorators;
+    let _recentChangeCount_initializers = [];
+    let _recentChangeCount_extraInitializers = [];
+    let _isStreamConnected_decorators;
+    let _isStreamConnected_initializers = [];
+    let _isStreamConnected_extraInitializers = [];
+    var DeesStorageBrowser = 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 })];
+            _onChangeEvent_decorators = [property({ type: Object })];
+            _viewType_decorators = [state()];
+            _currentPrefix_decorators = [state()];
+            _selectedKey_decorators = [state()];
+            _refreshKey_decorators = [state()];
+            _previewWidth_decorators = [state()];
+            _isResizingPreview_decorators = [state()];
+            _recentChangeCount_decorators = [state()];
+            _isStreamConnected_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, _onChangeEvent_decorators, { kind: "accessor", name: "onChangeEvent", static: false, private: false, access: { has: obj => "onChangeEvent" in obj, get: obj => obj.onChangeEvent, set: (obj, value) => { obj.onChangeEvent = value; } }, metadata: _metadata }, _onChangeEvent_initializers, _onChangeEvent_extraInitializers);
+            __esDecorate(this, null, _viewType_decorators, { kind: "accessor", name: "viewType", static: false, private: false, access: { has: obj => "viewType" in obj, get: obj => obj.viewType, set: (obj, value) => { obj.viewType = value; } }, metadata: _metadata }, _viewType_initializers, _viewType_extraInitializers);
+            __esDecorate(this, null, _currentPrefix_decorators, { kind: "accessor", name: "currentPrefix", static: false, private: false, access: { has: obj => "currentPrefix" in obj, get: obj => obj.currentPrefix, set: (obj, value) => { obj.currentPrefix = value; } }, metadata: _metadata }, _currentPrefix_initializers, _currentPrefix_extraInitializers);
+            __esDecorate(this, null, _selectedKey_decorators, { kind: "accessor", name: "selectedKey", static: false, private: false, access: { has: obj => "selectedKey" in obj, get: obj => obj.selectedKey, set: (obj, value) => { obj.selectedKey = value; } }, metadata: _metadata }, _selectedKey_initializers, _selectedKey_extraInitializers);
+            __esDecorate(this, null, _refreshKey_decorators, { kind: "accessor", name: "refreshKey", static: false, private: false, access: { has: obj => "refreshKey" in obj, get: obj => obj.refreshKey, set: (obj, value) => { obj.refreshKey = value; } }, metadata: _metadata }, _refreshKey_initializers, _refreshKey_extraInitializers);
+            __esDecorate(this, null, _previewWidth_decorators, { kind: "accessor", name: "previewWidth", static: false, private: false, access: { has: obj => "previewWidth" in obj, get: obj => obj.previewWidth, set: (obj, value) => { obj.previewWidth = value; } }, metadata: _metadata }, _previewWidth_initializers, _previewWidth_extraInitializers);
+            __esDecorate(this, null, _isResizingPreview_decorators, { kind: "accessor", name: "isResizingPreview", static: false, private: false, access: { has: obj => "isResizingPreview" in obj, get: obj => obj.isResizingPreview, set: (obj, value) => { obj.isResizingPreview = value; } }, metadata: _metadata }, _isResizingPreview_initializers, _isResizingPreview_extraInitializers);
+            __esDecorate(this, null, _recentChangeCount_decorators, { kind: "accessor", name: "recentChangeCount", static: false, private: false, access: { has: obj => "recentChangeCount" in obj, get: obj => obj.recentChangeCount, set: (obj, value) => { obj.recentChangeCount = value; } }, metadata: _metadata }, _recentChangeCount_initializers, _recentChangeCount_extraInitializers);
+            __esDecorate(this, null, _isStreamConnected_decorators, { kind: "accessor", name: "isStreamConnected", static: false, private: false, access: { has: obj => "isStreamConnected" in obj, get: obj => obj.isStreamConnected, set: (obj, value) => { obj.isStreamConnected = value; } }, metadata: _metadata }, _isStreamConnected_initializers, _isStreamConnected_extraInitializers);
+            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
+            DeesStorageBrowser = _classThis = _classDescriptor.value;
+            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+        }
+        static demo = demoFunc;
+        static demoGroups = ['Data View'];
+        #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; }
+        #onChangeEvent_accessor_storage = (__runInitializers(this, _bucketName_extraInitializers), __runInitializers(this, _onChangeEvent_initializers, null));
+        /**
+         * Optional change stream subscription.
+         * Pass a function that takes a callback and returns an unsubscribe function.
+         */
+        get onChangeEvent() { return this.#onChangeEvent_accessor_storage; }
+        set onChangeEvent(value) { this.#onChangeEvent_accessor_storage = value; }
+        #viewType_accessor_storage = (__runInitializers(this, _onChangeEvent_extraInitializers), __runInitializers(this, _viewType_initializers, 'columns'));
+        get viewType() { return this.#viewType_accessor_storage; }
+        set viewType(value) { this.#viewType_accessor_storage = value; }
+        #currentPrefix_accessor_storage = (__runInitializers(this, _viewType_extraInitializers), __runInitializers(this, _currentPrefix_initializers, ''));
+        get currentPrefix() { return this.#currentPrefix_accessor_storage; }
+        set currentPrefix(value) { this.#currentPrefix_accessor_storage = value; }
+        #selectedKey_accessor_storage = (__runInitializers(this, _currentPrefix_extraInitializers), __runInitializers(this, _selectedKey_initializers, ''));
+        get selectedKey() { return this.#selectedKey_accessor_storage; }
+        set selectedKey(value) { this.#selectedKey_accessor_storage = value; }
+        #refreshKey_accessor_storage = (__runInitializers(this, _selectedKey_extraInitializers), __runInitializers(this, _refreshKey_initializers, 0));
+        get refreshKey() { return this.#refreshKey_accessor_storage; }
+        set refreshKey(value) { this.#refreshKey_accessor_storage = value; }
+        #previewWidth_accessor_storage = (__runInitializers(this, _refreshKey_extraInitializers), __runInitializers(this, _previewWidth_initializers, 700));
+        get previewWidth() { return this.#previewWidth_accessor_storage; }
+        set previewWidth(value) { this.#previewWidth_accessor_storage = value; }
+        #isResizingPreview_accessor_storage = (__runInitializers(this, _previewWidth_extraInitializers), __runInitializers(this, _isResizingPreview_initializers, false));
+        get isResizingPreview() { return this.#isResizingPreview_accessor_storage; }
+        set isResizingPreview(value) { this.#isResizingPreview_accessor_storage = value; }
+        #recentChangeCount_accessor_storage = (__runInitializers(this, _isResizingPreview_extraInitializers), __runInitializers(this, _recentChangeCount_initializers, 0));
+        get recentChangeCount() { return this.#recentChangeCount_accessor_storage; }
+        set recentChangeCount(value) { this.#recentChangeCount_accessor_storage = value; }
+        #isStreamConnected_accessor_storage = (__runInitializers(this, _recentChangeCount_extraInitializers), __runInitializers(this, _isStreamConnected_initializers, false));
+        get isStreamConnected() { return this.#isStreamConnected_accessor_storage; }
+        set isStreamConnected(value) { this.#isStreamConnected_accessor_storage = value; }
+        changeUnsubscribe = (__runInitializers(this, _isStreamConnected_extraInitializers), null);
+        static styles = [
+            cssManager.defaultStyles,
+            themeDefaultStyles,
+            css `
+      :host {
+        display: block;
+        height: 100%;
+      }
+
+      .browser-container {
+        display: flex;
+        flex-direction: column;
+        height: 100%;
+      }
+
+      .toolbar {
+        display: flex;
+        align-items: center;
+        gap: 12px;
+        padding: 12px;
+        background: ${cssManager.bdTheme('rgba(0, 0, 0, 0.03)', 'rgba(0, 0, 0, 0.2)')};
+        border-radius: 8px;
+        margin-bottom: 16px;
+      }
+
+      .breadcrumb {
+        display: flex;
+        align-items: center;
+        gap: 4px;
+        flex: 1;
+        font-size: 14px;
+        color: ${cssManager.bdTheme('#71717a', '#999')};
+      }
+
+      .breadcrumb-item {
+        cursor: pointer;
+        padding: 4px 8px;
+        border-radius: 4px;
+        transition: background 0.15s;
+      }
+
+      .breadcrumb-item:hover {
+        background: ${cssManager.bdTheme('rgba(0, 0, 0, 0.05)', 'rgba(255, 255, 255, 0.1)')};
+        color: ${cssManager.bdTheme('#18181b', '#fff')};
+      }
+
+      .breadcrumb-separator {
+        color: ${cssManager.bdTheme('#d4d4d8', '#555')};
+      }
+
+      .view-toggle {
+        display: flex;
+        gap: 4px;
+      }
+
+      .view-btn {
+        padding: 6px 12px;
+        background: transparent;
+        border: 1px solid ${cssManager.bdTheme('#d4d4d8', '#444')};
+        color: ${cssManager.bdTheme('#71717a', '#888')};
+        border-radius: 4px;
+        cursor: pointer;
+        font-size: 13px;
+        transition: all 0.15s;
+      }
+
+      .view-btn:hover {
+        border-color: ${cssManager.bdTheme('#a1a1aa', '#666')};
+        color: ${cssManager.bdTheme('#3f3f46', '#aaa')};
+      }
+
+      .view-btn.active {
+        background: ${cssManager.bdTheme('rgba(0, 0, 0, 0.05)', 'rgba(255, 255, 255, 0.1)')};
+        border-color: ${cssManager.bdTheme('#a1a1aa', '#404040')};
+        color: ${cssManager.bdTheme('#18181b', '#e0e0e0')};
+      }
+
+      .content {
+        flex: 1;
+        display: grid;
+        grid-template-columns: 1fr;
+        gap: 0;
+        overflow: hidden;
+      }
+
+      .content.has-preview {
+        grid-template-columns: 1fr 4px var(--preview-width, 700px);
+      }
+
+      .resize-divider {
+        width: 4px;
+        background: transparent;
+        cursor: col-resize;
+        transition: background 0.2s;
+      }
+
+      .resize-divider:hover,
+      .resize-divider.active {
+        background: ${cssManager.bdTheme('rgba(0, 0, 0, 0.1)', 'rgba(255, 255, 255, 0.2)')};
+      }
+
+      .main-view {
+        overflow: auto;
+        background: ${cssManager.bdTheme('rgba(0, 0, 0, 0.02)', 'rgba(0, 0, 0, 0.2)')};
+        border-radius: 8px;
+      }
+
+      .preview-panel {
+        background: ${cssManager.bdTheme('rgba(0, 0, 0, 0.02)', 'rgba(0, 0, 0, 0.2)')};
+        border-radius: 8px;
+        overflow: hidden;
+        margin-left: 12px;
+      }
+
+      @media (max-width: 1024px) {
+        .content,
+        .content.has-preview {
+          grid-template-columns: 1fr;
+        }
+
+        .preview-panel,
+        .resize-divider {
+          display: none;
+        }
+      }
+
+      .stream-status {
+        display: flex;
+        align-items: center;
+        gap: 4px;
+        font-size: 11px;
+        color: ${cssManager.bdTheme('#71717a', '#888')};
+        margin-left: auto;
+        margin-right: 12px;
+      }
+
+      .stream-dot {
+        width: 6px;
+        height: 6px;
+        border-radius: 50%;
+        background: ${cssManager.bdTheme('#a1a1aa', '#888')};
+      }
+
+      .stream-dot.connected {
+        background: #22c55e;
+      }
+
+      .change-indicator {
+        display: flex;
+        align-items: center;
+        gap: 6px;
+        padding: 4px 8px;
+        background: rgba(245, 158, 11, 0.2);
+        border-radius: 4px;
+        font-size: 11px;
+        color: #f59e0b;
+        margin-right: 12px;
+      }
+
+      .change-indicator.pulse {
+        animation: pulse-orange 1s ease-in-out;
+      }
+
+      @keyframes pulse-orange {
+        0% { background: rgba(245, 158, 11, 0.4); }
+        100% { background: rgba(245, 158, 11, 0.2); }
+      }
+    `,
+        ];
+        async connectedCallback() {
+            super.connectedCallback();
+            this.subscribeToChanges();
+        }
+        async disconnectedCallback() {
+            await super.disconnectedCallback();
+            this.unsubscribeFromChanges();
+        }
+        /**
+         * Public method to trigger a refresh of child components
+         */
+        refresh() {
+            this.refreshKey++;
+        }
+        setViewType(type) {
+            this.viewType = type;
+        }
+        navigateToPrefix(prefix) {
+            this.currentPrefix = prefix;
+            this.selectedKey = '';
+        }
+        handleKeySelected(e) {
+            this.selectedKey = e.detail.key;
+        }
+        handleNavigate(e) {
+            this.navigateToPrefix(e.detail.prefix);
+        }
+        handleObjectDeleted(e) {
+            this.selectedKey = '';
+            this.refreshKey++;
+        }
+        updated(changedProperties) {
+            if (changedProperties.has('bucketName')) {
+                this.selectedKey = '';
+                this.currentPrefix = '';
+                this.recentChangeCount = 0;
+                this.unsubscribeFromChanges();
+                this.subscribeToChanges();
+            }
+            if (changedProperties.has('onChangeEvent')) {
+                this.unsubscribeFromChanges();
+                this.subscribeToChanges();
+            }
+        }
+        subscribeToChanges() {
+            if (!this.onChangeEvent) {
+                this.isStreamConnected = false;
+                return;
+            }
+            try {
+                this.changeUnsubscribe = this.onChangeEvent((event) => {
+                    this.handleChange(event);
+                });
+                this.isStreamConnected = true;
+            }
+            catch (error) {
+                console.warn('[StorageBrowser] Failed to subscribe to changes:', error);
+                this.isStreamConnected = false;
+            }
+        }
+        unsubscribeFromChanges() {
+            if (this.changeUnsubscribe) {
+                this.changeUnsubscribe();
+                this.changeUnsubscribe = null;
+            }
+            this.isStreamConnected = false;
+        }
+        handleChange(event) {
+            this.recentChangeCount++;
+            this.refreshKey++;
+        }
+        startPreviewResize = (e) => {
+            e.preventDefault();
+            this.isResizingPreview = true;
+            document.addEventListener('mousemove', this.handlePreviewResize);
+            document.addEventListener('mouseup', this.endPreviewResize);
+        };
+        handlePreviewResize = (e) => {
+            if (!this.isResizingPreview)
+                return;
+            const contentEl = this.shadowRoot?.querySelector('.content');
+            if (!contentEl)
+                return;
+            const containerRect = contentEl.getBoundingClientRect();
+            const newWidth = Math.min(Math.max(containerRect.right - e.clientX, 250), 1000);
+            this.previewWidth = newWidth;
+        };
+        endPreviewResize = () => {
+            this.isResizingPreview = false;
+            document.removeEventListener('mousemove', this.handlePreviewResize);
+            document.removeEventListener('mouseup', this.endPreviewResize);
+        };
+        render() {
+            const breadcrumbParts = this.currentPrefix
+                ? this.currentPrefix.split('/').filter(Boolean)
+                : [];
+            return html `
+      <div class="browser-container">
+        <div class="toolbar">
+          <div class="breadcrumb">
+            <span
+              class="breadcrumb-item"
+              @click=${() => this.navigateToPrefix('')}
+            >
+              ${this.bucketName}
+            </span>
+            ${breadcrumbParts.map((part, index) => {
+                const prefix = breadcrumbParts.slice(0, index + 1).join('/') + '/';
+                return html `
+                <span class="breadcrumb-separator">/</span>
+                <span
+                  class="breadcrumb-item"
+                  @click=${() => this.navigateToPrefix(prefix)}
+                >
+                  ${part}
+                </span>
+              `;
+            })}
+          </div>
+
+          ${this.onChangeEvent ? html `
+            <div class="stream-status">
+              <span class="stream-dot ${this.isStreamConnected ? 'connected' : ''}"></span>
+              ${this.isStreamConnected ? 'Live' : 'Offline'}
+            </div>
+          ` : ''}
+          ${this.recentChangeCount > 0
+                ? html `
+                <div class="change-indicator pulse">
+                  ${this.recentChangeCount} change${this.recentChangeCount > 1 ? 's' : ''}
+                </div>
+              `
+                : ''}
+          <div class="view-toggle">
+            <button
+              class="view-btn ${this.viewType === 'columns' ? 'active' : ''}"
+              @click=${() => this.setViewType('columns')}
+            >
+              Columns
+            </button>
+            <button
+              class="view-btn ${this.viewType === 'keys' ? 'active' : ''}"
+              @click=${() => this.setViewType('keys')}
+            >
+              List
+            </button>
+          </div>
+        </div>
+
+        <div class="content ${this.selectedKey ? 'has-preview' : ''}" style="--preview-width: ${this.previewWidth}px">
+          <div class="main-view">
+            ${this.viewType === 'columns'
+                ? html `
+                  <dees-storage-columns
+                    .dataProvider=${this.dataProvider}
+                    .bucketName=${this.bucketName}
+                    .currentPrefix=${this.currentPrefix}
+                    .refreshKey=${this.refreshKey}
+                    @key-selected=${this.handleKeySelected}
+                    @navigate=${this.handleNavigate}
+                  ></dees-storage-columns>
+                `
+                : html `
+                  <dees-storage-keys
+                    .dataProvider=${this.dataProvider}
+                    .bucketName=${this.bucketName}
+                    .currentPrefix=${this.currentPrefix}
+                    .refreshKey=${this.refreshKey}
+                    @key-selected=${this.handleKeySelected}
+                    @navigate=${this.handleNavigate}
+                  ></dees-storage-keys>
+                `}
+          </div>
+
+          ${this.selectedKey
+                ? html `
+                <div
+                  class="resize-divider ${this.isResizingPreview ? 'active' : ''}"
+                  @mousedown=${this.startPreviewResize}
+                ></div>
+                <div class="preview-panel">
+                  <dees-storage-preview
+                    .dataProvider=${this.dataProvider}
+                    .bucketName=${this.bucketName}
+                    .objectKey=${this.selectedKey}
+                    @object-deleted=${this.handleObjectDeleted}
+                  ></dees-storage-preview>
+                </div>
+              `
+                : ''}
+        </div>
+      </div>
+    `;
+        }
+        static {
+            __runInitializers(_classThis, _classExtraInitializers);
+        }
+    };
+    return DeesStorageBrowser = _classThis;
+})();
+export { DeesStorageBrowser };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVlcy1zdG9yYWdlLWJyb3dzZXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi90c193ZWIvZWxlbWVudHMvMDBncm91cC1kYXRhdmlldy9kZWVzLXN0b3JhZ2UtYnJvd3Nlci9kZWVzLXN0b3JhZ2UtYnJvd3Nlci50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxFQUFFLGFBQWEsRUFBRSxJQUFJLEVBQUUsR0FBRyxFQUFFLFVBQVUsRUFBRSxRQUFRLEVBQUUsS0FBSyxFQUFFLFdBQVcsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQ2pILE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQ3RELE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQztBQUUxRCxPQUFPLDJCQUEyQixDQUFDO0FBQ25DLE9BQU8sd0JBQXdCLENBQUM7QUFDaEMsT0FBTywyQkFBMkIsQ0FBQztJQVd0QixrQkFBa0I7NEJBRDlCLGFBQWEsQ0FBQyxzQkFBc0IsQ0FBQzs7OztzQkFDRSxXQUFXOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O2tDQUFuQixTQUFRLFdBQVc7Ozs7d0NBSWhELFFBQVEsQ0FBQyxFQUFFLElBQUksRUFBRSxNQUFNLEVBQUUsQ0FBQztzQ0FHMUIsUUFBUSxDQUFDLEVBQUUsSUFBSSxFQUFFLE1BQU0sRUFBRSxDQUFDO3lDQU8xQixRQUFRLENBQUMsRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFLENBQUM7b0NBRzFCLEtBQUssRUFBRTt5Q0FHUCxLQUFLLEVBQUU7dUNBR1AsS0FBSyxFQUFFO3NDQUdQLEtBQUssRUFBRTt3Q0FHUCxLQUFLLEVBQUU7NkNBR1AsS0FBSyxFQUFFOzZDQUdQLEtBQUssRUFBRTs2Q0FHUCxLQUFLLEVBQUU7WUFqQ1IseUxBQWdCLFlBQVksNkJBQVosWUFBWSxtR0FBZ0M7WUFH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

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

@@ -0,0 +1,99 @@
+import { DeesElement } from '@design.estate/dees-element';
+import type { IS3DataProvider } from './interfaces.js';
+declare global {
+    interface HTMLElementTagNameMap {
+        'dees-storage-columns': DeesStorageColumns;
+    }
+}
+export declare class DeesStorageColumns extends DeesElement {
+    accessor dataProvider: IS3DataProvider | null;
+    accessor bucketName: string;
+    accessor currentPrefix: string;
+    accessor refreshKey: number;
+    private accessor columns;
+    private accessor loading;
+    private accessor showCreateDialog;
+    private accessor createDialogType;
+    private accessor createDialogPrefix;
+    private accessor createDialogName;
+    private accessor dragOverColumnIndex;
+    private accessor dragOverFolderPrefix;
+    private accessor uploading;
+    private accessor uploadProgress;
+    private accessor showMoveDialog;
+    private accessor moveSource;
+    private accessor moveDestination;
+    private accessor moveInProgress;
+    private accessor moveError;
+    private accessor showMovePickerDialog;
+    private accessor movePickerSource;
+    private accessor movePickerCurrentPrefix;
+    private accessor movePickerPrefixes;
+    private accessor movePickerLoading;
+    private accessor showRenameDialog;
+    private accessor renameSource;
+    private accessor renameName;
+    private accessor renameInProgress;
+    private accessor renameError;
+    private accessor draggedItem;
+    private resizing;
+    private readonly DEFAULT_COLUMN_WIDTH;
+    private readonly MIN_COLUMN_WIDTH;
+    private readonly MAX_COLUMN_WIDTH;
+    private dragCounters;
+    private folderHoverTimer;
+    private fileInputElement;
+    private folderInputElement;
+    static styles: import("@design.estate/dees-element").CSSResult[];
+    connectedCallback(): Promise<void>;
+    disconnectedCallback(): Promise<void>;
+    updated(changedProperties: Map<string, unknown>): void;
+    private loadInitialColumn;
+    private refreshAllColumns;
+    private selectFolder;
+    private scrollToEnd;
+    private startResize;
+    private handleResize;
+    private stopResize;
+    private selectFile;
+    private getFileIcon;
+    private handleFolderContextMenu;
+    private handleFileContextMenu;
+    private handleEmptySpaceContextMenu;
+    private openCreateDialog;
+    private ensureFileInputs;
+    private triggerFileUpload;
+    private uploadFiles;
+    private uploadFilesWithPaths;
+    private readFileAsBase64;
+    private refreshColumnByPrefix;
+    private handleColumnDragEnter;
+    private handleColumnDragOver;
+    private handleColumnDragLeave;
+    private handleColumnDrop;
+    private handleFolderDragEnter;
+    private handleFolderDragLeave;
+    private handleFolderDragOver;
+    private clearFolderHover;
+    private handleItemDragStart;
+    private handleItemDragEnd;
+    private openMovePickerDialog;
+    private navigateMovePicker;
+    private loadMovePickerPrefixes;
+    private selectMoveDestination;
+    private closeMovePickerDialog;
+    private initiateMove;
+    private executeMove;
+    private closeMoveDialog;
+    private openRenameDialog;
+    private executeRename;
+    private closeRenameDialog;
+    private renderRenameDialog;
+    private renderMoveDialog;
+    private renderMovePickerDialog;
+    private handleCreate;
+    private renderCreateDialog;
+    render(): import("@design.estate/dees-element").TemplateResult<1>;
+    private renderColumnWrapper;
+    private renderColumn;
+}