@api-client/ui 0.0.17 → 0.1.0

package/build/src/elements/data-table/internals/FilesystemDataTable.js

@@ -1,237 +0,0 @@
-import { __esDecorate, __runInitializers } from "tslib";
-import { html } from 'lit';
-import { DataTable } from './DataTable.js';
-import { property } from 'lit/decorators.js';
-import { until } from 'lit/directives/until.js';
-import { FolderKind } from '@api-client/core/browser.js';
-import UserCache from '../../../lib/UserCache.js';
-import { relativeDay } from '../../../lib/time/Conversion.js';
-import { fileIcon } from '../../../apps/quick-api/filesystem/FilesLib.js';
-import '@material/web/iconbutton/icon-button.js';
-import '@material/web/menu/menu.js';
-import '@material/web/menu/menu-item.js';
-import '@material/web/divider/divider.js';
-import '@material/web/icon/icon.js';
-let FilesystemDataTable = (() => {
-    let _classSuper = DataTable;
-    let _user_decorators;
-    let _user_initializers = [];
-    let _user_extraInitializers = [];
-    let _oid_decorators;
-    let _oid_initializers = [];
-    let _oid_extraInitializers = [];
-    return class FilesystemDataTable extends _classSuper {
-        static {
-            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
-            _user_decorators = [property({ type: Object })];
-            _oid_decorators = [property({ type: String })];
-            __esDecorate(this, null, _user_decorators, { kind: "accessor", name: "user", static: false, private: false, access: { has: obj => "user" in obj, get: obj => obj.user, set: (obj, value) => { obj.user = value; } }, metadata: _metadata }, _user_initializers, _user_extraInitializers);
-            __esDecorate(this, null, _oid_decorators, { kind: "accessor", name: "oid", static: false, private: false, access: { has: obj => "oid" in obj, get: obj => obj.oid, set: (obj, value) => { obj.oid = value; } }, metadata: _metadata }, _oid_initializers, _oid_extraInitializers);
-            if (_metadata) Object.defineProperty(this, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
-        }
-        #user_accessor_storage = __runInitializers(this, _user_initializers, void 0);
-        get user() { return this.#user_accessor_storage; }
-        set user(value) { this.#user_accessor_storage = value; }
-        #oid_accessor_storage = (__runInitializers(this, _user_extraInitializers), __runInitializers(this, _oid_initializers, void 0));
-        get oid() { return this.#oid_accessor_storage; }
-        set oid(value) { this.#oid_accessor_storage = value; }
-        handleOptionsMenuClick(e) {
-            const target = e.target;
-            const { key } = target.dataset;
-            if (!key) {
-                return;
-            }
-            const menu = this.shadowRoot?.querySelector(`.item-menu[data-key="${key}"]`);
-            if (!menu) {
-                return;
-            }
-            menu.open = !menu.open;
-        }
-        handleFileMenuClose(e) {
-            const { reason, initiator } = e.detail;
-            if (reason.kind === 'keydown') {
-                const typedReason = reason;
-                if (typedReason.key === 'Escape') {
-                    return;
-                }
-            }
-            const menu = e.currentTarget;
-            const { key } = menu.dataset;
-            if (!key) {
-                return;
-            }
-            const { action } = initiator.dataset;
-            if (!action) {
-                return;
-            }
-            this.dispatchEvent(new CustomEvent('action', { detail: { key, action } }));
-        }
-        renderEmpty() {
-            return html `<slot name="empty"><p class="empty">You have no files.</p></slot>`;
-        }
-        renderHeader() {
-            return [
-                this.renderHeaderCell('Name', 0, { sort: 'name' }),
-                this.renderHeaderCell('Owner', 1),
-                this.renderHeaderCell('Updated', 2),
-                this.renderHeaderCell(html `<span hidden aria-label="Row options">Menu</span>`, 3, { delegateFocus: true }),
-            ];
-        }
-        renderRowValues(item, index) {
-            return [
-                this.#nameCell(item, index, 0),
-                this.#ownerCell(item, index, 1),
-                this.#updatedCell(item, index, 2),
-                this.renderCell(this.#renderFileMenu(item), index, 3, { classes: ['actions'], delegateFocus: true }),
-            ];
-        }
-        #nameCell(item, row, col) {
-            const icon = fileIcon(item);
-            const content = html `<md-icon class="cell-icon" role="presentation">${icon}</md-icon> ${item.info.name}`;
-            return this.renderCell(content, row, col, { classes: ['primary-cell'], isPrimary: true });
-        }
-        #ownerCell(item, row, col) {
-            const opts = {
-                classes: ['owner'],
-            };
-            const { user } = this;
-            if (!user) {
-                return this.renderCell(html `--`, row, col, opts);
-            }
-            if (item.owner === user.key) {
-                return this.renderCell(html `<span aria-label="Owned by me">me</span>`, row, col, opts);
-            }
-            const content = this.#ownerCellAsync(item.owner);
-            const loader = html `<span class="owner-loading">loading...</span>`;
-            return this.renderCell(html `${until(content, loader)}`, row, col, opts);
-        }
-        async #ownerCellAsync(key) {
-            const { oid } = this;
-            if (!key || !oid) {
-                return html ` <span aria-label="Owned by unknown user">unknown</span> `;
-            }
-            const user = await UserCache.getUser(oid, key);
-            if (!user) {
-                return html ` <span aria-label="Owned by unknown user">unknown</span> `;
-            }
-            return html `<span aria-label="Owned by ${user.name}">${user.name}</span>`;
-        }
-        #updatedCell(item, row, col) {
-            const opts = {
-                classes: ['updated'],
-            };
-            const { lastModified } = item;
-            const relative = relativeDay(lastModified.time);
-            return this.renderCell(html `<span>${relative}</span>`, row, col, opts);
-        }
-        #renderFileMenu(item) {
-            return item.kind === FolderKind ? this.#renderFolderOptions(item) : this.#renderFileOptions(item);
-        }
-        #renderFolderOptions(item) {
-            const { key } = item;
-            return html `
-      <md-icon-button
-        data-key="${key}"
-        id="anchor-${key}"
-        @click="${this.handleOptionsMenuClick}"
-        aria-controls="menu-${key}"
-        tabindex="-1"
-      >
-        <md-icon>more_vert</md-icon>
-      </md-icon-button>
-      <md-menu
-        class="item-menu"
-        positioning="popover"
-        id="menu-${key}"
-        anchor="anchor-${key}"
-        y-offset="8"
-        data-key="${key}"
-        @close-menu="${this.handleFileMenuClose}"
-      >
-        <md-menu-item data-action="open">
-          <div slot="headline">Open</div>
-          <md-icon slot="start">folder_open</md-icon>
-        </md-menu-item>
-        <md-menu-item data-action="share">
-          <div slot="headline">Share</div>
-          <md-icon slot="start">person_add</md-icon>
-        </md-menu-item>
-        <md-divider></md-divider>
-        <md-menu-item data-action="move">
-          <div slot="headline">Move</div>
-          <md-icon slot="start">drive_file_move</md-icon>
-        </md-menu-item>
-        <md-menu-item data-action="rename">
-          <div slot="headline">Rename</div>
-          <md-icon slot="start">edit</md-icon>
-        </md-menu-item>
-        <md-divider></md-divider>
-        <md-menu-item data-action="delete">
-          <div slot="headline">Delete</div>
-          <md-icon slot="start">delete</md-icon>
-        </md-menu-item>
-      </md-menu>
-    `;
-        }
-        #renderFileOptions(item) {
-            const { key } = item;
-            return html `
-      <md-icon-button
-        data-key="${key}"
-        id="anchor-${key}"
-        @click="${this.handleOptionsMenuClick}"
-        aria-controls="menu-${key}"
-        tabindex="-1"
-      >
-        <md-icon>more_vert</md-icon>
-      </md-icon-button>
-      <md-menu
-        class="item-menu"
-        positioning="popover"
-        id="menu-${key}"
-        anchor="anchor-${key}"
-        y-offset="8"
-        data-key="${key}"
-        @close-menu="${this.handleFileMenuClose}"
-      >
-        <md-menu-item data-action="open">
-          <div slot="headline">Open</div>
-          <md-icon slot="start">open_in_new</md-icon>
-        </md-menu-item>
-        <md-menu-item data-action="share">
-          <div slot="headline">Share</div>
-          <md-icon slot="start">person_add</md-icon>
-        </md-menu-item>
-        <md-divider></md-divider>
-        <md-menu-item data-action="move">
-          <div slot="headline">Move</div>
-          <md-icon slot="start">drive_file_move</md-icon>
-        </md-menu-item>
-        <md-menu-item data-action="rename">
-          <div slot="headline">Rename</div>
-          <md-icon slot="start">edit</md-icon>
-        </md-menu-item>
-        <md-divider></md-divider>
-        <md-menu-item data-action="delete">
-          <div slot="headline">Delete</div>
-          <md-icon slot="start">delete</md-icon>
-        </md-menu-item>
-      </md-menu>
-    `;
-        }
-        constructor() {
-            super(...arguments);
-            __runInitializers(this, _oid_extraInitializers);
-        }
-    };
-})();
-/**
- * A class that render QuickAPI file system.
- * The user can browse files and perform actions on them.
- *
- * @fires action - Dispatched when the user triggers an action on the file.
- *     - `detail`: An object with a `key` and `action` property
- *     - Example: `{ key: 'abc', action: 'delete' }`
- */
-export default FilesystemDataTable;
-//# sourceMappingURL=FilesystemDataTable.js.map

