@api-client/ui 0.0.14 → 0.0.17

package/build/src/apps/quick-api/fragments/FilesystemFragment.js

@@ -0,0 +1,400 @@
+import { __esDecorate, __runInitializers } from "tslib";
+import { html, nothing } from 'lit';
+import { File, FolderKind, DomainFileKind, DataDomain, DomainFile, } from '@api-client/core/browser.js';
+import { Fragment } from '../../../core/Fragment.js';
+import services from '../../api_service.js';
+import state from '../../../decorators/state.js';
+import { adaptStatic } from '../../../decorators/styles.js';
+import { api, folderFilled, schemaModel } from '../../../md/icons/Icons.js';
+import styles from '../filesystem/Files.styles.js';
+import { IntentFlags, IntentResult } from '../../../core/ActivityManager.js';
+import { CREATE_FOLDER, RENAME_FILE } from '../Intents.js';
+import FilesModel from '../../../data/FilesModel.js';
+import BreadcrumbsModel from '../../../data/BreadcrumbsModel.js';
+import { readRouteParams, navigateScreen, openApp } from '../../../core/ApplicationRoute.js';
+import '@material/web/icon/icon.js';
+import '@material/web/menu/menu.js';
+import '@material/web/menu/menu-item.js';
+import '@material/web/divider/divider.js';
+import '@material/web/dialog/dialog.js';
+import '@material/web/button/text-button.js';
+import '@material/web/textfield/outlined-text-field.js';
+import '@material/web/iconbutton/icon-button.js';
+import '../../../elements/file-system/ui-breadcrumbs.js';
+import '../../../elements/data-table/filesystem-table.js';
+import '../../../md/button/ui-filled-button.js';
+const ownRoot = '/content/create';
+const sharedRoot = '/content/shared';
+let FilesystemFragment = (() => {
+    let _classSuper = Fragment;
+    let _staticExtraInitializers = [];
+    let _static_get_styles_decorators;
+    let _errorMessage_decorators;
+    let _errorMessage_initializers = [];
+    let _errorMessage_extraInitializers = [];
+    let _selectedItems_decorators;
+    let _selectedItems_initializers = [];
+    let _selectedItems_extraInitializers = [];
+    return class FilesystemFragment extends _classSuper {
+        static {
+            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
+            _static_get_styles_decorators = [adaptStatic];
+            _errorMessage_decorators = [state()];
+            _selectedItems_decorators = [state()];
+            __esDecorate(this, null, _static_get_styles_decorators, { kind: "getter", name: "styles", static: true, private: false, access: { has: obj => "styles" in obj, get: obj => obj.styles }, metadata: _metadata }, null, _staticExtraInitializers);
+            __esDecorate(this, null, _errorMessage_decorators, { kind: "accessor", name: "errorMessage", static: false, private: false, access: { has: obj => "errorMessage" in obj, get: obj => obj.errorMessage, set: (obj, value) => { obj.errorMessage = value; } }, metadata: _metadata }, _errorMessage_initializers, _errorMessage_extraInitializers);
+            __esDecorate(this, null, _selectedItems_decorators, { kind: "accessor", name: "selectedItems", static: false, private: false, access: { has: obj => "selectedItems" in obj, get: obj => obj.selectedItems, set: (obj, value) => { obj.selectedItems = value; } }, metadata: _metadata }, _selectedItems_initializers, _selectedItems_extraInitializers);
+            if (_metadata) Object.defineProperty(this, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
+            __runInitializers(this, _staticExtraInitializers);
+        }
+        static get styles() {
+            return [styles];
+        }
+        source = 'own';
+        files;
+        breadcrumbs;
+        #oid;
+        /**
+         * The current organization id.
+         */
+        get oid() {
+            const oid = this.#oid;
+            if (!oid) {
+                throw new Error(`OrganizationID is not set on the filesystem fragment.`);
+            }
+            return oid;
+        }
+        /**
+         * The current user
+         */
+        user;
+        #errorMessage_accessor_storage = __runInitializers(this, _errorMessage_initializers, void 0);
+        get errorMessage() { return this.#errorMessage_accessor_storage; }
+        set errorMessage(value) { this.#errorMessage_accessor_storage = value; }
+        #selectedItems_accessor_storage = (__runInitializers(this, _errorMessage_extraInitializers), __runInitializers(this, _selectedItems_initializers, void 0));
+        get selectedItems() { return this.#selectedItems_accessor_storage; }
+        set selectedItems(value) { this.#selectedItems_accessor_storage = value; }
+        async onCreate(data) {
+            super.onCreate(data);
+            let parent;
+            if (data) {
+                if (data.source) {
+                    this.source = data.source;
+                }
+                if (data.uri) {
+                    const result = readRouteParams([`${ownRoot}/(?<parent>.*)`, `${sharedRoot}/(?<parent>.*)`], data.uri);
+                    if (result && result.parent) {
+                        parent = result.parent;
+                    }
+                }
+            }
+            const sdk = await services.get('sdk');
+            const org = await services.get('org');
+            const userService = await services.get('user');
+            const current = await org.currentOrganization();
+            if (!current) {
+                throw new Error(`No current organization.`);
+            }
+            const user = await userService.getUser();
+            if (!user) {
+                throw new Error(`No current user.`);
+            }
+            this.user = user;
+            this.#oid = current.key;
+            this.files = new FilesModel(current.key, sdk, this.source);
+            this.files.parent = parent;
+            this.files.addEventListener('error', (e) => {
+                const event = e;
+                this.errorMessage = event.detail;
+            });
+            this.breadcrumbs = new BreadcrumbsModel(current.key, sdk);
+            this.breadcrumbs.parent = parent;
+        }
+        onResume() {
+            super.onResume();
+            this.refresh();
+        }
+        async refresh() {
+            this.clearSelection();
+            this.files.resetListState();
+            this.files.scheduleQuery();
+            this.breadcrumbs.reset();
+            this.breadcrumbs.scheduleQuery(this.files.parent);
+        }
+        async openFolder(key) {
+            this.files.selectFolder(key);
+            this.breadcrumbs.reset();
+            this.breadcrumbs.scheduleQuery(key);
+            this.clearSelection();
+            const params = [this.source === 'own' ? ownRoot : sharedRoot];
+            if (key) {
+                params.push(key);
+            }
+            navigateScreen(...params);
+        }
+        async openFile(file) {
+            const { kind, key } = file;
+            if (kind === DomainFileKind) {
+                openApp('schema.html', 'schema', this.oid, key);
+            }
+            else {
+                throw new Error(`Unknown activation item: ${kind}`);
+            }
+        }
+        async deleteFiles(keys) {
+            const sdk = await services.get('sdk');
+            await sdk.file.deleteBulk(this.oid, keys);
+            this.files.removeFiles(keys);
+            this.requestUpdate();
+        }
+        itemActivateHandler(e) {
+            const item = e.detail;
+            const { kind } = item;
+            if (kind === FolderKind) {
+                this.openFolder(item.key);
+            }
+            else if (kind === DomainFileKind) {
+                this.openFile(item);
+            }
+            else {
+                throw new Error(`Unknown activation item: ${kind}`);
+            }
+        }
+        handleTableSelect(e) {
+            const items = e.detail.selectedItems;
+            this.selectedItems = items.map((i) => i.key);
+            this.requestUpdate();
+        }
+        clearSelection() {
+            this.selectedItems = undefined;
+            this.requestUpdate();
+        }
+        handleFileAction(e) {
+            const { key, action } = e.detail;
+            const item = this.files.getFile(key);
+            if (!item) {
+                return;
+            }
+            const file = new File().new(item);
+            if (action === 'rename') {
+                const intent = {
+                    action: RENAME_FILE,
+                    flags: IntentFlags.Modal | IntentFlags.ForResult,
+                    data: file.toJSON(), // removes the Proxy object. Intents are copied.
+                };
+                this.startActivityForResult(intent);
+            }
+            else if (action === 'delete') {
+                this.deleteFiles([item.key]);
+            }
+            else if (action === 'open') {
+                if (file.isFile()) {
+                    this.openFile(item);
+                }
+                else if (file.isFolder()) {
+                    this.openFolder(file.key);
+                }
+            }
+            else if (action === 'move') {
+                //
+            }
+            else if (action === 'share') {
+                //
+            }
+        }
+        /**
+         * The callback method that is triggered when another activity that was
+         * started for result finishes.
+         *
+         * @param requestCode The request code that was used to start the activity.
+         * @param data The data that was passed back.
+         * @param intent The intent that was used to start the activity.
+         */
+        async onActivityResult(requestCode, resultCode, intent) {
+            await super.onActivityResult(requestCode, resultCode, intent);
+            if (resultCode === IntentResult.RESULT_CANCELED) {
+                return;
+            }
+            if (intent.action === RENAME_FILE) {
+                const updated = intent.data;
+                this.files.replaceFile(updated);
+                this.requestUpdate();
+            }
+            else if (intent.action === CREATE_FOLDER) {
+                const created = intent.data;
+                this.files.addFile(created);
+                this.requestUpdate();
+            }
+        }
+        handleAddMenuClose(e) {
+            const { reason, initiator } = e.detail;
+            if (reason.kind === 'keydown') {
+                const typedReason = reason;
+                if (typedReason.key === 'Escape') {
+                    return;
+                }
+            }
+            const { action = '' } = initiator.dataset;
+            if (action === 'folder') {
+                const intent = {
+                    action: CREATE_FOLDER,
+                    flags: IntentFlags.Modal | IntentFlags.ForResult,
+                    data: {
+                        parent: this.files.parent,
+                    },
+                };
+                this.startActivityForResult(intent);
+            }
+            else if (action === 'data') {
+                this.createDataModel();
+            }
+        }
+        async createDataModel() {
+            const { oid } = this;
+            const sdk = await services.get('sdk');
+            const media = new DataDomain();
+            const file = DomainFile.fromDataDomain(media, oid);
+            await sdk.file.create(file.toJSON(), media, oid, { parent: this.files.parent });
+            this.refresh();
+        }
+        handleBreadcrumbsNavigate(e) {
+            const { key } = e.detail;
+            this.openFolder(key);
+        }
+        handleOpenNewFileMenu() {
+            const menu = document.querySelector('#new-file-menu');
+            if (menu) {
+                menu.open = !menu.open;
+            }
+        }
+        handleDeleteSelected() {
+            const { selectedItems = [] } = this;
+            if (!selectedItems.length) {
+                return;
+            }
+            this.deleteFiles(selectedItems);
+        }
+        render() {
+            const { selectedItems } = this;
+            const own = this.source === 'own';
+            const ariaLabel = own ? 'Your files' : 'Shared files';
+            const files = this.files.files;
+            const content = html `
+      <div class="files-activity activity">
+        <div class="section-header">
+          ${selectedItems && selectedItems.length ? this.renderSelection(selectedItems) : this.renderBreadcrumbs()}
+        </div>
+        <filesystem-table
+          .oid="${this.oid}"
+          .user="${this.user}"
+          .items="${files}"
+          selection="multi"
+          active
+          sort="name"
+          sortDirection="desc"
+          ariaLabel="${ariaLabel}"
+          @activate="${this.itemActivateHandler}"
+          @select="${this.handleTableSelect}"
+          @action="${this.handleFileAction}"
+        >
+          ${own
+                ? html `<p slot="empty" class="empty">You have no files.</p>`
+                : html `<p slot="empty" class="empty">You have no shared files.</p>`}
+        </filesystem-table>
+      </div>
+    `;
+            return content;
+        }
+        renderSelection(selected) {
+            const { length } = selected;
+            return html `
+      <div class="file-selection-info">
+        <md-icon-button @click="${this.clearSelection}" title="Clear selection" aria-label="Clear selection">
+          <md-icon>close</md-icon>
+        </md-icon-button>
+        <span class="selection-label body-large">${length} selected</span>
+        <md-icon-button title="Share selected" aria-label="Share selected">
+          <md-icon>person_add</md-icon>
+        </md-icon-button>
+        <!-- <md-icon-button>
+          <md-icon>drive_file_move</md-icon>
+        </md-icon-button> -->
+        <md-icon-button
+          @click="${this.handleDeleteSelected}"
+          title="Move selected to trash"
+          aria-label="Move selected to trash"
+        >
+          <md-icon>delete</md-icon>
+        </md-icon-button>
+      </div>
+    `;
+        }
+        renderBreadcrumbs() {
+            const { breadcrumbs } = this.breadcrumbs;
+            const rootName = this.source === 'own' ? 'Files' : 'Shared';
+            return html `
+      <div class="breadcrumbs">
+        <ui-breadcrumbs
+          .breadcrumbs="${breadcrumbs}"
+          root-name="${rootName}"
+          @navigate="${this.handleBreadcrumbsNavigate}"
+        ></ui-breadcrumbs>
+      </div>
+      ${this.renderAddFileMenu()}
+    `;
+        }
+        renderAddFileMenu() {
+            const own = this.source === 'own';
+            if (!own) {
+                return nothing;
+            }
+            return html `
+      <span class="menu-area">
+        <ui-filled-button id="new-file-anchor" trailingicon @click="${this.handleOpenNewFileMenu}">
+          Add
+          <md-icon slot="icon">arrow_drop_down</md-icon>
+        </ui-filled-button>
+        <md-menu
+          positioning="popover"
+          id="new-file-menu"
+          anchor="new-file-anchor"
+          y-offset="8"
+          @close-menu="${this.handleAddMenuClose}"
+        >
+          <md-menu-item data-action="folder">
+            <div slot="headline">Folder</div>
+            <div slot="supporting-text">A folder for your domains</div>
+            <md-icon slot="start">${folderFilled}</md-icon>
+          </md-menu-item>
+          <md-menu-item data-action="data">
+            <div slot="headline">Data model</div>
+            <div slot="supporting-text">Define your data</div>
+            <md-icon slot="start">${schemaModel}</md-icon>
+          </md-menu-item>
+          <md-menu-item data-action="api">
+            <div slot="headline">API</div>
+            <div slot="supporting-text">Make data actionable</div>
+            <md-icon slot="start">${api}</md-icon>
+          </md-menu-item>
+          <md-divider></md-divider>
+          <md-menu-item data-action="import">
+            <div slot="headline">Import data model</div>
+            <div slot="supporting-text">Use well-know domains</div>
+            <md-icon slot="start">download_2</md-icon>
+          </md-menu-item>
+        </md-menu>
+      </span>
+    `;
+        }
+        constructor() {
+            super(...arguments);
+            __runInitializers(this, _selectedItems_extraInitializers);
+        }
+    };
+})();
+/**
+ * A UI fragment that is responsible for rendering user files.
+ * It uses the sdk to communicate with the server.
+ */
+export default FilesystemFragment;
+//# sourceMappingURL=FilesystemFragment.js.map

package/build/src/apps/quick-api/fragments/FilesystemFragment.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilesystemFragment.js","sourceRoot":"","sources":["../../../../../src/apps/quick-api/fragments/FilesystemFragment.ts"],"names":[],"mappings":";AAAA,OAAO,EAA6B,IAAI,EAAE,OAAO,EAAE,MAAM,KAAK,CAAA;AAC9D,OAAO,EAEL,IAAI,EAGJ,UAAU,EACV,cAAc,EACd,UAAU,EACV,UAAU,GACX,MAAM,6BAA6B,CAAA;AACpC,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAA;AACpD,OAAO,QAAQ,MAAM,sBAAsB,CAAA;AAC3C,OAAO,KAAK,MAAM,8BAA8B,CAAA;AAChD,OAAO,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAA;AAC3D,OAAO,EAAE,GAAG,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAA;AAK3E,OAAO,MAAM,MAAM,+BAA+B,CAAA;AAClD,OAAO,EAAU,WAAW,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAA;AACpF,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC1D,OAAO,UAA2B,MAAM,6BAA6B,CAAA;AACrE,OAAO,gBAAgB,MAAM,mCAAmC,CAAA;AAChE,OAAO,EAAE,eAAe,EAAE,cAAc,EAAE,OAAO,EAAE,MAAM,mCAAmC,CAAA;AAE5F,OAAO,4BAA4B,CAAA;AACnC,OAAO,4BAA4B,CAAA;AACnC,OAAO,iCAAiC,CAAA;AACxC,OAAO,kCAAkC,CAAA;AACzC,OAAO,gCAAgC,CAAA;AACvC,OAAO,qCAAqC,CAAA;AAC5C,OAAO,gDAAgD,CAAA;AACvD,OAAO,yCAAyC,CAAA;AAChD,OAAO,iDAAiD,CAAA;AACxD,OAAO,kDAAkD,CAAA;AACzD,OAAO,wCAAwC,CAAA;AAiB/C,MAAM,OAAO,GAAG,iBAAiB,CAAA;AACjC,MAAM,UAAU,GAAG,iBAAiB,CAAA;;sBAMY,QAAQ;;;;;;;;;iBAAnC,kBAAmB,SAAQ,WAAQ;;;6CACrD,WAAW;wCA6BX,KAAK,EAAE;yCAEP,KAAK,EAAE;YA9BR,+KAAW,MAAM,2DAEhB;YA0BQ,yLAAS,YAAY,6BAAZ,YAAY,mGAAoB;YAEzC,4LAAS,aAAa,6BAAb,aAAa,qGAAsB;;YAhClC,iDAAkB,CAAA;;QAErC,MAAM,KAAK,MAAM;YACf,OAAO,CAAC,MAAM,CAAC,CAAA;QACjB,CAAC;QAED,MAAM,GAAgB,KAAK,CAAA;QAE3B,KAAK,CAAa;QAElB,WAAW,CAAmB;QAE9B,IAAI,CAAS;QAEb;;WAEG;QACH,IAAI,GAAG;YACL,MAAM,GAAG,GAAG,IAAI,CAAC,IAAI,CAAA;YACrB,IAAI,CAAC,GAAG,EAAE,CAAC;gBACT,MAAM,IAAI,KAAK,CAAC,uDAAuD,CAAC,CAAA;YAC1E,CAAC;YACD,OAAO,GAAG,CAAA;QACZ,CAAC;QAED;;WAEG;QACH,IAAI,CAAQ;QAEH,6FAAyC;QAAzC,IAAS,YAAY,kDAAoB;QAAzC,IAAS,YAAY,wDAAoB;QAEzC,2JAA4C;QAA5C,IAAS,aAAa,mDAAsB;QAA5C,IAAS,aAAa,yDAAsB;QAE5C,KAAK,CAAC,QAAQ,CAAC,IAA8B;YACpD,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAA;YACpB,IAAI,MAA0B,CAAA;YAC9B,IAAI,IAAI,EAAE,CAAC;gBACT,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC;oBAChB,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,CAAA;gBAC3B,CAAC;gBACD,IAAI,IAAI,CAAC,GAAG,EAAE,CAAC;oBACb,MAAM,MAAM,GAAG,eAAe,CAAC,CAAC,GAAG,OAAO,gBAAgB,EAAE,GAAG,UAAU,gBAAgB,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,CAAA;oBACrG,IAAI,MAAM,IAAI,MAAM,CAAC,MAAM,EAAE,CAAC;wBAC5B,MAAM,GAAG,MAAM,CAAC,MAAgB,CAAA;oBAClC,CAAC;gBACH,CAAC;YACH,CAAC;YACD,MAAM,GAAG,GAAG,MAAM,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,CAAA;YACrC,MAAM,GAAG,GAAG,MAAM,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,CAAA;YACrC,MAAM,WAAW,GAAG,MAAM,QAAQ,CAAC,GAAG,CAAC,MAAM,CAAC,CAAA;YAC9C,MAAM,OAAO,GAAG,MAAM,GAAG,CAAC,mBAAmB,EAAE,CAAA;YAC/C,IAAI,CAAC,OAAO,EAAE,CAAC;gBACb,MAAM,IAAI,KAAK,CAAC,0BAA0B,CAAC,CAAA;YAC7C,CAAC;YACD,MAAM,IAAI,GAAG,MAAM,WAAW,CAAC,OAAO,EAAE,CAAA;YACxC,IAAI,CAAC,IAAI,EAAE,CAAC;gBACV,MAAM,IAAI,KAAK,CAAC,kBAAkB,CAAC,CAAA;YACrC,CAAC;YACD,IAAI,CAAC,IAAI,GAAG,IAAI,CAAA;YAChB,IAAI,CAAC,IAAI,GAAG,OAAO,CAAC,GAAG,CAAA;YACvB,IAAI,CAAC,KAAK,GAAG,IAAI,UAAU,CAAC,OAAO,CAAC,GAAG,EAAE,GAAG,EAAE,IAAI,CAAC,MAAM,CAAC,CAAA;YAC1D,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAA;YAC1B,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAAC,OAAO,EAAE,CAAC,CAAQ,EAAE,EAAE;gBAChD,MAAM,KAAK,GAAG,CAAwB,CAAA;gBACtC,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC,MAAM,CAAA;YAClC,CAAC,CAAC,CAAA;YACF,IAAI,CAAC,WAAW,GAAG,IAAI,gBAAgB,CAAC,OAAO,CAAC,GAAG,EAAE,GAAG,CAAC,CAAA;YACzD,IAAI,CAAC,WAAW,CAAC,MAAM,GAAG,MAAM,CAAA;QAClC,CAAC;QAEQ,QAAQ;YACf,KAAK,CAAC,QAAQ,EAAE,CAAA;YAChB,IAAI,CAAC,OAAO,EAAE,CAAA;QAChB,CAAC;QAED,KAAK,CAAC,OAAO;YACX,IAAI,CAAC,cAAc,EAAE,CAAA;YACrB,IAAI,CAAC,KAAK,CAAC,cAAc,EAAE,CAAA;YAC3B,IAAI,CAAC,KAAK,CAAC,aAAa,EAAE,CAAA;YAC1B,IAAI,CAAC,WAAW,CAAC,KAAK,EAAE,CAAA;YACxB,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAA;QACnD,CAAC;QAED,KAAK,CAAC,UAAU,CAAC,GAAY;YAC3B,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,CAAA;YAC5B,IAAI,CAAC,WAAW,CAAC,KAAK,EAAE,CAAA;YACxB,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,GAAG,CAAC,CAAA;YACnC,IAAI,CAAC,cAAc,EAAE,CAAA;YACrB,MAAM,MAAM,GAAa,CAAC,IAAI,CAAC,MAAM,KAAK,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,CAAA;YACvE,IAAI,GAAG,EAAE,CAAC;gBACR,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;YAClB,CAAC;YACD,cAAc,CAAC,GAAG,MAAM,CAAC,CAAA;QAC3B,CAAC;QAED,KAAK,CAAC,QAAQ,CAAC,IAAW;YACxB,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,IAAI,CAAA;YAC1B,IAAI,IAAI,KAAK,cAAc,EAAE,CAAC;gBAC5B,OAAO,CAAC,aAAa,EAAE,QAAQ,EAAE,IAAI,CAAC,GAAG,EAAE,GAAG,CAAC,CAAA;YACjD,CAAC;iBAAM,CAAC;gBACN,MAAM,IAAI,KAAK,CAAC,4BAA4B,IAAI,EAAE,CAAC,CAAA;YACrD,CAAC;QACH,CAAC;QAED,KAAK,CAAC,WAAW,CAAC,IAAc;YAC9B,MAAM,GAAG,GAAG,MAAM,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,CAAA;YACrC,MAAM,GAAG,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,GAAG,EAAE,IAAI,CAAC,CAAA;YACzC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,CAAA;YAC5B,IAAI,CAAC,aAAa,EAAE,CAAA;QACtB,CAAC;QAES,mBAAmB,CAAC,CAAqB;YACjD,MAAM,IAAI,GAAG,CAAC,CAAC,MAAM,CAAA;YACrB,MAAM,EAAE,IAAI,EAAE,GAAG,IAAI,CAAA;YACrB,IAAI,IAAI,KAAK,UAAU,EAAE,CAAC;gBACxB,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;YAC3B,CAAC;iBAAM,IAAI,IAAI,KAAK,cAAc,EAAE,CAAC;gBACnC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAA;YACrB,CAAC;iBAAM,CAAC;gBACN,MAAM,IAAI,KAAK,CAAC,4BAA4B,IAAI,EAAE,CAAC,CAAA;YACrD,CAAC;QACH,CAAC;QAES,iBAAiB,CAAC,CAA0C;YACpE,MAAM,KAAK,GAAG,CAAC,CAAC,MAAM,CAAC,aAAa,CAAA;YACpC,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAA;YAC5C,IAAI,CAAC,aAAa,EAAE,CAAA;QACtB,CAAC;QAED,cAAc;YACZ,IAAI,CAAC,aAAa,GAAG,SAAS,CAAA;YAC9B,IAAI,CAAC,aAAa,EAAE,CAAA;QACtB,CAAC;QAES,gBAAgB,CAAC,CAA+C;YACxE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,CAAC,CAAC,MAAM,CAAA;YAChC,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAA;YACpC,IAAI,CAAC,IAAI,EAAE,CAAC;gBACV,OAAM;YACR,CAAC;YACD,MAAM,IAAI,GAAG,IAAI,IAAI,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC,CAAA;YACjC,IAAI,MAAM,KAAK,QAAQ,EAAE,CAAC;gBACxB,MAAM,MAAM,GAAW;oBACrB,MAAM,EAAE,WAAW;oBACnB,KAAK,EAAE,WAAW,CAAC,KAAK,GAAG,WAAW,CAAC,SAAS;oBAChD,IAAI,EAAE,IAAI,CAAC,MAAM,EAAE,EAAE,gDAAgD;iBACtE,CAAA;gBACD,IAAI,CAAC,sBAAsB,CAAC,MAAM,CAAC,CAAA;YACrC,CAAC;iBAAM,IAAI,MAAM,KAAK,QAAQ,EAAE,CAAC;gBAC/B,IAAI,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAA;YAC9B,CAAC;iBAAM,IAAI,MAAM,KAAK,MAAM,EAAE,CAAC;gBAC7B,IAAI,IAAI,CAAC,MAAM,EAAE,EAAE,CAAC;oBAClB,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAA;gBACrB,CAAC;qBAAM,IAAI,IAAI,CAAC,QAAQ,EAAE,EAAE,CAAC;oBAC3B,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;gBAC3B,CAAC;YACH,CAAC;iBAAM,IAAI,MAAM,KAAK,MAAM,EAAE,CAAC;gBAC7B,EAAE;YACJ,CAAC;iBAAM,IAAI,MAAM,KAAK,OAAO,EAAE,CAAC;gBAC9B,EAAE;YACJ,CAAC;QACH,CAAC;QAED;;;;;;;WAOG;QACM,KAAK,CAAC,gBAAgB,CAAC,WAAmB,EAAE,UAAwB,EAAE,MAAc;YAC3F,MAAM,KAAK,CAAC,gBAAgB,CAAC,WAAW,EAAE,UAAU,EAAE,MAAM,CAAC,CAAA;YAC7D,IAAI,UAAU,KAAK,YAAY,CAAC,eAAe,EAAE,CAAC;gBAChD,OAAM;YACR,CAAC;YACD,IAAI,MAAM,CAAC,MAAM,KAAK,WAAW,EAAE,CAAC;gBAClC,MAAM,OAAO,GAAG,MAAM,CAAC,IAAa,CAAA;gBACpC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,OAAO,CAAC,CAAA;gBAC/B,IAAI,CAAC,aAAa,EAAE,CAAA;YACtB,CAAC;iBAAM,IAAI,MAAM,CAAC,MAAM,KAAK,aAAa,EAAE,CAAC;gBAC3C,MAAM,OAAO,GAAG,MAAM,CAAC,IAAa,CAAA;gBACpC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,CAAA;gBAC3B,IAAI,CAAC,aAAa,EAAE,CAAA;YACtB,CAAC;QACH,CAAC;QAED,kBAAkB,CAAC,CAAiF;YAClG,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,CAAC,CAAC,MAAM,CAAA;YACtC,IAAI,MAAM,CAAC,IAAI,KAAK,SAAS,EAAE,CAAC;gBAC9B,MAAM,WAAW,GAAG,MAAuB,CAAA;gBAC3C,IAAI,WAAW,CAAC,GAAG,KAAK,QAAQ,EAAE,CAAC;oBACjC,OAAM;gBACR,CAAC;YACH,CAAC;YACD,MAAM,EAAE,MAAM,GAAG,EAAE,EAAE,GAAG,SAAS,CAAC,OAAO,CAAA;YACzC,IAAI,MAAM,KAAK,QAAQ,EAAE,CAAC;gBACxB,MAAM,MAAM,GAAW;oBACrB,MAAM,EAAE,aAAa;oBACrB,KAAK,EAAE,WAAW,CAAC,KAAK,GAAG,WAAW,CAAC,SAAS;oBAChD,IAAI,EAAE;wBACJ,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM;qBAC1B;iBACF,CAAA;gBACD,IAAI,CAAC,sBAAsB,CAAC,MAAM,CAAC,CAAA;YACrC,CAAC;iBAAM,IAAI,MAAM,KAAK,MAAM,EAAE,CAAC;gBAC7B,IAAI,CAAC,eAAe,EAAE,CAAA;YACxB,CAAC;QACH,CAAC;QAED,KAAK,CAAC,eAAe;YACnB,MAAM,EAAE,GAAG,EAAE,GAAG,IAAI,CAAA;YACpB,MAAM,GAAG,GAAG,MAAM,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,CAAA;YACrC,MAAM,KAAK,GAAG,IAAI,UAAU,EAAE,CAAA;YAC9B,MAAM,IAAI,GAAG,UAAU,CAAC,cAAc,CAAC,KAAK,EAAE,GAAG,CAAC,CAAA;YAClD,MAAM,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,EAAE,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC,CAAA;YAC/E,IAAI,CAAC,OAAO,EAAE,CAAA;QAChB,CAAC;QAED,yBAAyB,CAAC,CAA8B;YACtD,MAAM,EAAE,GAAG,EAAE,GAAG,CAAC,CAAC,MAAM,CAAA;YACxB,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,CAAA;QACtB,CAAC;QAED,qBAAqB;YACnB,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,gBAAgB,CAAW,CAAA;YAC/D,IAAI,IAAI,EAAE,CAAC;gBACT,IAAI,CAAC,IAAI,GAAG,CAAC,IAAI,CAAC,IAAI,CAAA;YACxB,CAAC;QACH,CAAC;QAED,oBAAoB;YAClB,MAAM,EAAE,aAAa,GAAG,EAAE,EAAE,GAAG,IAAI,CAAA;YACnC,IAAI,CAAC,aAAa,CAAC,MAAM,EAAE,CAAC;gBAC1B,OAAM;YACR,CAAC;YACD,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,CAAA;QACjC,CAAC;QAEQ,MAAM;YACb,MAAM,EAAE,aAAa,EAAE,GAAG,IAAI,CAAA;YAC9B,MAAM,GAAG,GAAG,IAAI,CAAC,MAAM,KAAK,KAAK,CAAA;YACjC,MAAM,SAAS,GAAG,GAAG,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,cAAc,CAAA;YACrD,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAA;YAC9B,MAAM,OAAO,GAAG,IAAI,CAAA;;;YAGZ,aAAa,IAAI,aAAa,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,eAAe,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,iBAAiB,EAAE;;;kBAGhG,IAAI,CAAC,GAAG;mBACP,IAAI,CAAC,IAAI;oBACR,KAAK;;;;;uBAKF,SAAS;uBACT,IAAI,CAAC,mBAAmB;qBAC1B,IAAI,CAAC,iBAAiB;qBACtB,IAAI,CAAC,gBAAgB;;YAE9B,GAAG;gBACH,CAAC,CAAC,IAAI,CAAA,sDAAsD;gBAC5D,CAAC,CAAC,IAAI,CAAA,6DAA6D;;;KAG1E,CAAA;YACD,OAAO,OAAO,CAAA;QAChB,CAAC;QAES,eAAe,CAAC,QAAkB;YAC1C,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,CAAA;YAC3B,OAAO,IAAI,CAAA;;kCAEmB,IAAI,CAAC,cAAc;;;mDAGF,MAAM;;;;;;;;oBAQrC,IAAI,CAAC,oBAAoB;;;;;;;KAOxC,CAAA;QACH,CAAC;QAES,iBAAiB;YACzB,MAAM,EAAE,WAAW,EAAE,GAAG,IAAI,CAAC,WAAW,CAAA;YACxC,MAAM,QAAQ,GAAG,IAAI,CAAC,MAAM,KAAK,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAA;YAC3D,OAAO,IAAI,CAAA;;;0BAGW,WAAW;uBACd,QAAQ;uBACR,IAAI,CAAC,yBAAyB;;;QAG7C,IAAI,CAAC,iBAAiB,EAAE;KAC3B,CAAA;QACH,CAAC;QAES,iBAAiB;YACzB,MAAM,GAAG,GAAG,IAAI,CAAC,MAAM,KAAK,KAAK,CAAA;YACjC,IAAI,CAAC,GAAG,EAAE,CAAC;gBACT,OAAO,OAAO,CAAA;YAChB,CAAC;YACD,OAAO,IAAI,CAAA;;sEAEuD,IAAI,CAAC,qBAAqB;;;;;;;;;yBASvE,IAAI,CAAC,kBAAkB;;;;;oCAKZ,YAAY;;;;;oCAKZ,WAAW;;;;;oCAKX,GAAG;;;;;;;;;;KAUlC,CAAA;QACH,CAAC;;;;;;;AAtWH;;;GAGG;AACH,kCAmWC","sourcesContent":["import { CSSResult, TemplateResult, html, nothing } from 'lit'\nimport {\n  type IUser,\n  File,\n  type FileBreadcrumb,\n  type IFile,\n  FolderKind,\n  DomainFileKind,\n  DataDomain,\n  DomainFile,\n} from '@api-client/core/browser.js'\nimport { Fragment } from '../../../core/Fragment.js'\nimport services from '../../api_service.js'\nimport state from '../../../decorators/state.js'\nimport { adaptStatic } from '../../../decorators/styles.js'\nimport { api, folderFilled, schemaModel } from '../../../md/icons/Icons.js'\nimport type { MdMenu } from '@material/web/menu/menu.js'\nimport type { MdMenuItem } from '@material/web/menu/menu-item.js'\nimport type { KeydownReason, Reason } from '@material/web/menu/internal/controllers/shared.js'\nimport type { AppInfo } from '../../types.js'\nimport styles from '../filesystem/Files.styles.js'\nimport { Intent, IntentFlags, IntentResult } from '../../../core/ActivityManager.js'\nimport { CREATE_FOLDER, RENAME_FILE } from '../Intents.js'\nimport FilesModel, { FilesSource } from '../../../data/FilesModel.js'\nimport BreadcrumbsModel from '../../../data/BreadcrumbsModel.js'\nimport { readRouteParams, navigateScreen, openApp } from '../../../core/ApplicationRoute.js'\n\nimport '@material/web/icon/icon.js'\nimport '@material/web/menu/menu.js'\nimport '@material/web/menu/menu-item.js'\nimport '@material/web/divider/divider.js'\nimport '@material/web/dialog/dialog.js'\nimport '@material/web/button/text-button.js'\nimport '@material/web/textfield/outlined-text-field.js'\nimport '@material/web/iconbutton/icon-button.js'\nimport '../../../elements/file-system/ui-breadcrumbs.js'\nimport '../../../elements/data-table/filesystem-table.js'\nimport '../../../md/button/ui-filled-button.js'\n\nexport interface FilesystemConfiguration {\n  /**\n   * What kind of files we render.\n   */\n  source?: FilesSource\n  /**\n   * The initial URI\n   */\n  uri?: string\n}\n\nexport interface FilesystemFragmentInteraction {\n  getAppInfo(): AppInfo\n}\n\nconst ownRoot = '/content/create'\nconst sharedRoot = '/content/shared'\n\n/**\n * A UI fragment that is responsible for rendering user files.\n * It uses the sdk to communicate with the server.\n */\nexport default class FilesystemFragment extends Fragment {\n  @adaptStatic\n  static get styles(): CSSResult[] {\n    return [styles]\n  }\n\n  source: FilesSource = 'own'\n\n  files!: FilesModel\n\n  breadcrumbs!: BreadcrumbsModel\n\n  #oid?: string\n\n  /**\n   * The current organization id.\n   */\n  get oid(): string {\n    const oid = this.#oid\n    if (!oid) {\n      throw new Error(`OrganizationID is not set on the filesystem fragment.`)\n    }\n    return oid\n  }\n\n  /**\n   * The current user\n   */\n  user!: IUser\n\n  @state() accessor errorMessage: string | undefined\n\n  @state() accessor selectedItems: string[] | undefined\n\n  override async onCreate(data?: FilesystemConfiguration): Promise<void> {\n    super.onCreate(data)\n    let parent: string | undefined\n    if (data) {\n      if (data.source) {\n        this.source = data.source\n      }\n      if (data.uri) {\n        const result = readRouteParams([`${ownRoot}/(?<parent>.*)`, `${sharedRoot}/(?<parent>.*)`], data.uri)\n        if (result && result.parent) {\n          parent = result.parent as string\n        }\n      }\n    }\n    const sdk = await services.get('sdk')\n    const org = await services.get('org')\n    const userService = await services.get('user')\n    const current = await org.currentOrganization()\n    if (!current) {\n      throw new Error(`No current organization.`)\n    }\n    const user = await userService.getUser()\n    if (!user) {\n      throw new Error(`No current user.`)\n    }\n    this.user = user\n    this.#oid = current.key\n    this.files = new FilesModel(current.key, sdk, this.source)\n    this.files.parent = parent\n    this.files.addEventListener('error', (e: Event) => {\n      const event = e as CustomEvent<string>\n      this.errorMessage = event.detail\n    })\n    this.breadcrumbs = new BreadcrumbsModel(current.key, sdk)\n    this.breadcrumbs.parent = parent\n  }\n\n  override onResume(): void | Promise<void> {\n    super.onResume()\n    this.refresh()\n  }\n\n  async refresh(): Promise<void> {\n    this.clearSelection()\n    this.files.resetListState()\n    this.files.scheduleQuery()\n    this.breadcrumbs.reset()\n    this.breadcrumbs.scheduleQuery(this.files.parent)\n  }\n\n  async openFolder(key?: string): Promise<void> {\n    this.files.selectFolder(key)\n    this.breadcrumbs.reset()\n    this.breadcrumbs.scheduleQuery(key)\n    this.clearSelection()\n    const params: string[] = [this.source === 'own' ? ownRoot : sharedRoot]\n    if (key) {\n      params.push(key)\n    }\n    navigateScreen(...params)\n  }\n\n  async openFile(file: IFile): Promise<void> {\n    const { kind, key } = file\n    if (kind === DomainFileKind) {\n      openApp('schema.html', 'schema', this.oid, key)\n    } else {\n      throw new Error(`Unknown activation item: ${kind}`)\n    }\n  }\n\n  async deleteFiles(keys: string[]): Promise<void> {\n    const sdk = await services.get('sdk')\n    await sdk.file.deleteBulk(this.oid, keys)\n    this.files.removeFiles(keys)\n    this.requestUpdate()\n  }\n\n  protected itemActivateHandler(e: CustomEvent<IFile>): void {\n    const item = e.detail\n    const { kind } = item\n    if (kind === FolderKind) {\n      this.openFolder(item.key)\n    } else if (kind === DomainFileKind) {\n      this.openFile(item)\n    } else {\n      throw new Error(`Unknown activation item: ${kind}`)\n    }\n  }\n\n  protected handleTableSelect(e: CustomEvent<{ selectedItems: IFile[] }>): void {\n    const items = e.detail.selectedItems\n    this.selectedItems = items.map((i) => i.key)\n    this.requestUpdate()\n  }\n\n  clearSelection(): void {\n    this.selectedItems = undefined\n    this.requestUpdate()\n  }\n\n  protected handleFileAction(e: CustomEvent<{ key: string; action: string }>): void {\n    const { key, action } = e.detail\n    const item = this.files.getFile(key)\n    if (!item) {\n      return\n    }\n    const file = new File().new(item)\n    if (action === 'rename') {\n      const intent: Intent = {\n        action: RENAME_FILE,\n        flags: IntentFlags.Modal | IntentFlags.ForResult,\n        data: file.toJSON(), // removes the Proxy object. Intents are copied.\n      }\n      this.startActivityForResult(intent)\n    } else if (action === 'delete') {\n      this.deleteFiles([item.key])\n    } else if (action === 'open') {\n      if (file.isFile()) {\n        this.openFile(item)\n      } else if (file.isFolder()) {\n        this.openFolder(file.key)\n      }\n    } else if (action === 'move') {\n      //\n    } else if (action === 'share') {\n      //\n    }\n  }\n\n  /**\n   * The callback method that is triggered when another activity that was\n   * started for result finishes.\n   *\n   * @param requestCode The request code that was used to start the activity.\n   * @param data The data that was passed back.\n   * @param intent The intent that was used to start the activity.\n   */\n  override async onActivityResult(requestCode: number, resultCode: IntentResult, intent: Intent): Promise<void> {\n    await super.onActivityResult(requestCode, resultCode, intent)\n    if (resultCode === IntentResult.RESULT_CANCELED) {\n      return\n    }\n    if (intent.action === RENAME_FILE) {\n      const updated = intent.data as IFile\n      this.files.replaceFile(updated)\n      this.requestUpdate()\n    } else if (intent.action === CREATE_FOLDER) {\n      const created = intent.data as IFile\n      this.files.addFile(created)\n      this.requestUpdate()\n    }\n  }\n\n  handleAddMenuClose(e: CustomEvent<{ initiator: MdMenuItem; reason: Reason; itemPath: MdMenuItem[] }>): void {\n    const { reason, initiator } = e.detail\n    if (reason.kind === 'keydown') {\n      const typedReason = reason as KeydownReason\n      if (typedReason.key === 'Escape') {\n        return\n      }\n    }\n    const { action = '' } = initiator.dataset\n    if (action === 'folder') {\n      const intent: Intent = {\n        action: CREATE_FOLDER,\n        flags: IntentFlags.Modal | IntentFlags.ForResult,\n        data: {\n          parent: this.files.parent,\n        },\n      }\n      this.startActivityForResult(intent)\n    } else if (action === 'data') {\n      this.createDataModel()\n    }\n  }\n\n  async createDataModel(): Promise<void> {\n    const { oid } = this\n    const sdk = await services.get('sdk')\n    const media = new DataDomain()\n    const file = DomainFile.fromDataDomain(media, oid)\n    await sdk.file.create(file.toJSON(), media, oid, { parent: this.files.parent })\n    this.refresh()\n  }\n\n  handleBreadcrumbsNavigate(e: CustomEvent<FileBreadcrumb>): void {\n    const { key } = e.detail\n    this.openFolder(key)\n  }\n\n  handleOpenNewFileMenu(): void {\n    const menu = document.querySelector('#new-file-menu') as MdMenu\n    if (menu) {\n      menu.open = !menu.open\n    }\n  }\n\n  handleDeleteSelected(): void {\n    const { selectedItems = [] } = this\n    if (!selectedItems.length) {\n      return\n    }\n    this.deleteFiles(selectedItems)\n  }\n\n  override render(): TemplateResult {\n    const { selectedItems } = this\n    const own = this.source === 'own'\n    const ariaLabel = own ? 'Your files' : 'Shared files'\n    const files = this.files.files\n    const content = html`\n      <div class=\"files-activity activity\">\n        <div class=\"section-header\">\n          ${selectedItems && selectedItems.length ? this.renderSelection(selectedItems) : this.renderBreadcrumbs()}\n        </div>\n        <filesystem-table\n          .oid=\"${this.oid}\"\n          .user=\"${this.user}\"\n          .items=\"${files}\"\n          selection=\"multi\"\n          active\n          sort=\"name\"\n          sortDirection=\"desc\"\n          ariaLabel=\"${ariaLabel}\"\n          @activate=\"${this.itemActivateHandler}\"\n          @select=\"${this.handleTableSelect}\"\n          @action=\"${this.handleFileAction}\"\n        >\n          ${own\n            ? html`<p slot=\"empty\" class=\"empty\">You have no files.</p>`\n            : html`<p slot=\"empty\" class=\"empty\">You have no shared files.</p>`}\n        </filesystem-table>\n      </div>\n    `\n    return content\n  }\n\n  protected renderSelection(selected: string[]): TemplateResult {\n    const { length } = selected\n    return html`\n      <div class=\"file-selection-info\">\n        <md-icon-button @click=\"${this.clearSelection}\" title=\"Clear selection\" aria-label=\"Clear selection\">\n          <md-icon>close</md-icon>\n        </md-icon-button>\n        <span class=\"selection-label body-large\">${length} selected</span>\n        <md-icon-button title=\"Share selected\" aria-label=\"Share selected\">\n          <md-icon>person_add</md-icon>\n        </md-icon-button>\n        <!-- <md-icon-button>\n          <md-icon>drive_file_move</md-icon>\n        </md-icon-button> -->\n        <md-icon-button\n          @click=\"${this.handleDeleteSelected}\"\n          title=\"Move selected to trash\"\n          aria-label=\"Move selected to trash\"\n        >\n          <md-icon>delete</md-icon>\n        </md-icon-button>\n      </div>\n    `\n  }\n\n  protected renderBreadcrumbs(): TemplateResult {\n    const { breadcrumbs } = this.breadcrumbs\n    const rootName = this.source === 'own' ? 'Files' : 'Shared'\n    return html`\n      <div class=\"breadcrumbs\">\n        <ui-breadcrumbs\n          .breadcrumbs=\"${breadcrumbs}\"\n          root-name=\"${rootName}\"\n          @navigate=\"${this.handleBreadcrumbsNavigate}\"\n        ></ui-breadcrumbs>\n      </div>\n      ${this.renderAddFileMenu()}\n    `\n  }\n\n  protected renderAddFileMenu(): TemplateResult | typeof nothing {\n    const own = this.source === 'own'\n    if (!own) {\n      return nothing\n    }\n    return html`\n      <span class=\"menu-area\">\n        <ui-filled-button id=\"new-file-anchor\" trailingicon @click=\"${this.handleOpenNewFileMenu}\">\n          Add\n          <md-icon slot=\"icon\">arrow_drop_down</md-icon>\n        </ui-filled-button>\n        <md-menu\n          positioning=\"popover\"\n          id=\"new-file-menu\"\n          anchor=\"new-file-anchor\"\n          y-offset=\"8\"\n          @close-menu=\"${this.handleAddMenuClose}\"\n        >\n          <md-menu-item data-action=\"folder\">\n            <div slot=\"headline\">Folder</div>\n            <div slot=\"supporting-text\">A folder for your domains</div>\n            <md-icon slot=\"start\">${folderFilled}</md-icon>\n          </md-menu-item>\n          <md-menu-item data-action=\"data\">\n            <div slot=\"headline\">Data model</div>\n            <div slot=\"supporting-text\">Define your data</div>\n            <md-icon slot=\"start\">${schemaModel}</md-icon>\n          </md-menu-item>\n          <md-menu-item data-action=\"api\">\n            <div slot=\"headline\">API</div>\n            <div slot=\"supporting-text\">Make data actionable</div>\n            <md-icon slot=\"start\">${api}</md-icon>\n          </md-menu-item>\n          <md-divider></md-divider>\n          <md-menu-item data-action=\"import\">\n            <div slot=\"headline\">Import data model</div>\n            <div slot=\"supporting-text\">Use well-know domains</div>\n            <md-icon slot=\"start\">download_2</md-icon>\n          </md-menu-item>\n        </md-menu>\n      </span>\n    `\n  }\n}\n"]}

package/build/src/apps/quick-api/fragments/HeaderFragment.d.ts

@@ -0,0 +1,23 @@
+import { type TemplateResult } from 'lit';
+import { IUser } from '@api-client/core/browser.js';
+import { Fragment } from '../../../core/Fragment.js';
+import type { StartScreenViewModel } from '../StartScreenActivity.js';
+import type { LiveData } from '../../../core/LiveData.js';
+import '@material/web/focus/md-focus-ring.js';
+import '@material/web/icon/icon.js';
+import '@material/web/iconbutton/icon-button.js';
+import '../../../md/button/ui-filled-tonal-button.js';
+import '../../../elements/user/ui-user-avatar.js';
+/**
+ * The fragment that renders the Start application header.
+ */
+export default class HeaderFragment extends Fragment {
+    viewModel?: LiveData<StartScreenViewModel>;
+    organizationName?: string;
+    user?: IUser;
+    onCreate(data?: unknown): Promise<void>;
+    onResume(): Promise<void>;
+    render(): TemplateResult;
+    renderHeader(): TemplateResult;
+}
+//# sourceMappingURL=HeaderFragment.d.ts.map

package/build/src/apps/quick-api/fragments/HeaderFragment.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderFragment.d.ts","sourceRoot":"","sources":["../../../../../src/apps/quick-api/fragments/HeaderFragment.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAQ,MAAM,KAAK,CAAA;AAC/C,OAAO,EAAE,KAAK,EAAE,MAAM,6BAA6B,CAAA;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAA;AAGpD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAA;AACrE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAA;AAEzD,OAAO,sCAAsC,CAAA;AAC7C,OAAO,4BAA4B,CAAA;AACnC,OAAO,yCAAyC,CAAA;AAChD,OAAO,8CAA8C,CAAA;AACrD,OAAO,0CAA0C,CAAA;AAEjD;;GAEG;AACH,MAAM,CAAC,OAAO,OAAO,cAAe,SAAQ,QAAQ;IAClD,SAAS,CAAC,EAAE,QAAQ,CAAC,oBAAoB,CAAC,CAAA;IAC1C,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,IAAI,CAAC,EAAE,KAAK,CAAA;IAEG,QAAQ,CAAC,IAAI,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC;IAOvC,QAAQ,IAAI,OAAO,CAAC,IAAI,CAAC;IAS/B,MAAM,IAAI,cAAc;IAIjC,YAAY,IAAI,cAAc;CA6B/B"}

package/build/src/apps/quick-api/fragments/HeaderFragment.js

@@ -0,0 +1,64 @@
+import { html } from 'lit';
+import { Fragment } from '../../../core/Fragment.js';
+import { ai as AiIcon } from '../../../md/icons/Icons.js';
+import services from '../../api_service.js';
+import '@material/web/focus/md-focus-ring.js';
+import '@material/web/icon/icon.js';
+import '@material/web/iconbutton/icon-button.js';
+import '../../../md/button/ui-filled-tonal-button.js';
+import '../../../elements/user/ui-user-avatar.js';
+/**
+ * The fragment that renders the Start application header.
+ */
+export default class HeaderFragment extends Fragment {
+    viewModel;
+    organizationName;
+    user;
+    async onCreate(data) {
+        await super.onCreate(data);
+        if (data && typeof data === 'object') {
+            this.viewModel = data;
+        }
+    }
+    async onResume() {
+        await super.onResume();
+        const userService = await services.get('user');
+        const orgService = await services.get('org');
+        this.user = (await userService.getUser()) || undefined;
+        const org = await orgService.currentOrganization();
+        this.organizationName = org?.name;
+    }
+    render() {
+        return this.renderHeader();
+    }
+    renderHeader() {
+        return html `
+      <div class="main-search">
+        <md-focus-ring part="focus-ring" for="search-input"></md-focus-ring>
+        <md-icon class="search-icon">search</md-icon>
+        <input
+          class="search-input body-large"
+          id="search-input"
+          type="search"
+          placeholder="Find files"
+          autocomplete="off"
+        />
+      </div>
+      <md-icon-button class="gap-icon" aria-label="Help topics">
+        <md-icon>help</md-icon>
+      </md-icon-button>
+      <md-icon-button aria-label="Application settings">
+        <md-icon>settings</md-icon>
+      </md-icon-button>
+      <md-icon-button aria-label="AI Copilot">
+        <md-icon>${AiIcon}</md-icon>
+      </md-icon-button>
+      <ui-filled-tonal-button trailingicon aria-label="Current organization">
+        ${this.organizationName}
+        <md-icon slot="icon">arrow_drop_down</md-icon>
+      </ui-filled-tonal-button>
+      <ui-user-avatar .user="${this.user}"></ui-user-avatar>
+    `;
+    }
+}
+//# sourceMappingURL=HeaderFragment.js.map

package/build/src/apps/quick-api/fragments/HeaderFragment.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderFragment.js","sourceRoot":"","sources":["../../../../../src/apps/quick-api/fragments/HeaderFragment.ts"],"names":[],"mappings":"AAAA,OAAO,EAAuB,IAAI,EAAE,MAAM,KAAK,CAAA;AAE/C,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAA;AACpD,OAAO,EAAE,EAAE,IAAI,MAAM,EAAE,MAAM,4BAA4B,CAAA;AACzD,OAAO,QAAQ,MAAM,sBAAsB,CAAA;AAI3C,OAAO,sCAAsC,CAAA;AAC7C,OAAO,4BAA4B,CAAA;AACnC,OAAO,yCAAyC,CAAA;AAChD,OAAO,8CAA8C,CAAA;AACrD,OAAO,0CAA0C,CAAA;AAEjD;;GAEG;AACH,MAAM,CAAC,OAAO,OAAO,cAAe,SAAQ,QAAQ;IAClD,SAAS,CAAiC;IAC1C,gBAAgB,CAAS;IACzB,IAAI,CAAQ;IAEH,KAAK,CAAC,QAAQ,CAAC,IAAc;QACpC,MAAM,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAA;QAC1B,IAAI,IAAI,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE,CAAC;YACrC,IAAI,CAAC,SAAS,GAAG,IAAsC,CAAA;QACzD,CAAC;IACH,CAAC;IAEQ,KAAK,CAAC,QAAQ;QACrB,MAAM,KAAK,CAAC,QAAQ,EAAE,CAAA;QACtB,MAAM,WAAW,GAAG,MAAM,QAAQ,CAAC,GAAG,CAAC,MAAM,CAAC,CAAA;QAC9C,MAAM,UAAU,GAAG,MAAM,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,CAAA;QAC5C,IAAI,CAAC,IAAI,GAAG,CAAC,MAAM,WAAW,CAAC,OAAO,EAAE,CAAC,IAAI,SAAS,CAAA;QACtD,MAAM,GAAG,GAAG,MAAM,UAAU,CAAC,mBAAmB,EAAE,CAAA;QAClD,IAAI,CAAC,gBAAgB,GAAG,GAAG,EAAE,IAAI,CAAA;IACnC,CAAC;IAEQ,MAAM;QACb,OAAO,IAAI,CAAC,YAAY,EAAE,CAAA;IAC5B,CAAC;IAED,YAAY;QACV,OAAO,IAAI,CAAA;;;;;;;;;;;;;;;;;;;mBAmBI,MAAM;;;UAGf,IAAI,CAAC,gBAAgB;;;+BAGA,IAAI,CAAC,IAAI;KACnC,CAAA;IACH,CAAC;CACF","sourcesContent":["import { type TemplateResult, html } from 'lit'\nimport { IUser } from '@api-client/core/browser.js'\nimport { Fragment } from '../../../core/Fragment.js'\nimport { ai as AiIcon } from '../../../md/icons/Icons.js'\nimport services from '../../api_service.js'\nimport type { StartScreenViewModel } from '../StartScreenActivity.js'\nimport type { LiveData } from '../../../core/LiveData.js'\n\nimport '@material/web/focus/md-focus-ring.js'\nimport '@material/web/icon/icon.js'\nimport '@material/web/iconbutton/icon-button.js'\nimport '../../../md/button/ui-filled-tonal-button.js'\nimport '../../../elements/user/ui-user-avatar.js'\n\n/**\n * The fragment that renders the Start application header.\n */\nexport default class HeaderFragment extends Fragment {\n  viewModel?: LiveData<StartScreenViewModel>\n  organizationName?: string\n  user?: IUser\n\n  override async onCreate(data?: unknown): Promise<void> {\n    await super.onCreate(data)\n    if (data && typeof data === 'object') {\n      this.viewModel = data as LiveData<StartScreenViewModel>\n    }\n  }\n\n  override async onResume(): Promise<void> {\n    await super.onResume()\n    const userService = await services.get('user')\n    const orgService = await services.get('org')\n    this.user = (await userService.getUser()) || undefined\n    const org = await orgService.currentOrganization()\n    this.organizationName = org?.name\n  }\n\n  override render(): TemplateResult {\n    return this.renderHeader()\n  }\n\n  renderHeader(): TemplateResult {\n    return html`\n      <div class=\"main-search\">\n        <md-focus-ring part=\"focus-ring\" for=\"search-input\"></md-focus-ring>\n        <md-icon class=\"search-icon\">search</md-icon>\n        <input\n          class=\"search-input body-large\"\n          id=\"search-input\"\n          type=\"search\"\n          placeholder=\"Find files\"\n          autocomplete=\"off\"\n        />\n      </div>\n      <md-icon-button class=\"gap-icon\" aria-label=\"Help topics\">\n        <md-icon>help</md-icon>\n      </md-icon-button>\n      <md-icon-button aria-label=\"Application settings\">\n        <md-icon>settings</md-icon>\n      </md-icon-button>\n      <md-icon-button aria-label=\"AI Copilot\">\n        <md-icon>${AiIcon}</md-icon>\n      </md-icon-button>\n      <ui-filled-tonal-button trailingicon aria-label=\"Current organization\">\n        ${this.organizationName}\n        <md-icon slot=\"icon\">arrow_drop_down</md-icon>\n      </ui-filled-tonal-button>\n      <ui-user-avatar .user=\"${this.user}\"></ui-user-avatar>\n    `\n  }\n}\n"]}

package/build/src/apps/quick-api/fragments/MainFragment.d.ts

@@ -0,0 +1,17 @@
+import { Fragment } from '../../../core/Fragment.js';
+import { type FilesystemFragmentInteraction } from './FilesystemFragment.js';
+import type { StartScreenViewModel } from '../StartScreenActivity.js';
+import type { LiveData } from '../../../core/LiveData.js';
+export interface MainFragmentInteraction extends FilesystemFragmentInteraction {
+}
+/**
+ * The fragment that renders Start screen main views.
+ * It is a host for other fragments.
+ */
+export default class MainFragment extends Fragment {
+    viewModel?: LiveData<StartScreenViewModel>;
+    onCreate(data?: unknown): Promise<void>;
+    handleLiveData(e: Event): Promise<void>;
+    onResume(): Promise<void>;
+}
+//# sourceMappingURL=MainFragment.d.ts.map

package/build/src/apps/quick-api/fragments/MainFragment.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MainFragment.d.ts","sourceRoot":"","sources":["../../../../../src/apps/quick-api/fragments/MainFragment.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAA;AACpD,OAA2B,EAAE,KAAK,6BAA6B,EAAE,MAAM,yBAAyB,CAAA;AAChG,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAA;AACrE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAA;AAIzD,MAAM,WAAW,uBAAwB,SAAQ,6BAA6B;CAAG;AAEjF;;;GAGG;AACH,MAAM,CAAC,OAAO,OAAO,YAAa,SAAQ,QAAQ;IAChD,SAAS,CAAC,EAAE,QAAQ,CAAC,oBAAoB,CAAC,CAAA;IAE3B,QAAQ,CAAC,IAAI,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC;IAahD,cAAc,CAAC,CAAC,EAAE,KAAK,GAAG,OAAO,CAAC,IAAI,CAAC;IAY9B,QAAQ,IAAI,OAAO,CAAC,IAAI,CAAC;CAKzC"}

package/build/src/apps/quick-api/fragments/MainFragment.js

@@ -0,0 +1,39 @@
+import { Fragment } from '../../../core/Fragment.js';
+import FilesystemFragment from './FilesystemFragment.js';
+import TrashFragment from './TrashFragment.js';
+/**
+ * The fragment that renders Start screen main views.
+ * It is a host for other fragments.
+ */
+export default class MainFragment extends Fragment {
+    viewModel;
+    async onCreate(data) {
+        await super.onCreate(data);
+        let uri;
+        if (data && typeof data === 'object') {
+            this.viewModel = data;
+            this.viewModel.addEventListener('update', this.handleLiveData.bind(this));
+            uri = this.viewModel.value.uri;
+        }
+        this.addChild('/content/create', new FilesystemFragment({ parent: this }), { source: 'own', uri });
+        this.addChild('/content/shared', new FilesystemFragment({ parent: this }), { source: 'shared', uri });
+        this.addChild('/content/trash', new TrashFragment({ parent: this }));
+    }
+    async handleLiveData(e) {
+        const event = e;
+        const { path, value } = event.detail;
+        if (path === 'uri') {
+            const [current] = this.fragmentManager.getVisible();
+            if (current) {
+                await this.fragmentManager.hideFragment(current);
+            }
+            await this.fragmentManager.showFragment(value);
+        }
+    }
+    async onResume() {
+        const atoms = (this.viewModel?.value.uri || '/content/create').split('/').filter(Boolean);
+        const current = `/${atoms[0]}/${atoms[1]}`;
+        await this.fragmentManager.showFragment(current);
+    }
+}
+//# sourceMappingURL=MainFragment.js.map

package/build/src/apps/quick-api/fragments/MainFragment.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MainFragment.js","sourceRoot":"","sources":["../../../../../src/apps/quick-api/fragments/MainFragment.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAA;AACpD,OAAO,kBAA0D,MAAM,yBAAyB,CAAA;AAGhG,OAAO,aAAa,MAAM,oBAAoB,CAAA;AAK9C;;;GAGG;AACH,MAAM,CAAC,OAAO,OAAO,YAAa,SAAQ,QAAQ;IAChD,SAAS,CAAiC;IAEjC,KAAK,CAAC,QAAQ,CAAC,IAAc;QACpC,MAAM,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAA;QAC1B,IAAI,GAAuB,CAAA;QAC3B,IAAI,IAAI,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE,CAAC;YACrC,IAAI,CAAC,SAAS,GAAG,IAAsC,CAAA;YACvD,IAAI,CAAC,SAAS,CAAC,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAA;YACzE,GAAG,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,GAAG,CAAA;QAChC,CAAC;QACD,IAAI,CAAC,QAAQ,CAAC,iBAAiB,EAAE,IAAI,kBAAkB,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC,CAAA;QAClG,IAAI,CAAC,QAAQ,CAAC,iBAAiB,EAAE,IAAI,kBAAkB,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,CAAA;QACrG,IAAI,CAAC,QAAQ,CAAC,gBAAgB,EAAE,IAAI,aAAa,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC,CAAA;IACtE,CAAC;IAED,KAAK,CAAC,cAAc,CAAC,CAAQ;QAC3B,MAAM,KAAK,GAAG,CAAyE,CAAA;QACvF,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC,MAAM,CAAA;QACpC,IAAI,IAAI,KAAK,KAAK,EAAE,CAAC;YACnB,MAAM,CAAC,OAAO,CAAC,GAAG,IAAI,CAAC,eAAe,CAAC,UAAU,EAAE,CAAA;YACnD,IAAI,OAAO,EAAE,CAAC;gBACZ,MAAM,IAAI,CAAC,eAAe,CAAC,YAAY,CAAC,OAAO,CAAC,CAAA;YAClD,CAAC;YACD,MAAM,IAAI,CAAC,eAAe,CAAC,YAAY,CAAC,KAAe,CAAC,CAAA;QAC1D,CAAC;IACH,CAAC;IAEQ,KAAK,CAAC,QAAQ;QACrB,MAAM,KAAK,GAAG,CAAC,IAAI,CAAC,SAAS,EAAE,KAAK,CAAC,GAAG,IAAI,iBAAiB,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAA;QACzF,MAAM,OAAO,GAAG,IAAI,KAAK,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC,EAAE,CAAA;QAC1C,MAAM,IAAI,CAAC,eAAe,CAAC,YAAY,CAAC,OAAO,CAAC,CAAA;IAClD,CAAC;CACF","sourcesContent":["import { Fragment } from '../../../core/Fragment.js'\nimport FilesystemFragment, { type FilesystemFragmentInteraction } from './FilesystemFragment.js'\nimport type { StartScreenViewModel } from '../StartScreenActivity.js'\nimport type { LiveData } from '../../../core/LiveData.js'\nimport TrashFragment from './TrashFragment.js'\n\n// eslint-disable-next-line @typescript-eslint/no-empty-object-type\nexport interface MainFragmentInteraction extends FilesystemFragmentInteraction {}\n\n/**\n * The fragment that renders Start screen main views.\n * It is a host for other fragments.\n */\nexport default class MainFragment extends Fragment {\n  viewModel?: LiveData<StartScreenViewModel>\n\n  override async onCreate(data?: unknown): Promise<void> {\n    await super.onCreate(data)\n    let uri: string | undefined\n    if (data && typeof data === 'object') {\n      this.viewModel = data as LiveData<StartScreenViewModel>\n      this.viewModel.addEventListener('update', this.handleLiveData.bind(this))\n      uri = this.viewModel.value.uri\n    }\n    this.addChild('/content/create', new FilesystemFragment({ parent: this }), { source: 'own', uri })\n    this.addChild('/content/shared', new FilesystemFragment({ parent: this }), { source: 'shared', uri })\n    this.addChild('/content/trash', new TrashFragment({ parent: this }))\n  }\n\n  async handleLiveData(e: Event): Promise<void> {\n    const event = e as CustomEvent<{ prop: string | symbol; path: string; value: unknown }>\n    const { path, value } = event.detail\n    if (path === 'uri') {\n      const [current] = this.fragmentManager.getVisible()\n      if (current) {\n        await this.fragmentManager.hideFragment(current)\n      }\n      await this.fragmentManager.showFragment(value as string)\n    }\n  }\n\n  override async onResume(): Promise<void> {\n    const atoms = (this.viewModel?.value.uri || '/content/create').split('/').filter(Boolean)\n    const current = `/${atoms[0]}/${atoms[1]}`\n    await this.fragmentManager.showFragment(current)\n  }\n}\n"]}

package/build/src/apps/quick-api/fragments/NavigationFragment.d.ts

@@ -0,0 +1,19 @@
+import { type TemplateResult } from 'lit';
+import { Fragment } from '../../../core/Fragment.js';
+import type { StartScreenViewModel } from '../StartScreenActivity.js';
+import type { LiveData } from '../../../core/LiveData.js';
+import '@material/web/iconbutton/icon-button';
+import '@material/web/icon/icon';
+import '../../../elements/navigation/ui-navigation-item.js';
+/**
+ * The fragment that renders the Start application navigation.
+ * Note, the fragment should be placed inside a `<nav>` element.
+ */
+export default class NavigationFragment extends Fragment {
+    viewModel?: LiveData<StartScreenViewModel>;
+    onCreate(data?: unknown): Promise<void>;
+    mainNavHandler(e: Event): void;
+    render(): TemplateResult;
+    renderNavigation(): TemplateResult;
+}
+//# sourceMappingURL=NavigationFragment.d.ts.map