package/build/src/elements/data-table/internals/FilesystemDataTable.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FilesystemDataTable.js","sourceRoot":"","sources":["../../../../../src/elements/data-table/internals/FilesystemDataTable.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, TemplateResult } from 'lit'\nimport { type CellRenderOptions, DataTable } from './DataTable.js'\nimport { property } from 'lit/decorators.js'\nimport { until } from 'lit/directives/until.js'\nimport { type IFile, type IUser, FolderKind } from '@api-client/core/browser.js'\nimport UserCache from '../../../lib/UserCache.js'\nimport { relativeDay } from '../../../lib/time/Conversion.js'\nimport type { MdMenu } from '@material/web/menu/menu.js'\nimport { fileIcon } from '../../../apps/quick-api/filesystem/FilesLib.js'\nimport type { MdMenuItem } from '@material/web/menu/menu-item.js'\nimport type { KeydownReason, Reason } from '@material/web/menu/internal/controllers/shared.js'\nimport { LiveData } from '../../../core/LiveData.js'\n\nimport '@material/web/iconbutton/icon-button.js'\nimport '@material/web/menu/menu.js'\nimport '@material/web/menu/menu-item.js'\nimport '@material/web/divider/divider.js'\nimport '@material/web/icon/icon.js'\n\n/**\n * A class that render QuickAPI file system.\n * The user can browse files and perform actions on them.\n *\n * @fires action - Dispatched when the user triggers an action on the file.\n *     - `detail`: An object with a `key` and `action` property\n *     - Example: `{ key: 'abc', action: 'delete' }`\n */\nexport default class FilesystemDataTable extends DataTable<IFile> {\n  @property({ type: Object }) accessor user: IUser | undefined\n  @property({ type: String }) accessor oid: string | undefined\n\n  // @ts-expect-error This is to explicitly delcarare a type as LitPlugin does not handle this situation.\n  declare items: LiveData<IFile[]> | undefined\n\n  handleOptionsMenuClick(e: Event): void {\n    const target = e.target as HTMLElement\n    const { key } = target.dataset\n    if (!key) {\n      return\n    }\n    const menu = this.shadowRoot?.querySelector(`.item-menu[data-key=\"${key}\"]`) as MdMenu | null\n    if (!menu) {\n      return\n    }\n    menu.open = !menu.open\n  }\n\n  handleFileMenuClose(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 menu = e.currentTarget as MdMenu\n    const { key } = menu.dataset\n    if (!key) {\n      return\n    }\n    const { action } = initiator.dataset\n    if (!action) {\n      return\n    }\n    this.dispatchEvent(new CustomEvent('action', { detail: { key, action } }))\n  }\n\n  override renderEmpty(): TemplateResult {\n    return html`<slot name=\"empty\"><p class=\"empty\">You have no files.</p></slot>`\n  }\n\n  override renderHeader(): TemplateResult[] {\n    return [\n      this.renderHeaderCell('Name', 0, { sort: 'name' }),\n      this.renderHeaderCell('Owner', 1),\n      this.renderHeaderCell('Updated', 2),\n      this.renderHeaderCell(html`<span hidden aria-label=\"Row options\">Menu</span>`, 3, { delegateFocus: true }),\n    ]\n  }\n\n  override renderRowValues(item: IFile, index: number): TemplateResult[] {\n    return [\n      this.#nameCell(item, index, 0),\n      this.#ownerCell(item, index, 1),\n      this.#updatedCell(item, index, 2),\n      this.renderCell(this.#renderFileMenu(item), index, 3, { classes: ['actions'], delegateFocus: true }),\n    ]\n  }\n\n  #nameCell(item: IFile, row: number, col: number): TemplateResult {\n    const icon = fileIcon(item)\n    const content = html`<md-icon class=\"cell-icon\" role=\"presentation\">${icon}</md-icon> ${item.info.name}`\n    return this.renderCell(content, row, col, { classes: ['primary-cell'], isPrimary: true })\n  }\n\n  #ownerCell(item: IFile, row: number, col: number): TemplateResult {\n    const opts: CellRenderOptions = {\n      classes: ['owner'],\n    }\n    const { user } = this\n    if (!user) {\n      return this.renderCell(html`--`, row, col, opts)\n    }\n    if (item.owner === user.key) {\n      return this.renderCell(html`<span aria-label=\"Owned by me\">me</span>`, row, col, opts)\n    }\n    const content = this.#ownerCellAsync(item.owner)\n    const loader = html`<span class=\"owner-loading\">loading...</span>`\n    return this.renderCell(html`${until(content, loader)}`, row, col, opts)\n  }\n\n  async #ownerCellAsync(key?: string): Promise<TemplateResult> {\n    const { oid } = this\n    if (!key || !oid) {\n      return html` <span aria-label=\"Owned by unknown user\">unknown</span> `\n    }\n    const user = await UserCache.getUser(oid, key)\n    if (!user) {\n      return html` <span aria-label=\"Owned by unknown user\">unknown</span> `\n    }\n    return html`<span aria-label=\"Owned by ${user.name}\">${user.name}</span>`\n  }\n\n  #updatedCell(item: IFile, row: number, col: number): TemplateResult {\n    const opts: CellRenderOptions = {\n      classes: ['updated'],\n    }\n    const { lastModified } = item\n    const relative = relativeDay(lastModified.time)\n    return this.renderCell(html`<span>${relative}</span>`, row, col, opts)\n  }\n\n  #renderFileMenu(item: IFile): TemplateResult {\n    return item.kind === FolderKind ? this.#renderFolderOptions(item) : this.#renderFileOptions(item)\n  }\n\n  #renderFolderOptions(item: IFile): TemplateResult {\n    const { key } = item\n    return html`\n      <md-icon-button\n        data-key=\"${key}\"\n        id=\"anchor-${key}\"\n        @click=\"${this.handleOptionsMenuClick}\"\n        aria-controls=\"menu-${key}\"\n        tabindex=\"-1\"\n      >\n        <md-icon>more_vert</md-icon>\n      </md-icon-button>\n      <md-menu\n        class=\"item-menu\"\n        positioning=\"popover\"\n        id=\"menu-${key}\"\n        anchor=\"anchor-${key}\"\n        y-offset=\"8\"\n        data-key=\"${key}\"\n        @close-menu=\"${this.handleFileMenuClose}\"\n      >\n        <md-menu-item data-action=\"open\">\n          <div slot=\"headline\">Open</div>\n          <md-icon slot=\"start\">folder_open</md-icon>\n        </md-menu-item>\n        <md-menu-item data-action=\"share\">\n          <div slot=\"headline\">Share</div>\n          <md-icon slot=\"start\">person_add</md-icon>\n        </md-menu-item>\n        <md-divider></md-divider>\n        <md-menu-item data-action=\"move\">\n          <div slot=\"headline\">Move</div>\n          <md-icon slot=\"start\">drive_file_move</md-icon>\n        </md-menu-item>\n        <md-menu-item data-action=\"rename\">\n          <div slot=\"headline\">Rename</div>\n          <md-icon slot=\"start\">edit</md-icon>\n        </md-menu-item>\n        <md-divider></md-divider>\n        <md-menu-item data-action=\"delete\">\n          <div slot=\"headline\">Delete</div>\n          <md-icon slot=\"start\">delete</md-icon>\n        </md-menu-item>\n      </md-menu>\n    `\n  }\n\n  #renderFileOptions(item: IFile): TemplateResult {\n    const { key } = item\n    return html`\n      <md-icon-button\n        data-key=\"${key}\"\n        id=\"anchor-${key}\"\n        @click=\"${this.handleOptionsMenuClick}\"\n        aria-controls=\"menu-${key}\"\n        tabindex=\"-1\"\n      >\n        <md-icon>more_vert</md-icon>\n      </md-icon-button>\n      <md-menu\n        class=\"item-menu\"\n        positioning=\"popover\"\n        id=\"menu-${key}\"\n        anchor=\"anchor-${key}\"\n        y-offset=\"8\"\n        data-key=\"${key}\"\n        @close-menu=\"${this.handleFileMenuClose}\"\n      >\n        <md-menu-item data-action=\"open\">\n          <div slot=\"headline\">Open</div>\n          <md-icon slot=\"start\">open_in_new</md-icon>\n        </md-menu-item>\n        <md-menu-item data-action=\"share\">\n          <div slot=\"headline\">Share</div>\n          <md-icon slot=\"start\">person_add</md-icon>\n        </md-menu-item>\n        <md-divider></md-divider>\n        <md-menu-item data-action=\"move\">\n          <div slot=\"headline\">Move</div>\n          <md-icon slot=\"start\">drive_file_move</md-icon>\n        </md-menu-item>\n        <md-menu-item data-action=\"rename\">\n          <div slot=\"headline\">Rename</div>\n          <md-icon slot=\"start\">edit</md-icon>\n        </md-menu-item>\n        <md-divider></md-divider>\n        <md-menu-item data-action=\"delete\">\n          <div slot=\"headline\">Delete</div>\n          <md-icon slot=\"start\">delete</md-icon>\n        </md-menu-item>\n      </md-menu>\n    `\n  }\n}\n"]}

package/build/src/elements/data-table/internals/TrashDataTable.d.ts

@@ -1,34 +0,0 @@
-import { TemplateResult } from 'lit';
-import { DataTable } from './DataTable.js';
-import type { TrashEntry, IUser } from '@api-client/core/browser.js';
-import type { MdMenuItem } from '@material/web/menu/menu-item.js';
-import type { Reason } from '@material/web/menu/internal/controllers/shared.js';
-import { LiveData } from '../../../core/LiveData.js';
-import '@material/web/iconbutton/icon-button.js';
-import '@material/web/menu/menu.js';
-import '@material/web/menu/menu-item.js';
-import '@material/web/divider/divider.js';
-import '@material/web/icon/icon.js';
-/**
- * A class that render QuickAPI file's trash.
- *
- * @fires action - Dispatched when the user triggers an action on the item.
- *     - `detail`: An object with a `key` and `action` property
- *     - Example: `{ key: 'abc', action: 'delete' }`
- */
-export default class TrashDataTable extends DataTable<TrashEntry> {
-    #private;
-    accessor user: IUser | undefined;
-    accessor oid: string | undefined;
-    items: LiveData<TrashEntry[]> | undefined;
-    handleOptionsMenuClick(e: Event): void;
-    handleFileMenuClose(e: CustomEvent<{
-        initiator: MdMenuItem;
-        reason: Reason;
-        itemPath: MdMenuItem[];
-    }>): void;
-    renderEmpty(): TemplateResult;
-    renderHeader(): TemplateResult[];
-    renderRowValues(item: TrashEntry, index: number): TemplateResult[];
-}
-//# sourceMappingURL=TrashDataTable.d.ts.map

package/build/src/elements/data-table/internals/TrashDataTable.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TrashDataTable.d.ts","sourceRoot":"","sources":["../../../../../src/elements/data-table/internals/TrashDataTable.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,cAAc,EAAE,MAAM,KAAK,CAAA;AAC1C,OAAO,EAA0B,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAGlE,OAAO,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,6BAA6B,CAAA;AAKpE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAA;AACjE,OAAO,KAAK,EAAiB,MAAM,EAAE,MAAM,mDAAmD,CAAA;AAC9F,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAA;AAEpD,OAAO,yCAAyC,CAAA;AAChD,OAAO,4BAA4B,CAAA;AACnC,OAAO,iCAAiC,CAAA;AACxC,OAAO,kCAAkC,CAAA;AACzC,OAAO,4BAA4B,CAAA;AAEnC;;;;;;GAMG;AACH,MAAM,CAAC,OAAO,OAAO,cAAe,SAAQ,SAAS,CAAC,UAAU,CAAC;;IACnC,QAAQ,CAAC,IAAI,EAAE,KAAK,GAAG,SAAS,CAAA;IAChC,QAAQ,CAAC,GAAG,EAAE,MAAM,GAAG,SAAS,CAAA;IAGpD,KAAK,EAAE,QAAQ,CAAC,UAAU,EAAE,CAAC,GAAG,SAAS,CAAA;IAEjD,sBAAsB,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IAatC,mBAAmB,CAAC,CAAC,EAAE,WAAW,CAAC;QAAE,SAAS,EAAE,UAAU,CAAC;QAAC,MAAM,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,UAAU,EAAE,CAAA;KAAE,CAAC,GAAG,IAAI;IAoBnG,WAAW,IAAI,cAAc;IAI7B,YAAY,IAAI,cAAc,EAAE;IAShC,eAAe,CAAC,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,GAAG,cAAc,EAAE;CAqF5E"}

package/build/src/elements/data-table/internals/TrashDataTable.js

@@ -1,173 +0,0 @@
-import { __esDecorate, __runInitializers } from "tslib";
-import { html } from 'lit';
-import { DataTable } from './DataTable.js';
-import { property } from 'lit/decorators.js';
-import { until } from 'lit/directives/until.js';
-import UserCache from '../../../lib/UserCache.js';
-import { relativeDay } from '../../../lib/time/Conversion.js';
-import { fileIcon } from '../../../apps/quick-api/filesystem/FilesLib.js';
-import '@material/web/iconbutton/icon-button.js';
-import '@material/web/menu/menu.js';
-import '@material/web/menu/menu-item.js';
-import '@material/web/divider/divider.js';
-import '@material/web/icon/icon.js';
-let TrashDataTable = (() => {
-    let _classSuper = DataTable;
-    let _user_decorators;
-    let _user_initializers = [];
-    let _user_extraInitializers = [];
-    let _oid_decorators;
-    let _oid_initializers = [];
-    let _oid_extraInitializers = [];
-    return class TrashDataTable extends _classSuper {
-        static {
-            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
-            _user_decorators = [property({ type: Object })];
-            _oid_decorators = [property({ type: String })];
-            __esDecorate(this, null, _user_decorators, { kind: "accessor", name: "user", static: false, private: false, access: { has: obj => "user" in obj, get: obj => obj.user, set: (obj, value) => { obj.user = value; } }, metadata: _metadata }, _user_initializers, _user_extraInitializers);
-            __esDecorate(this, null, _oid_decorators, { kind: "accessor", name: "oid", static: false, private: false, access: { has: obj => "oid" in obj, get: obj => obj.oid, set: (obj, value) => { obj.oid = value; } }, metadata: _metadata }, _oid_initializers, _oid_extraInitializers);
-            if (_metadata) Object.defineProperty(this, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
-        }
-        #user_accessor_storage = __runInitializers(this, _user_initializers, void 0);
-        get user() { return this.#user_accessor_storage; }
-        set user(value) { this.#user_accessor_storage = value; }
-        #oid_accessor_storage = (__runInitializers(this, _user_extraInitializers), __runInitializers(this, _oid_initializers, void 0));
-        get oid() { return this.#oid_accessor_storage; }
-        set oid(value) { this.#oid_accessor_storage = value; }
-        handleOptionsMenuClick(e) {
-            const target = e.target;
-            const { key } = target.dataset;
-            if (!key) {
-                return;
-            }
-            const menu = this.shadowRoot?.querySelector(`.item-menu[data-key="${key}"]`);
-            if (!menu) {
-                return;
-            }
-            menu.open = !menu.open;
-        }
-        handleFileMenuClose(e) {
-            const { reason, initiator } = e.detail;
-            if (reason.kind === 'keydown') {
-                const typedReason = reason;
-                if (typedReason.key === 'Escape') {
-                    return;
-                }
-            }
-            const menu = e.currentTarget;
-            const { key } = menu.dataset;
-            if (!key) {
-                return;
-            }
-            const { action } = initiator.dataset;
-            if (!action) {
-                return;
-            }
-            this.dispatchEvent(new CustomEvent('action', { detail: { key, action } }));
-        }
-        renderEmpty() {
-            return html `<slot name="empty"><p class="empty">You have no trash.</p></slot>`;
-        }
-        renderHeader() {
-            return [
-                this.renderHeaderCell('Name', 0, { sort: 'name' }),
-                this.renderHeaderCell('Owner', 1),
-                this.renderHeaderCell('Trashed date', 2),
-                this.renderHeaderCell(html `<span hidden aria-label="Row options">Menu</span>`, 3, { delegateFocus: true }),
-            ];
-        }
-        renderRowValues(item, index) {
-            return [
-                this.#nameCell(item, index, 0),
-                this.#ownerCell(item, index, 1),
-                this.#updatedCell(item, index, 2),
-                this.renderCell(this.#renderEntryMenu(item), index, 3, { classes: ['actions'], delegateFocus: true }),
-            ];
-        }
-        #nameCell(item, row, col) {
-            const icon = fileIcon(item);
-            const content = html `<md-icon class="cell-icon" role="presentation">${icon}</md-icon> ${item.info.name}`;
-            return this.renderCell(content, row, col, { classes: ['primary-cell'], isPrimary: true });
-        }
-        #ownerCell(item, row, col) {
-            const opts = {
-                classes: ['owner'],
-            };
-            const { user } = this;
-            if (!user) {
-                return this.renderCell(html `--`, row, col, opts);
-            }
-            if (item.info.byMe) {
-                return this.renderCell(html `<span aria-label="Owned by me">me</span>`, row, col, opts);
-            }
-            const content = this.#ownerCellAsync(item.info.user);
-            const loader = html `<span class="owner-loading">loading...</span>`;
-            return this.renderCell(html `${until(content, loader)}`, row, col, opts);
-        }
-        async #ownerCellAsync(key) {
-            const { oid } = this;
-            if (!key || !oid) {
-                return html ` <span aria-label="Owned by unknown user">unknown</span> `;
-            }
-            const user = await UserCache.getUser(oid, key);
-            if (!user) {
-                return html ` <span aria-label="Owned by unknown user">unknown</span> `;
-            }
-            return html `<span aria-label="Owned by ${user.name}">${user.name}</span>`;
-        }
-        #updatedCell(item, row, col) {
-            const opts = {
-                classes: ['updated'],
-            };
-            const { time } = item.info;
-            const relative = relativeDay(time);
-            return this.renderCell(html `<span>${relative}</span>`, row, col, opts);
-        }
-        #renderEntryMenu(item) {
-            const { key } = item;
-            return html `
-      <md-icon-button
-        data-key="${key}"
-        id="anchor-${key}"
-        anchor-corner="end-start"
-        @click="${this.handleOptionsMenuClick}"
-        aria-controls="menu-${key}"
-        tabindex="-1"
-      >
-        <md-icon>more_vert</md-icon>
-      </md-icon-button>
-      <md-menu
-        class="item-menu"
-        positioning="popover"
-        id="menu-${key}"
-        anchor="anchor-${key}"
-        y-offset="8"
-        data-key="${key}"
-        @close-menu="${this.handleFileMenuClose}"
-      >
-        <md-menu-item data-action="restore">
-          <div slot="headline">Restore</div>
-          <md-icon slot="start">restore_page</md-icon>
-        </md-menu-item>
-        <md-menu-item data-action="delete">
-          <div slot="headline">Delete forever</div>
-          <md-icon slot="start">delete_forever</md-icon>
-        </md-menu-item>
-      </md-menu>
-    `;
-        }
-        constructor() {
-            super(...arguments);
-            __runInitializers(this, _oid_extraInitializers);
-        }
-    };
-})();
-/**
- * A class that render QuickAPI file's trash.
- *
- * @fires action - Dispatched when the user triggers an action on the item.
- *     - `detail`: An object with a `key` and `action` property
- *     - Example: `{ key: 'abc', action: 'delete' }`
- */
-export default TrashDataTable;
-//# sourceMappingURL=TrashDataTable.js.map

package/build/src/elements/data-table/internals/TrashDataTable.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TrashDataTable.js","sourceRoot":"","sources":["../../../../../src/elements/data-table/internals/TrashDataTable.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, TemplateResult } from 'lit'\nimport { type CellRenderOptions, DataTable } from './DataTable.js'\nimport { property } from 'lit/decorators.js'\nimport { until } from 'lit/directives/until.js'\nimport type { TrashEntry, IUser } from '@api-client/core/browser.js'\nimport UserCache from '../../../lib/UserCache.js'\nimport { relativeDay } from '../../../lib/time/Conversion.js'\nimport type { MdMenu } from '@material/web/menu/menu.js'\nimport { fileIcon } from '../../../apps/quick-api/filesystem/FilesLib.js'\nimport type { MdMenuItem } from '@material/web/menu/menu-item.js'\nimport type { KeydownReason, Reason } from '@material/web/menu/internal/controllers/shared.js'\nimport { LiveData } from '../../../core/LiveData.js'\n\nimport '@material/web/iconbutton/icon-button.js'\nimport '@material/web/menu/menu.js'\nimport '@material/web/menu/menu-item.js'\nimport '@material/web/divider/divider.js'\nimport '@material/web/icon/icon.js'\n\n/**\n * A class that render QuickAPI file's trash.\n *\n * @fires action - Dispatched when the user triggers an action on the item.\n *     - `detail`: An object with a `key` and `action` property\n *     - Example: `{ key: 'abc', action: 'delete' }`\n */\nexport default class TrashDataTable extends DataTable<TrashEntry> {\n  @property({ type: Object }) accessor user: IUser | undefined\n  @property({ type: String }) accessor oid: string | undefined\n\n  // @ts-expect-error This is to explicitly delcarare a type as LitPlugin does not handle this situation.\n  declare items: LiveData<TrashEntry[]> | undefined\n\n  handleOptionsMenuClick(e: Event): void {\n    const target = e.target as HTMLElement\n    const { key } = target.dataset\n    if (!key) {\n      return\n    }\n    const menu = this.shadowRoot?.querySelector(`.item-menu[data-key=\"${key}\"]`) as MdMenu | null\n    if (!menu) {\n      return\n    }\n    menu.open = !menu.open\n  }\n\n  handleFileMenuClose(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 menu = e.currentTarget as MdMenu\n    const { key } = menu.dataset\n    if (!key) {\n      return\n    }\n    const { action } = initiator.dataset\n    if (!action) {\n      return\n    }\n    this.dispatchEvent(new CustomEvent('action', { detail: { key, action } }))\n  }\n\n  override renderEmpty(): TemplateResult {\n    return html`<slot name=\"empty\"><p class=\"empty\">You have no trash.</p></slot>`\n  }\n\n  override renderHeader(): TemplateResult[] {\n    return [\n      this.renderHeaderCell('Name', 0, { sort: 'name' }),\n      this.renderHeaderCell('Owner', 1),\n      this.renderHeaderCell('Trashed date', 2),\n      this.renderHeaderCell(html`<span hidden aria-label=\"Row options\">Menu</span>`, 3, { delegateFocus: true }),\n    ]\n  }\n\n  override renderRowValues(item: TrashEntry, index: number): TemplateResult[] {\n    return [\n      this.#nameCell(item, index, 0),\n      this.#ownerCell(item, index, 1),\n      this.#updatedCell(item, index, 2),\n      this.renderCell(this.#renderEntryMenu(item), index, 3, { classes: ['actions'], delegateFocus: true }),\n    ]\n  }\n\n  #nameCell(item: TrashEntry, row: number, col: number): TemplateResult {\n    const icon = fileIcon(item)\n    const content = html`<md-icon class=\"cell-icon\" role=\"presentation\">${icon}</md-icon> ${item.info.name}`\n    return this.renderCell(content, row, col, { classes: ['primary-cell'], isPrimary: true })\n  }\n\n  #ownerCell(item: TrashEntry, row: number, col: number): TemplateResult {\n    const opts: CellRenderOptions = {\n      classes: ['owner'],\n    }\n    const { user } = this\n    if (!user) {\n      return this.renderCell(html`--`, row, col, opts)\n    }\n    if (item.info.byMe) {\n      return this.renderCell(html`<span aria-label=\"Owned by me\">me</span>`, row, col, opts)\n    }\n    const content = this.#ownerCellAsync(item.info.user)\n    const loader = html`<span class=\"owner-loading\">loading...</span>`\n    return this.renderCell(html`${until(content, loader)}`, row, col, opts)\n  }\n\n  async #ownerCellAsync(key?: string): Promise<TemplateResult> {\n    const { oid } = this\n    if (!key || !oid) {\n      return html` <span aria-label=\"Owned by unknown user\">unknown</span> `\n    }\n    const user = await UserCache.getUser(oid, key)\n    if (!user) {\n      return html` <span aria-label=\"Owned by unknown user\">unknown</span> `\n    }\n    return html`<span aria-label=\"Owned by ${user.name}\">${user.name}</span>`\n  }\n\n  #updatedCell(item: TrashEntry, row: number, col: number): TemplateResult {\n    const opts: CellRenderOptions = {\n      classes: ['updated'],\n    }\n    const { time } = item.info\n    const relative = relativeDay(time)\n    return this.renderCell(html`<span>${relative}</span>`, row, col, opts)\n  }\n\n  #renderEntryMenu(item: TrashEntry): TemplateResult {\n    const { key } = item\n    return html`\n      <md-icon-button\n        data-key=\"${key}\"\n        id=\"anchor-${key}\"\n        anchor-corner=\"end-start\"\n        @click=\"${this.handleOptionsMenuClick}\"\n        aria-controls=\"menu-${key}\"\n        tabindex=\"-1\"\n      >\n        <md-icon>more_vert</md-icon>\n      </md-icon-button>\n      <md-menu\n        class=\"item-menu\"\n        positioning=\"popover\"\n        id=\"menu-${key}\"\n        anchor=\"anchor-${key}\"\n        y-offset=\"8\"\n        data-key=\"${key}\"\n        @close-menu=\"${this.handleFileMenuClose}\"\n      >\n        <md-menu-item data-action=\"restore\">\n          <div slot=\"headline\">Restore</div>\n          <md-icon slot=\"start\">restore_page</md-icon>\n        </md-menu-item>\n        <md-menu-item data-action=\"delete\">\n          <div slot=\"headline\">Delete forever</div>\n          <md-icon slot=\"start\">delete_forever</md-icon>\n        </md-menu-item>\n      </md-menu>\n    `\n  }\n}\n"]}

package/build/src/elements/data-table/trash-table.d.ts

@@ -1,11 +0,0 @@
-import type { CSSResultOrNative } from 'lit';
-import Element from './internals/TrashDataTable.js';
-export declare class TrashDataTableElement extends Element {
-    static styles: CSSResultOrNative[];
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'trash-table': TrashDataTableElement;
-    }
-}
-//# sourceMappingURL=trash-table.d.ts.map

package/build/src/elements/data-table/trash-table.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"trash-table.d.ts","sourceRoot":"","sources":["../../../../src/elements/data-table/trash-table.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,KAAK,CAAA;AAE5C,OAAO,OAAO,MAAM,+BAA+B,CAAA;AAInD,qBACa,qBAAsB,SAAQ,OAAO;IAChD,OAAgB,MAAM,EAAE,iBAAiB,EAAE,CAA0B;CACtE;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,qBAAqB,CAAA;KACrC;CACF"}

package/build/src/elements/data-table/trash-table.js

@@ -1,28 +0,0 @@
-import { __esDecorate, __runInitializers } from "tslib";
-import { customElement } from 'lit/decorators.js';
-import Element from './internals/TrashDataTable.js';
-import tableStyles from './internals/DataTable.styles.js';
-import fsStyles from './internals/Filesystem.styles.js';
-let TrashDataTableElement = (() => {
-    let _classDecorators = [customElement('trash-table')];
-    let _classDescriptor;
-    let _classExtraInitializers = [];
-    let _classThis;
-    let _classSuper = Element;
-    var TrashDataTableElement = class extends _classSuper {
-        static { _classThis = this; }
-        static {
-            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
-            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
-            TrashDataTableElement = _classThis = _classDescriptor.value;
-            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
-        }
-        static styles = [tableStyles, fsStyles];
-        static {
-            __runInitializers(_classThis, _classExtraInitializers);
-        }
-    };
-    return TrashDataTableElement = _classThis;
-})();
-export { TrashDataTableElement };
-//# sourceMappingURL=trash-table.js.map

package/build/src/elements/data-table/trash-table.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"trash-table.js","sourceRoot":"","sources":["../../../../src/elements/data-table/trash-table.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AACjD,OAAO,OAAO,MAAM,+BAA+B,CAAA;AACnD,OAAO,WAAW,MAAM,iCAAiC,CAAA;AACzD,OAAO,QAAQ,MAAM,kCAAkC,CAAA;IAG1C,qBAAqB;4BADjC,aAAa,CAAC,aAAa,CAAC;;;;sBACc,OAAO;qCAAf,SAAQ,WAAO;;;;YAAlD,6KAEC;;;;QADC,MAAM,CAAU,MAAM,GAAwB,CAAC,WAAW,EAAE,QAAQ,CAAC,CAAA;;YAD1D,uDAAqB;;;;;SAArB,qBAAqB","sourcesContent":["import type { CSSResultOrNative } from 'lit'\nimport { customElement } from 'lit/decorators.js'\nimport Element from './internals/TrashDataTable.js'\nimport tableStyles from './internals/DataTable.styles.js'\nimport fsStyles from './internals/Filesystem.styles.js'\n\n@customElement('trash-table')\nexport class TrashDataTableElement extends Element {\n  static override styles: CSSResultOrNative[] = [tableStyles, fsStyles]\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'trash-table': TrashDataTableElement\n  }\n}\n"]}

package/build/src/elements/modeling/domain-association-editor.d.ts

@@ -1,10 +0,0 @@
-import Element from './internals/DomainAssociationEditor.js';
-export declare class DomainAssociationEditorElement extends Element {
-    static styles: import("lit").CSSResult[];
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'domain-association-editor': DomainAssociationEditorElement;
-    }
-}
-//# sourceMappingURL=domain-association-editor.d.ts.map

package/build/src/elements/modeling/domain-association-editor.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"domain-association-editor.d.ts","sourceRoot":"","sources":["../../../../src/elements/modeling/domain-association-editor.ts"],"names":[],"mappings":"AACA,OAAO,OAAO,MAAM,wCAAwC,CAAA;AAI5D,qBACa,8BAA+B,SAAQ,OAAO;IACzD,OAAgB,MAAM,4BAA2B;CAClD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,2BAA2B,EAAE,8BAA8B,CAAA;KAC5D;CACF"}

package/build/src/elements/modeling/domain-association-editor.js

@@ -1,28 +0,0 @@
-import { __esDecorate, __runInitializers } from "tslib";
-import { customElement } from 'lit/decorators.js';
-import Element from './internals/DomainAssociationEditor.js';
-import formStyles from './internals/styles/form_styles.js';
-import typography from '../../styles/m3/typography.module.js';
-let DomainAssociationEditorElement = (() => {
-    let _classDecorators = [customElement('domain-association-editor')];
-    let _classDescriptor;
-    let _classExtraInitializers = [];
-    let _classThis;
-    let _classSuper = Element;
-    var DomainAssociationEditorElement = class extends _classSuper {
-        static { _classThis = this; }
-        static {
-            const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
-            __esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
-            DomainAssociationEditorElement = _classThis = _classDescriptor.value;
-            if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
-        }
-        static styles = [formStyles, typography];
-        static {
-            __runInitializers(_classThis, _classExtraInitializers);
-        }
-    };
-    return DomainAssociationEditorElement = _classThis;
-})();
-export { DomainAssociationEditorElement };
-//# sourceMappingURL=domain-association-editor.js.map

package/build/src/elements/modeling/domain-association-editor.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"domain-association-editor.js","sourceRoot":"","sources":["../../../../src/elements/modeling/domain-association-editor.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AACjD,OAAO,OAAO,MAAM,wCAAwC,CAAA;AAC5D,OAAO,UAAU,MAAM,mCAAmC,CAAA;AAC1D,OAAO,UAAU,MAAM,sCAAsC,CAAA;IAGhD,8BAA8B;4BAD1C,aAAa,CAAC,2BAA2B,CAAC;;;;sBACS,OAAO;8CAAf,SAAQ,WAAO;;;;YAA3D,6KAEC;;;;QADC,MAAM,CAAU,MAAM,GAAG,CAAC,UAAU,EAAE,UAAU,CAAC,CAAA;;YADtC,uDAA8B;;;;;SAA9B,8BAA8B","sourcesContent":["import { customElement } from 'lit/decorators.js'\nimport Element from './internals/DomainAssociationEditor.js'\nimport formStyles from './internals/styles/form_styles.js'\nimport typography from '../../styles/m3/typography.module.js'\n\n@customElement('domain-association-editor')\nexport class DomainAssociationEditorElement extends Element {\n  static override styles = [formStyles, typography]\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'domain-association-editor': DomainAssociationEditorElement\n  }\n}\n"]}

package/build/src/elements/modeling/domain-entity-editor.d.ts

@@ -1,10 +0,0 @@
-import Element from './internals/DomainEntityEditor.js';
-export declare class DomainEntityEditorElement extends Element {
-    static styles: import("lit").CSSResult[];
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        'domain-entity-editor': DomainEntityEditorElement;
-    }
-}
-//# sourceMappingURL=domain-entity-editor.d.ts.map

package/build/src/elements/modeling/domain-entity-editor.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"domain-entity-editor.d.ts","sourceRoot":"","sources":["../../../../src/elements/modeling/domain-entity-editor.ts"],"names":[],"mappings":"AACA,OAAO,OAAO,MAAM,mCAAmC,CAAA;AAMvD,qBACa,yBAA0B,SAAQ,OAAO;IACpD,OAAgB,MAAM,4BAA6C;CACpE;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,sBAAsB,EAAE,yBAAyB,CAAA;KAClD;CACF"}