@api-client/ui 0.1.4 → 0.1.6

package/.github/workflows/deployment.yml

@@ -36,7 +36,7 @@ jobs:
       - name: Install dependencies
         run: npm ci
       - name: Install playwright browsers
-        run: npx playwright install --with-deps
+        run: npx playwright install chromium --with-deps
       - name: Building API models
         run: npm run gen:apis
       - name: Run tests

package/build/src/elements/user/internals/UserAvatar.d.ts

@@ -1,9 +1,9 @@
-import { TemplateResult, LitElement } from 'lit';
+import { TemplateResult, LitElement, PropertyValues, SVGTemplateResult } from 'lit';
 import type { IUser } from '@api-client/core/models/store/User.js';
 import '@material/web/focus/md-focus-ring.js';
 import '@material/web/ripple/ripple.js';
+export type AvatarType = 'button' | 'icon';
 export default class UserAvatar extends LitElement {
-    private _user?;
     /**
      * Set with the user. The computed user initials.
      */
@@ -12,23 +12,36 @@ export default class UserAvatar extends LitElement {
      * The URL to the user picture.
      */
     protected accessor userPicture: string | undefined;
-    get user(): IUser | undefined;
     /**
+     * The user object to display the avatar for.
+     */
+    accessor user: IUser | undefined;
+    /**
+     * The type of avatar to render, either 'button' or 'icon'.
      * @attribute
      */
-    set user(value: IUser | undefined);
-    protected _processUser(user?: IUser): void;
-    protected _readUserInitials(user: IUser): string | undefined;
-    protected _pictureError(): void;
+    accessor type: AvatarType;
+    protected willUpdate(cp: PropertyValues<this>): void;
+    /**
+     * Handles changes to the user property.
+     * @param user The user object
+     */
+    protected handleUserChange(user?: IUser): void;
+    protected readUserInitials(user: IUser): string | undefined;
+    protected handlePictureError(): void;
     /**
      * @return Template result for an icon
      */
     render(): TemplateResult;
+    protected renderButton(content: TemplateResult): TemplateResult;
+    protected renderIcon(content: TemplateResult): TemplateResult;
     protected pictureTemplate(url: string): TemplateResult;
     /**
      * Renders a bubble with user initials
      * @param initials The user initials
      */
     protected nameTemplate(initials: string): TemplateResult;
+    protected renderDefaultAvatar(): TemplateResult;
+    protected defaultIcon(): SVGTemplateResult;
 }
 //# sourceMappingURL=UserAvatar.d.ts.map

package/build/src/elements/user/internals/UserAvatar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UserAvatar.d.ts","sourceRoot":"","sources":["../../../../../src/elements/user/internals/UserAvatar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,cAAc,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAEtD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,uCAAuC,CAAA;AAClE,OAAO,sCAAsC,CAAA;AAC7C,OAAO,gCAAgC,CAAA;AAEvC,MAAM,CAAC,OAAO,OAAO,UAAW,SAAQ,UAAU;IAChD,OAAO,CAAC,KAAK,CAAC,CAAO;IAErB;;OAEG;IACM,SAAS,CAAC,QAAQ,CAAC,YAAY,EAAE,MAAM,GAAG,SAAS,CAAA;IAE5D;;OAEG;IACM,SAAS,CAAC,QAAQ,CAAC,WAAW,EAAE,MAAM,GAAG,SAAS,CAAA;IAE3D,IAAI,IAAI,IAAI,KAAK,GAAG,SAAS,CAE5B;IAED;;OAEG;IACH,IACI,IAAI,CAAC,KAAK,EAAE,KAAK,GAAG,SAAS,EAWhC;IAED,SAAS,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,KAAK,GAAG,IAAI;IAU1C,SAAS,CAAC,iBAAiB,CAAC,IAAI,EAAE,KAAK,GAAG,MAAM,GAAG,SAAS;IAc5D,SAAS,CAAC,aAAa,IAAI,IAAI;IAI/B;;OAEG;IACM,MAAM,IAAI,cAAc;IAuBjC,SAAS,CAAC,eAAe,CAAC,GAAG,EAAE,MAAM,GAAG,cAAc;IAWtD;;;OAGG;IACH,SAAS,CAAC,YAAY,CAAC,QAAQ,EAAE,MAAM,GAAG,cAAc;CAGzD"}
+{"version":3,"file":"UserAvatar.d.ts","sourceRoot":"","sources":["../../../../../src/elements/user/internals/UserAvatar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,cAAc,EAAE,UAAU,EAAE,cAAc,EAAE,iBAAiB,EAAO,MAAM,KAAK,CAAA;AAE9F,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,uCAAuC,CAAA;AAClE,OAAO,sCAAsC,CAAA;AAC7C,OAAO,gCAAgC,CAAA;AAEvC,MAAM,MAAM,UAAU,GAAG,QAAQ,GAAG,MAAM,CAAA;AAE1C,MAAM,CAAC,OAAO,OAAO,UAAW,SAAQ,UAAU;IAChD;;OAEG;IACM,SAAS,CAAC,QAAQ,CAAC,YAAY,EAAE,MAAM,GAAG,SAAS,CAAA;IAE5D;;OAEG;IACM,SAAS,CAAC,QAAQ,CAAC,WAAW,EAAE,MAAM,GAAG,SAAS,CAAA;IAE3D;;OAEG;IACyB,QAAQ,CAAC,IAAI,EAAE,KAAK,GAAG,SAAS,CAAA;IAC5D;;;OAGG;IACyB,QAAQ,CAAC,IAAI,EAAE,UAAU,CAAW;cAE7C,UAAU,CAAC,EAAE,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAO7D;;;OAGG;IACH,SAAS,CAAC,gBAAgB,CAAC,IAAI,CAAC,EAAE,KAAK,GAAG,IAAI;IAU9C,SAAS,CAAC,gBAAgB,CAAC,IAAI,EAAE,KAAK,GAAG,MAAM,GAAG,SAAS;IAc3D,SAAS,CAAC,kBAAkB,IAAI,IAAI;IAIpC;;OAEG;IACM,MAAM,IAAI,cAAc;IAgBjC,SAAS,CAAC,YAAY,CAAC,OAAO,EAAE,cAAc,GAAG,cAAc;IAW/D,SAAS,CAAC,UAAU,CAAC,OAAO,EAAE,cAAc,GAAG,cAAc;IAI7D,SAAS,CAAC,eAAe,CAAC,GAAG,EAAE,MAAM,GAAG,cAAc;IAWtD;;;OAGG;IACH,SAAS,CAAC,YAAY,CAAC,QAAQ,EAAE,MAAM,GAAG,cAAc;IAIxD,SAAS,CAAC,mBAAmB,IAAI,cAAc;IAI/C,SAAS,CAAC,WAAW,IAAI,iBAAiB;CAiB3C"}

package/build/src/elements/user/internals/UserAvatar.js

@@ -1,30 +1,35 @@
 import { __esDecorate, __runInitializers } from "tslib";
-import { html, LitElement } from 'lit';
+import { html, LitElement, svg } from 'lit';
 import { property, state } from 'lit/decorators.js';
 import '@material/web/focus/md-focus-ring.js';
 import '@material/web/ripple/ripple.js';
 let UserAvatar = (() => {
     let _classSuper = LitElement;
-    let _instanceExtraInitializers = [];
     let _userInitials_decorators;
     let _userInitials_initializers = [];
     let _userInitials_extraInitializers = [];
     let _userPicture_decorators;
     let _userPicture_initializers = [];
     let _userPicture_extraInitializers = [];
-    let _set_user_decorators;
+    let _user_decorators;
+    let _user_initializers = [];
+    let _user_extraInitializers = [];
+    let _type_decorators;
+    let _type_initializers = [];
+    let _type_extraInitializers = [];
     return class UserAvatar extends _classSuper {
         static {
             const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
             _userInitials_decorators = [state()];
             _userPicture_decorators = [state()];
-            _set_user_decorators = [property({ type: Object })];
+            _user_decorators = [property({ type: Object })];
+            _type_decorators = [property({ type: String })];
             __esDecorate(this, null, _userInitials_decorators, { kind: "accessor", name: "userInitials", static: false, private: false, access: { has: obj => "userInitials" in obj, get: obj => obj.userInitials, set: (obj, value) => { obj.userInitials = value; } }, metadata: _metadata }, _userInitials_initializers, _userInitials_extraInitializers);
             __esDecorate(this, null, _userPicture_decorators, { kind: "accessor", name: "userPicture", static: false, private: false, access: { has: obj => "userPicture" in obj, get: obj => obj.userPicture, set: (obj, value) => { obj.userPicture = value; } }, metadata: _metadata }, _userPicture_initializers, _userPicture_extraInitializers);
-            __esDecorate(this, null, _set_user_decorators, { kind: "setter", name: "user", static: false, private: false, access: { has: obj => "user" in obj, set: (obj, value) => { obj.user = value; } }, metadata: _metadata }, null, _instanceExtraInitializers);
+            __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, _type_decorators, { kind: "accessor", name: "type", static: false, private: false, access: { has: obj => "type" in obj, get: obj => obj.type, set: (obj, value) => { obj.type = value; } }, metadata: _metadata }, _type_initializers, _type_extraInitializers);
             if (_metadata) Object.defineProperty(this, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
         }
-        _user = __runInitializers(this, _instanceExtraInitializers);
         #userInitials_accessor_storage = __runInitializers(this, _userInitials_initializers, void 0);
         /**
          * Set with the user. The computed user initials.
@@ -37,27 +42,32 @@ let UserAvatar = (() => {
          */
         get userPicture() { return this.#userPicture_accessor_storage; }
         set userPicture(value) { this.#userPicture_accessor_storage = value; }
-        get user() {
-            return this._user;
-        }
+        #user_accessor_storage = (__runInitializers(this, _userPicture_extraInitializers), __runInitializers(this, _user_initializers, void 0));
+        /**
+         * The user object to display the avatar for.
+         */
+        get user() { return this.#user_accessor_storage; }
+        set user(value) { this.#user_accessor_storage = value; }
+        #type_accessor_storage = (__runInitializers(this, _user_extraInitializers), __runInitializers(this, _type_initializers, 'button'));
         /**
+         * The type of avatar to render, either 'button' or 'icon'.
          * @attribute
          */
-        set user(value) {
-            const old = this._user;
-            if (old === value) {
-                return;
-            }
-            if (old && value && old.key === value.key) {
-                return;
+        get type() { return this.#type_accessor_storage; }
+        set type(value) { this.#type_accessor_storage = value; }
+        willUpdate(cp) {
+            if (cp.has('user')) {
+                this.handleUserChange(this.user);
             }
-            this._user = value;
-            this.requestUpdate('user', old);
-            this._processUser(value);
+            super.willUpdate(cp);
         }
-        _processUser(user) {
+        /**
+         * Handles changes to the user property.
+         * @param user The user object
+         */
+        handleUserChange(user) {
             if (user) {
-                this.userInitials = this._readUserInitials(user);
+                this.userInitials = this.readUserInitials(user);
                 this.userPicture = user.picture && user.picture.url;
             }
             else {
@@ -65,7 +75,7 @@ let UserAvatar = (() => {
                 this.userPicture = undefined;
             }
         }
-        _readUserInitials(user) {
+        readUserInitials(user) {
             const { name } = user;
             if (!name) {
                 return undefined;
@@ -78,17 +88,14 @@ let UserAvatar = (() => {
                 .map((i) => i[0]);
             return parts.join('');
         }
-        _pictureError() {
+        handlePictureError() {
             this.userPicture = undefined;
         }
         /**
          * @return Template result for an icon
          */
         render() {
-            const { user, userPicture } = this;
-            if (!user || user.key === 'default') {
-                return html ``;
-            }
+            const { userPicture } = this;
             let content;
             if (userPicture) {
                 content = this.pictureTemplate(userPicture);
@@ -97,8 +104,14 @@ let UserAvatar = (() => {
                 content = this.nameTemplate(this.userInitials);
             }
             else {
-                content = this.nameTemplate('');
+                content = this.renderDefaultAvatar();
+            }
+            if (this.type === 'icon') {
+                return this.renderIcon(content);
             }
+            return this.renderButton(content);
+        }
+        renderButton(content) {
             return html `
       <button id="button" class="icon-button">
         <md-focus-ring part="focus-ring" for="button"></md-focus-ring>
@@ -108,13 +121,16 @@ let UserAvatar = (() => {
       </button>
     `;
         }
+        renderIcon(content) {
+            return html `<span role="presentation" class="icon">${content}</span>`;
+        }
         pictureTemplate(url) {
             return html `
       <img
         src="${url}"
         alt="${this.userInitials || 'Thumb'}"
         class="user-picture user-icon"
-        @error="${this._pictureError}"
+        @error="${this.handlePictureError}"
       />
     `;
         }
@@ -125,9 +141,29 @@ let UserAvatar = (() => {
         nameTemplate(initials) {
             return html ` <span class="avatar-initials user-icon">${initials}</span> `;
         }
+        renderDefaultAvatar() {
+            return html `<span class="avatar-default icon"> ${this.defaultIcon()} </span>`;
+        }
+        defaultIcon() {
+            return svg `
+    <svg viewBox="0 0 120 120" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon">
+      <rect width="120" height="120" rx="60" class="avatar-background" />
+      <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M78.0007 48C78.0007 57.9411 69.9419 66 60.0007 66C50.0596 66 42.0007 57.9411 42.0007 48C42.0007 38.0589 50.0596 30 60.0007 30C69.9419 30 78.0007 38.0589 78.0007 48ZM72.0007 48C72.0007 54.6274 66.6282 60 60.0007 60C53.3733 60 48.0007 54.6274 48.0007 48C48.0007 41.3726 53.3733 36 60.0007 36C66.6282 36 72.0007 41.3726 72.0007 48Z"
+        class="avatar-lines"
+      />
+      <path
+        d="M60.0007 75C40.5776 75 24.0286 86.4852 17.7246 102.576C19.2603 104.101 20.878 105.543 22.5706 106.896C27.2648 92.1231 41.9909 81 60.0007 81C78.0106 81 92.7367 92.1231 97.4309 106.896C99.1235 105.544 100.741 104.101 102.277 102.576C95.973 86.4853 79.4239 75 60.0007 75Z"
+        class="avatar-lines"
+      />
+    </svg>
+    `;
+        }
         constructor() {
             super(...arguments);
-            __runInitializers(this, _userPicture_extraInitializers);
+            __runInitializers(this, _type_extraInitializers);
         }
     };
 })();

package/build/src/elements/user/internals/UserAvatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"UserAvatar.js","sourceRoot":"","sources":["../../../../../src/elements/user/internals/UserAvatar.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, TemplateResult, LitElement } from 'lit'\nimport { property, state } from 'lit/decorators.js'\nimport type { IUser } from '@api-client/core/models/store/User.js'\nimport '@material/web/focus/md-focus-ring.js'\nimport '@material/web/ripple/ripple.js'\n\nexport default class UserAvatar extends LitElement {\n  private _user?: IUser\n\n  /**\n   * Set with the user. The computed user initials.\n   */\n  @state() protected accessor userInitials: string | undefined\n\n  /**\n   * The URL to the user picture.\n   */\n  @state() protected accessor userPicture: string | undefined\n\n  get user(): IUser | undefined {\n    return this._user\n  }\n\n  /**\n   * @attribute\n   */\n  @property({ type: Object })\n  set user(value: IUser | undefined) {\n    const old = this._user\n    if (old === value) {\n      return\n    }\n    if (old && value && old.key === value.key) {\n      return\n    }\n    this._user = value\n    this.requestUpdate('user', old)\n    this._processUser(value)\n  }\n\n  protected _processUser(user?: IUser): void {\n    if (user) {\n      this.userInitials = this._readUserInitials(user)\n      this.userPicture = user.picture && user.picture.url\n    } else {\n      this.userInitials = undefined\n      this.userPicture = undefined\n    }\n  }\n\n  protected _readUserInitials(user: IUser): string | undefined {\n    const { name } = user\n    if (!name) {\n      return undefined\n    }\n    const max = 2\n    const parts = name\n      .split(/[\\s-]/)\n      .slice(0, max)\n      .filter((i) => !!i)\n      .map((i) => i[0])\n    return parts.join('')\n  }\n\n  protected _pictureError(): void {\n    this.userPicture = undefined\n  }\n\n  /**\n   * @return Template result for an icon\n   */\n  override render(): TemplateResult {\n    const { user, userPicture } = this\n    if (!user || user.key === 'default') {\n      return html``\n    }\n    let content: TemplateResult\n    if (userPicture) {\n      content = this.pictureTemplate(userPicture)\n    } else if (this.userInitials) {\n      content = this.nameTemplate(this.userInitials)\n    } else {\n      content = this.nameTemplate('')\n    }\n    return html`\n      <button id=\"button\" class=\"icon-button\">\n        <md-focus-ring part=\"focus-ring\" for=\"button\"></md-focus-ring>\n        <md-ripple></md-ripple>\n        <span role=\"presentation\" class=\"icon\">${content}</span>\n        <span class=\"touch\"></span>\n      </button>\n    `\n  }\n\n  protected pictureTemplate(url: string): TemplateResult {\n    return html`\n      <img\n        src=\"${url}\"\n        alt=\"${this.userInitials || 'Thumb'}\"\n        class=\"user-picture user-icon\"\n        @error=\"${this._pictureError}\"\n      />\n    `\n  }\n\n  /**\n   * Renders a bubble with user initials\n   * @param initials The user initials\n   */\n  protected nameTemplate(initials: string): TemplateResult {\n    return html` <span class=\"avatar-initials user-icon\">${initials}</span> `\n  }\n}\n"]}
+{"version":3,"file":"UserAvatar.js","sourceRoot":"","sources":["../../../../../src/elements/user/internals/UserAvatar.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, TemplateResult, LitElement, PropertyValues, SVGTemplateResult, svg } from 'lit'\nimport { property, state } from 'lit/decorators.js'\nimport type { IUser } from '@api-client/core/models/store/User.js'\nimport '@material/web/focus/md-focus-ring.js'\nimport '@material/web/ripple/ripple.js'\n\nexport type AvatarType = 'button' | 'icon'\n\nexport default class UserAvatar extends LitElement {\n  /**\n   * Set with the user. The computed user initials.\n   */\n  @state() protected accessor userInitials: string | undefined\n\n  /**\n   * The URL to the user picture.\n   */\n  @state() protected accessor userPicture: string | undefined\n\n  /**\n   * The user object to display the avatar for.\n   */\n  @property({ type: Object }) accessor user: IUser | undefined\n  /**\n   * The type of avatar to render, either 'button' or 'icon'.\n   * @attribute\n   */\n  @property({ type: String }) accessor type: AvatarType = 'button'\n\n  protected override willUpdate(cp: PropertyValues<this>): void {\n    if (cp.has('user')) {\n      this.handleUserChange(this.user)\n    }\n    super.willUpdate(cp)\n  }\n\n  /**\n   * Handles changes to the user property.\n   * @param user The user object\n   */\n  protected handleUserChange(user?: IUser): void {\n    if (user) {\n      this.userInitials = this.readUserInitials(user)\n      this.userPicture = user.picture && user.picture.url\n    } else {\n      this.userInitials = undefined\n      this.userPicture = undefined\n    }\n  }\n\n  protected readUserInitials(user: IUser): string | undefined {\n    const { name } = user\n    if (!name) {\n      return undefined\n    }\n    const max = 2\n    const parts = name\n      .split(/[\\s-]/)\n      .slice(0, max)\n      .filter((i) => !!i)\n      .map((i) => i[0])\n    return parts.join('')\n  }\n\n  protected handlePictureError(): void {\n    this.userPicture = undefined\n  }\n\n  /**\n   * @return Template result for an icon\n   */\n  override render(): TemplateResult {\n    const { userPicture } = this\n    let content: TemplateResult\n    if (userPicture) {\n      content = this.pictureTemplate(userPicture)\n    } else if (this.userInitials) {\n      content = this.nameTemplate(this.userInitials)\n    } else {\n      content = this.renderDefaultAvatar()\n    }\n    if (this.type === 'icon') {\n      return this.renderIcon(content)\n    }\n    return this.renderButton(content)\n  }\n\n  protected renderButton(content: TemplateResult): TemplateResult {\n    return html`\n      <button id=\"button\" class=\"icon-button\">\n        <md-focus-ring part=\"focus-ring\" for=\"button\"></md-focus-ring>\n        <md-ripple></md-ripple>\n        <span role=\"presentation\" class=\"icon\">${content}</span>\n        <span class=\"touch\"></span>\n      </button>\n    `\n  }\n\n  protected renderIcon(content: TemplateResult): TemplateResult {\n    return html`<span role=\"presentation\" class=\"icon\">${content}</span>`\n  }\n\n  protected pictureTemplate(url: string): TemplateResult {\n    return html`\n      <img\n        src=\"${url}\"\n        alt=\"${this.userInitials || 'Thumb'}\"\n        class=\"user-picture user-icon\"\n        @error=\"${this.handlePictureError}\"\n      />\n    `\n  }\n\n  /**\n   * Renders a bubble with user initials\n   * @param initials The user initials\n   */\n  protected nameTemplate(initials: string): TemplateResult {\n    return html` <span class=\"avatar-initials user-icon\">${initials}</span> `\n  }\n\n  protected renderDefaultAvatar(): TemplateResult {\n    return html`<span class=\"avatar-default icon\"> ${this.defaultIcon()} </span>`\n  }\n\n  protected defaultIcon(): SVGTemplateResult {\n    return svg`\n    <svg viewBox=\"0 0 120 120\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" class=\"icon\">\n      <rect width=\"120\" height=\"120\" rx=\"60\" class=\"avatar-background\" />\n      <path\n        fill-rule=\"evenodd\"\n        clip-rule=\"evenodd\"\n        d=\"M78.0007 48C78.0007 57.9411 69.9419 66 60.0007 66C50.0596 66 42.0007 57.9411 42.0007 48C42.0007 38.0589 50.0596 30 60.0007 30C69.9419 30 78.0007 38.0589 78.0007 48ZM72.0007 48C72.0007 54.6274 66.6282 60 60.0007 60C53.3733 60 48.0007 54.6274 48.0007 48C48.0007 41.3726 53.3733 36 60.0007 36C66.6282 36 72.0007 41.3726 72.0007 48Z\"\n        class=\"avatar-lines\"\n      />\n      <path\n        d=\"M60.0007 75C40.5776 75 24.0286 86.4852 17.7246 102.576C19.2603 104.101 20.878 105.543 22.5706 106.896C27.2648 92.1231 41.9909 81 60.0007 81C78.0106 81 92.7367 92.1231 97.4309 106.896C99.1235 105.544 100.741 104.101 102.277 102.576C95.973 86.4853 79.4239 75 60.0007 75Z\"\n        class=\"avatar-lines\"\n      />\n    </svg>\n    `\n  }\n}\n"]}

package/build/src/elements/user/internals/UserAvatar.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UserAvatar.styles.d.ts","sourceRoot":"","sources":["../../../../../src/elements/user/internals/UserAvatar.styles.ts"],"names":[],"mappings":";AAEA,wBA6GC"}
+{"version":3,"file":"UserAvatar.styles.d.ts","sourceRoot":"","sources":["../../../../../src/elements/user/internals/UserAvatar.styles.ts"],"names":[],"mappings":";AAEA,wBAmHC"}

package/build/src/elements/user/internals/UserAvatar.styles.js

@@ -5,8 +5,8 @@ export default css `
     outline: none;
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
     justify-content: center;
-    height: var(--_state-layer-height);
-    width: var(--_state-layer-width);
+    height: 40px;
+    width: 40px;
 
     --_focus-icon-color: var(--md-icon-button-focus-icon-color, var(--md-sys-color-on-surface-variant, #49454f));
     --_hover-icon-color: var(--md-icon-button-hover-icon-color, var(--md-sys-color-on-surface-variant, #49454f));
@@ -23,8 +23,6 @@ export default css `
     );
     --_pressed-state-layer-opacity: var(--md-icon-button-pressed-state-layer-opacity, 0.12);
     --_state-layer-shape: var(--md-icon-button-state-layer-shape, var(--md-sys-shape-corner-full, 9999px));
-    --_state-layer-height: 40px;
-    --_state-layer-width: 40px;
   }
 
   .icon-button {
@@ -88,15 +86,13 @@ export default css `
 
   .user-icon,
   .avatar-initials {
-    background-color: var(--user-avatar-initials-background-color, #0540f2);
-    color: var(--user-avatar-initials-color, #fff);
+    background-color: var(--md-sys-color-primary-container, #9eeffe);
+    color: var(--md-sys-color-on-primary-container, #001f24);
   }
 
   .avatar-initials {
-    /* border-radius: 50%; */
     text-transform: uppercase;
     font-size: large;
-    border: 1px #0d47a1 solid;
     width: 100%;
     height: 100%;
     display: flex;
@@ -104,9 +100,19 @@ export default css `
     justify-content: center;
   }
 
-  .user-icon {
-    height: var(--_state-layer-height);
-    width: var(--_state-layer-width);
+  .user-icon,
+  .icon-button,
+  .icon {
+    height: inherit;
+    width: inherit;
+  }
+
+  .avatar-background {
+    fill: var(--md-sys-color-primary-container, #9eeffe);
+  }
+
+  .avatar-lines {
+    fill: var(--md-sys-color-on-primary-container, #001f24);
   }
 `;
 //# sourceMappingURL=UserAvatar.styles.js.map

package/build/src/elements/user/internals/UserAvatar.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"UserAvatar.styles.js","sourceRoot":"","sources":["../../../../../src/elements/user/internals/UserAvatar.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAEzB,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6GjB,CAAA","sourcesContent":["import { css } from 'lit'\n\nexport default css`\n  :host {\n    display: inline-flex;\n    outline: none;\n    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n    justify-content: center;\n    height: var(--_state-layer-height);\n    width: var(--_state-layer-width);\n\n    --_focus-icon-color: var(--md-icon-button-focus-icon-color, var(--md-sys-color-on-surface-variant, #49454f));\n    --_hover-icon-color: var(--md-icon-button-hover-icon-color, var(--md-sys-color-on-surface-variant, #49454f));\n    --_hover-state-layer-color: var(\n      --md-icon-button-hover-state-layer-color,\n      var(--md-sys-color-on-surface-variant, #49454f)\n    );\n    --_hover-state-layer-opacity: var(--md-icon-button-hover-state-layer-opacity, 0.08);\n    --_icon-color: var(--md-icon-button-icon-color, var(--md-sys-color-on-surface-variant, #49454f));\n    --_pressed-icon-color: var(--md-icon-button-pressed-icon-color, var(--md-sys-color-on-surface-variant, #49454f));\n    --_pressed-state-layer-color: var(\n      --md-icon-button-pressed-state-layer-color,\n      var(--md-sys-color-on-surface-variant, #49454f)\n    );\n    --_pressed-state-layer-opacity: var(--md-icon-button-pressed-state-layer-opacity, 0.12);\n    --_state-layer-shape: var(--md-icon-button-state-layer-shape, var(--md-sys-shape-corner-full, 9999px));\n    --_state-layer-height: 40px;\n    --_state-layer-width: 40px;\n  }\n\n  .icon-button {\n    background-color: rgba(0, 0, 0, 0);\n    color: var(--_icon-color);\n    place-items: center;\n    background: none;\n    border: none;\n    box-sizing: border-box;\n    cursor: pointer;\n    display: flex;\n    place-content: center;\n    outline: none;\n    padding: 0;\n    position: relative;\n    text-decoration: none;\n    user-select: none;\n    z-index: 0;\n    flex: 1;\n    border-radius: var(--_state-layer-shape);\n    --md-ripple-hover-color: var(--_hover-state-layer-color);\n    --md-ripple-hover-opacity: var(--_hover-state-layer-opacity);\n    --md-ripple-pressed-color: var(--_pressed-state-layer-color);\n    --md-ripple-pressed-opacity: var(--_pressed-state-layer-opacity);\n  }\n\n  .icon-button:hover {\n    color: var(--_hover-icon-color);\n  }\n\n  .icon-button:focus {\n    color: var(--_focus-icon-color);\n  }\n\n  .icon-button:active {\n    color: var(--_pressed-icon-color);\n  }\n\n  md-focus-ring {\n    --md-focus-ring-shape-start-start: var(--_state-layer-shape);\n    --md-focus-ring-shape-start-end: var(--_state-layer-shape);\n    --md-focus-ring-shape-end-end: var(--_state-layer-shape);\n    --md-focus-ring-shape-end-start: var(--_state-layer-shape);\n  }\n\n  md-ripple {\n    border-radius: var(--_state-layer-shape);\n  }\n\n  .icon {\n    display: inline-flex;\n    border-radius: var(--_state-layer-shape);\n    overflow: hidden;\n  }\n\n  .touch {\n    position: absolute;\n    height: max(48px, 100%);\n    width: max(48px, 100%);\n  }\n\n  .user-icon,\n  .avatar-initials {\n    background-color: var(--user-avatar-initials-background-color, #0540f2);\n    color: var(--user-avatar-initials-color, #fff);\n  }\n\n  .avatar-initials {\n    /* border-radius: 50%; */\n    text-transform: uppercase;\n    font-size: large;\n    border: 1px #0d47a1 solid;\n    width: 100%;\n    height: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  .user-icon {\n    height: var(--_state-layer-height);\n    width: var(--_state-layer-width);\n  }\n`\n"]}
+{"version":3,"file":"UserAvatar.styles.js","sourceRoot":"","sources":["../../../../../src/elements/user/internals/UserAvatar.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AAEzB,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmHjB,CAAA","sourcesContent":["import { css } from 'lit'\n\nexport default css`\n  :host {\n    display: inline-flex;\n    outline: none;\n    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n    justify-content: center;\n    height: 40px;\n    width: 40px;\n\n    --_focus-icon-color: var(--md-icon-button-focus-icon-color, var(--md-sys-color-on-surface-variant, #49454f));\n    --_hover-icon-color: var(--md-icon-button-hover-icon-color, var(--md-sys-color-on-surface-variant, #49454f));\n    --_hover-state-layer-color: var(\n      --md-icon-button-hover-state-layer-color,\n      var(--md-sys-color-on-surface-variant, #49454f)\n    );\n    --_hover-state-layer-opacity: var(--md-icon-button-hover-state-layer-opacity, 0.08);\n    --_icon-color: var(--md-icon-button-icon-color, var(--md-sys-color-on-surface-variant, #49454f));\n    --_pressed-icon-color: var(--md-icon-button-pressed-icon-color, var(--md-sys-color-on-surface-variant, #49454f));\n    --_pressed-state-layer-color: var(\n      --md-icon-button-pressed-state-layer-color,\n      var(--md-sys-color-on-surface-variant, #49454f)\n    );\n    --_pressed-state-layer-opacity: var(--md-icon-button-pressed-state-layer-opacity, 0.12);\n    --_state-layer-shape: var(--md-icon-button-state-layer-shape, var(--md-sys-shape-corner-full, 9999px));\n  }\n\n  .icon-button {\n    background-color: rgba(0, 0, 0, 0);\n    color: var(--_icon-color);\n    place-items: center;\n    background: none;\n    border: none;\n    box-sizing: border-box;\n    cursor: pointer;\n    display: flex;\n    place-content: center;\n    outline: none;\n    padding: 0;\n    position: relative;\n    text-decoration: none;\n    user-select: none;\n    z-index: 0;\n    flex: 1;\n    border-radius: var(--_state-layer-shape);\n    --md-ripple-hover-color: var(--_hover-state-layer-color);\n    --md-ripple-hover-opacity: var(--_hover-state-layer-opacity);\n    --md-ripple-pressed-color: var(--_pressed-state-layer-color);\n    --md-ripple-pressed-opacity: var(--_pressed-state-layer-opacity);\n  }\n\n  .icon-button:hover {\n    color: var(--_hover-icon-color);\n  }\n\n  .icon-button:focus {\n    color: var(--_focus-icon-color);\n  }\n\n  .icon-button:active {\n    color: var(--_pressed-icon-color);\n  }\n\n  md-focus-ring {\n    --md-focus-ring-shape-start-start: var(--_state-layer-shape);\n    --md-focus-ring-shape-start-end: var(--_state-layer-shape);\n    --md-focus-ring-shape-end-end: var(--_state-layer-shape);\n    --md-focus-ring-shape-end-start: var(--_state-layer-shape);\n  }\n\n  md-ripple {\n    border-radius: var(--_state-layer-shape);\n  }\n\n  .icon {\n    display: inline-flex;\n    border-radius: var(--_state-layer-shape);\n    overflow: hidden;\n  }\n\n  .touch {\n    position: absolute;\n    height: max(48px, 100%);\n    width: max(48px, 100%);\n  }\n\n  .user-icon,\n  .avatar-initials {\n    background-color: var(--md-sys-color-primary-container, #9eeffe);\n    color: var(--md-sys-color-on-primary-container, #001f24);\n  }\n\n  .avatar-initials {\n    text-transform: uppercase;\n    font-size: large;\n    width: 100%;\n    height: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  .user-icon,\n  .icon-button,\n  .icon {\n    height: inherit;\n    width: inherit;\n  }\n\n  .avatar-background {\n    fill: var(--md-sys-color-primary-container, #9eeffe);\n  }\n\n  .avatar-lines {\n    fill: var(--md-sys-color-on-primary-container, #001f24);\n  }\n`\n"]}

package/build/src/events/StoreEvents.d.ts

@@ -2,7 +2,7 @@ import type { Operation } from '@api-client/json/types.js';
 import type { FileBreadcrumb, IFile } from '@api-client/core/models/store/File.js';
 import type { IApplication } from '@api-client/core/models/Application.js';
 import type { ContextListOptions, ContextListResult, IPatchRevision } from '@api-client/core/events/BaseEvents.js';
-import { type IFileCreateOptions, ListFileKind } from '@api-client/core/runtime/store/FilesSdk.js';
+import { type IFileCreateOptions, ListFileKind } from '@api-client/core/sdk/FilesSdk.js';
 import type { IUser } from '@api-client/core/models/store/User.js';
 import type { AccessOperation } from '@api-client/core/models/store/Permission.js';
 /**

package/build/src/events/StoreEvents.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StoreEvents.d.ts","sourceRoot":"","sources":["../../../src/events/StoreEvents.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AAE1D,OAAO,KAAK,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM,uCAAuC,CAAA;AAClF,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wCAAwC,CAAA;AAC1E,OAAO,KAAK,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAA;AAClH,OAAO,EAAE,KAAK,kBAAkB,EAAE,YAAY,EAAE,MAAM,4CAA4C,CAAA;AAClG,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,uCAAuC,CAAA;AAClE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,6CAA6C,CAAA;AAElF;;;;;GAKG;AACH,iBAAS,QAAQ,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,CAAC,EAAE,WAAW,GAAG,OAAO,CAAC,KAAK,CAAC,CAAA;AAClF;;;;;GAKG;AACH,iBAAS,QAAQ,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,CAAC,EAAE,WAAW,GAAG,OAAO,CAAC,OAAO,CAAC,CAAA;AAsBnF;;;;;GAKG;AACH,iBAAS,SAAS,CAChB,GAAG,EAAE,MAAM,EACX,EAAE,EAAE,MAAM,EACV,KAAK,EAAE,SAAS,EAAE,EAClB,GAAG,EAAE,YAAY,EACjB,KAAK,EAAE,KAAK,EACZ,MAAM,CAAC,EAAE,WAAW,GACnB,OAAO,CAAC,cAAc,CAAC,CAAA;AAE1B;;;;;GAKG;AACH,iBAAS,SAAS,CAChB,GAAG,EAAE,MAAM,EACX,EAAE,EAAE,MAAM,EACV,KAAK,EAAE,SAAS,EAAE,EAClB,GAAG,EAAE,YAAY,EAEjB,KAAK,EAAE,IAAI,EACX,MAAM,CAAC,EAAE,WAAW,GACnB,OAAO,CAAC,cAAc,CAAC,CAAA;;;QAmCtB;;;;;WAKG;uBAEO,YAAY,EAAE,YACZ,kBAAkB,WACpB,WAAW,KAClB,OAAO,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC;QAcpC;;;;;WAKG;6BAEO,YAAY,EAAE,YACZ,kBAAkB,WACpB,WAAW,KAClB,OAAO,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC;QAcpC;;;;;;;WAOG;uBAEK,KAAK,UACH,OAAO,SACR,kBAAkB,WACjB,WAAW,KAClB,OAAO,CAAC,MAAM,CAAC;QAelB;;;;;;;;;;;WAWG;8BAEK,MAAM,QACN,MAAM,SACL,kBAAkB,WACjB,WAAW,KAClB,OAAO,CAAC,MAAM,CAAC;;;QAiBlB;;;;WAIG;sBACiB,MAAM,WAAU,WAAW,KAAmB,OAAO,CAAC,MAAM,CAAC;QAajF;;;;;;WAMG;0BAEI,MAAM,MACP,MAAM,SACH,eAAe,EAAE,OACnB,YAAY,WACT,WAAW,KAClB,OAAO,CAAC,IAAI,CAAC;QAgBhB;;;;WAIG;yBACoB,MAAM,WAAU,WAAW,KAAmB,OAAO,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC;QActG;;;;;WAKG;oCAEa,MAAM,WACZ,WAAW,KAClB,OAAO,CAAC,iBAAiB,CAAC,cAAc,CAAC,CAAC;;IAc/C;;OAEG;;sBAEkB,WAAW,KAAmB,OAAO,CAAC,KAAK,CAAC;+BAa7C,MAAM,OACjB,MAAM,WACH,WAAW,KAClB,OAAO,CAAC,KAAK,GAAG,SAAS,CAAC;+BAeX,MAAM,YACZ,kBAAkB,WACpB,WAAW,KAClB,OAAO,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC;;;AA/OxC,wBA8PE"}
+{"version":3,"file":"StoreEvents.d.ts","sourceRoot":"","sources":["../../../src/events/StoreEvents.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAA;AAE1D,OAAO,KAAK,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM,uCAAuC,CAAA;AAClF,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wCAAwC,CAAA;AAC1E,OAAO,KAAK,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,uCAAuC,CAAA;AAClH,OAAO,EAAE,KAAK,kBAAkB,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAA;AACxF,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,uCAAuC,CAAA;AAClE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,6CAA6C,CAAA;AAElF;;;;;GAKG;AACH,iBAAS,QAAQ,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,CAAC,EAAE,WAAW,GAAG,OAAO,CAAC,KAAK,CAAC,CAAA;AAClF;;;;;GAKG;AACH,iBAAS,QAAQ,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,CAAC,EAAE,WAAW,GAAG,OAAO,CAAC,OAAO,CAAC,CAAA;AAsBnF;;;;;GAKG;AACH,iBAAS,SAAS,CAChB,GAAG,EAAE,MAAM,EACX,EAAE,EAAE,MAAM,EACV,KAAK,EAAE,SAAS,EAAE,EAClB,GAAG,EAAE,YAAY,EACjB,KAAK,EAAE,KAAK,EACZ,MAAM,CAAC,EAAE,WAAW,GACnB,OAAO,CAAC,cAAc,CAAC,CAAA;AAE1B;;;;;GAKG;AACH,iBAAS,SAAS,CAChB,GAAG,EAAE,MAAM,EACX,EAAE,EAAE,MAAM,EACV,KAAK,EAAE,SAAS,EAAE,EAClB,GAAG,EAAE,YAAY,EAEjB,KAAK,EAAE,IAAI,EACX,MAAM,CAAC,EAAE,WAAW,GACnB,OAAO,CAAC,cAAc,CAAC,CAAA;;;QAmCtB;;;;;WAKG;uBAEO,YAAY,EAAE,YACZ,kBAAkB,WACpB,WAAW,KAClB,OAAO,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC;QAcpC;;;;;WAKG;6BAEO,YAAY,EAAE,YACZ,kBAAkB,WACpB,WAAW,KAClB,OAAO,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC;QAcpC;;;;;;;WAOG;uBAEK,KAAK,UACH,OAAO,SACR,kBAAkB,WACjB,WAAW,KAClB,OAAO,CAAC,MAAM,CAAC;QAelB;;;;;;;;;;;WAWG;8BAEK,MAAM,QACN,MAAM,SACL,kBAAkB,WACjB,WAAW,KAClB,OAAO,CAAC,MAAM,CAAC;;;QAiBlB;;;;WAIG;sBACiB,MAAM,WAAU,WAAW,KAAmB,OAAO,CAAC,MAAM,CAAC;QAajF;;;;;;WAMG;0BAEI,MAAM,MACP,MAAM,SACH,eAAe,EAAE,OACnB,YAAY,WACT,WAAW,KAClB,OAAO,CAAC,IAAI,CAAC;QAgBhB;;;;WAIG;yBACoB,MAAM,WAAU,WAAW,KAAmB,OAAO,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC;QActG;;;;;WAKG;oCAEa,MAAM,WACZ,WAAW,KAClB,OAAO,CAAC,iBAAiB,CAAC,cAAc,CAAC,CAAC;;IAc/C;;OAEG;;sBAEkB,WAAW,KAAmB,OAAO,CAAC,KAAK,CAAC;+BAa7C,MAAM,OACjB,MAAM,WACH,WAAW,KAClB,OAAO,CAAC,KAAK,GAAG,SAAS,CAAC;+BAeX,MAAM,YACZ,kBAAkB,WACpB,WAAW,KAClB,OAAO,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC;;;AA/OxC,wBA8PE"}

package/build/src/events/StoreEvents.js.map

@@ -1 +1 @@
-{"version":3,"file":"StoreEvents.js","sourceRoot":"","sources":["../../../src/events/StoreEvents.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAuB5C;;;;GAIG;AACH,SAAS,QAAQ,CAAC,GAAW,EAAE,KAAc,EAAE,SAAsB,QAAQ,CAAC,IAAI;IAChF,MAAM,CAAC,GAAG,IAAI,WAAW,CAAC,UAAU,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,EAAE;QACpD,OAAO,EAAE,IAAI;QACb,UAAU,EAAE,IAAI;QAChB,QAAQ,EAAE,IAAI;QACd,MAAM,EAAE;YACN,GAAG;YACH,KAAK;YACL,MAAM,EAAE,SAAS;SAClB;KACF,CAAC,CAAA;IACF,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC,CAAA;IACvB,OAAO,CAAC,CAAC,MAAM,CAAC,MAA6C,CAAA;AAC/D,CAAC;AAiCD;;;;;GAKG;AACH,SAAS,SAAS,CAChB,GAAW,EACX,EAAU,EACV,KAAkB,EAClB,GAAiB,EACjB,KAAe,EACf,SAAsB,QAAQ,CAAC,IAAI;IAEnC,MAAM,CAAC,GAAG,IAAI,WAAW,CAAC,UAAU,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,EAAE;QACrD,OAAO,EAAE,IAAI;QACb,UAAU,EAAE,IAAI;QAChB,QAAQ,EAAE,IAAI;QACd,MAAM,EAAE;YACN,GAAG;YACH,KAAK;YACL,KAAK;YACL,EAAE;YACF,GAAG;YACH,MAAM,EAAE,SAAS;SAClB;KACF,CAAC,CAAA;IACF,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC,CAAA;IACvB,OAAO,CAAC,CAAC,MAAM,CAAC,MAA4C,CAAA;AAC9D,CAAC;AAED,eAAe,MAAM,CAAC,MAAM,CAAC;IAC3B,IAAI,EAAE,MAAM,CAAC,MAAM,CAAC;QAClB;;;;;WAKG;QACH,IAAI,EAAE,KAAK,EACT,KAAsB,EACtB,OAA4B,EAC5B,SAAsB,QAAQ,CAAC,IAAI,EACA,EAAE;YACrC,MAAM,CAAC,GAAG,IAAI,WAAW,CAAC,UAAU,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,EAAE;gBACpD,OAAO,EAAE,IAAI;gBACb,UAAU,EAAE,IAAI;gBAChB,QAAQ,EAAE,IAAI;gBACd,MAAM,EAAE;oBACN,KAAK;oBACL,OAAO;oBACP,MAAM,EAAE,SAAS;iBAClB;aACF,CAAC,CAAA;YACF,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC,CAAA;YACvB,OAAO,CAAC,CAAC,MAAM,CAAC,MAAsD,CAAA;QACxE,CAAC;QACD;;;;;WAKG;QACH,UAAU,EAAE,KAAK,EACf,KAAsB,EACtB,OAA4B,EAC5B,SAAsB,QAAQ,CAAC,IAAI,EACA,EAAE;YACrC,MAAM,CAAC,GAAG,IAAI,WAAW,CAAC,UAAU,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,EAAE;gBAC1D,OAAO,EAAE,IAAI;gBACb,UAAU,EAAE,IAAI;gBAChB,QAAQ,EAAE,IAAI;gBACd,MAAM,EAAE;oBACN,KAAK;oBACL,OAAO;oBACP,MAAM,EAAE,SAAS;iBAClB;aACF,CAAC,CAAA;YACF,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC,CAAA;YACvB,OAAO,CAAC,CAAC,MAAM,CAAC,MAAsD,CAAA;QACxE,CAAC;QACD;;;;;;;WAOG;QACH,MAAM,EAAE,KAAK,EACX,IAAW,EACX,KAAe,EACf,IAAyB,EACzB,SAAsB,QAAQ,CAAC,IAAI,EAClB,EAAE;YACnB,MAAM,CAAC,GAAG,IAAI,WAAW,CAAC,UAAU,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE;gBACtD,OAAO,EAAE,IAAI;gBACb,UAAU,EAAE,IAAI;gBAChB,QAAQ,EAAE,IAAI;gBACd,MAAM,EAAE;oBACN,IAAI;oBACJ,KAAK;oBACL,IAAI;oBACJ,MAAM,EAAE,SAAS;iBAClB;aACF,CAAC,CAAA;YACF,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC,CAAA;YACvB,OAAO,CAAC,CAAC,MAAM,CAAC,MAAoC,CAAA;QACtD,CAAC;QACD;;;;;;;;;;;WAWG;QACH,aAAa,EAAE,KAAK,EAClB,IAAY,EACZ,IAAY,EACZ,IAAyB,EACzB,SAAsB,QAAQ,CAAC,IAAI,EAClB,EAAE;YACnB,MAAM,CAAC,GAAG,IAAI,WAAW,CAAC,UAAU,CAAC,KAAK,CAAC,IAAI,CAAC,aAAa,EAAE;gBAC7D,OAAO,EAAE,IAAI;gBACb,UAAU,EAAE,IAAI;gBAChB,QAAQ,EAAE,IAAI;gBACd,MAAM,EAAE;oBACN,IAAI;oBACJ,IAAI;oBACJ,IAAI;oBACJ,MAAM,EAAE,SAAS;iBAClB;aACF,CAAC,CAAA;YACF,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC,CAAA;YACvB,OAAO,CAAC,CAAC,MAAM,CAAC,MAAoC,CAAA;QACtD,CAAC;QACD,IAAI,EAAE,QAAQ;QACd,KAAK,EAAE,SAAS;QAChB;;;;WAIG;QACH,MAAM,EAAE,KAAK,EAAE,GAAW,EAAE,SAAsB,QAAQ,CAAC,IAAI,EAAmB,EAAE;YAClF,MAAM,CAAC,GAAG,IAAI,WAAW,CAAC,UAAU,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE;gBACtD,OAAO,EAAE,IAAI;gBACb,UAAU,EAAE,IAAI;gBAChB,QAAQ,EAAE,IAAI;gBACd,MAAM,EAAE;oBACN,GAAG;oBACH,MAAM,EAAE,SAAS;iBAClB;aACF,CAAC,CAAA;YACF,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC,CAAA;YACvB,OAAO,CAAC,CAAC,MAAM,CAAC,MAAoC,CAAA;QACtD,CAAC;QACD;;;;;;WAMG;QACH,UAAU,EAAE,KAAK,EACf,GAAW,EACX,EAAU,EACV,KAAwB,EACxB,GAAiB,EACjB,SAAsB,QAAQ,CAAC,IAAI,EACpB,EAAE;YACjB,MAAM,CAAC,GAAG,IAAI,WAAW,CAAC,UAAU,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,EAAE;gBAC1D,OAAO,EAAE,IAAI;gBACb,UAAU,EAAE,IAAI;gBAChB,QAAQ,EAAE,IAAI;gBACd,MAAM,EAAE;oBACN,GAAG;oBACH,KAAK;oBACL,EAAE;oBACF,GAAG;oBACH,MAAM,EAAE,SAAS;iBAClB;aACF,CAAC,CAAA;YACF,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC,CAAA;YACvB,MAAO,CAAC,CAAC,MAAM,CAAC,MAAmC,CAAA;QACrD,CAAC;QACD;;;;WAIG;QACH,SAAS,EAAE,KAAK,EAAE,GAAW,EAAE,SAAsB,QAAQ,CAAC,IAAI,EAAqC,EAAE;YACvG,MAAM,CAAC,GAAG,IAAI,WAAW,CAAC,UAAU,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,EAAE;gBACzD,OAAO,EAAE,IAAI;gBACb,UAAU,EAAE,IAAI;gBAChB,QAAQ,EAAE,IAAI;gBACd,MAAM,EAAE;oBACN,GAAG;oBACH,MAAM,EAAE,SAAS;iBAClB;aACF,CAAC,CAAA;YACF,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC,CAAA;YACvB,OAAO,CAAC,CAAC,MAAM,CAAC,MAAsD,CAAA;QACxE,CAAC;QAED;;;;;WAKG;QACH,WAAW,EAAE,KAAK,EAChB,YAAoB,EACpB,SAAsB,QAAQ,CAAC,IAAI,EACS,EAAE;YAC9C,MAAM,CAAC,GAAG,IAAI,WAAW,CAAC,UAAU,CAAC,KAAK,CAAC,IAAI,CAAC,WAAW,EAAE;gBAC3D,OAAO,EAAE,IAAI;gBACb,UAAU,EAAE,IAAI;gBAChB,QAAQ,EAAE,IAAI;gBACd,MAAM,EAAE;oBACN,GAAG,EAAE,YAAY;oBACjB,MAAM,EAAE,SAAS;iBAClB;aACF,CAAC,CAAA;YACF,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC,CAAA;YACvB,OAAO,CAAC,CAAC,MAAM,CAAC,MAA+D,CAAA;QACjF,CAAC;KACF,CAAC;IACF;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC,MAAM,CAAC;QAClB,EAAE,EAAE,KAAK,EAAE,SAAsB,QAAQ,CAAC,IAAI,EAAkB,EAAE;YAChE,MAAM,CAAC,GAAG,IAAI,WAAW,CAAC,UAAU,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,EAAE;gBAClD,OAAO,EAAE,IAAI;gBACb,UAAU,EAAE,IAAI;gBAChB,QAAQ,EAAE,IAAI;gBACd,MAAM,EAAE;oBACN,MAAM,EAAE,SAAS;iBAClB;aACF,CAAC,CAAA;YACF,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC,CAAA;YACvB,OAAO,CAAC,CAAC,MAAM,CAAC,MAAmC,CAAA;QACrD,CAAC;QACD,IAAI,EAAE,KAAK,EACT,cAAsB,EACtB,GAAW,EACX,SAAsB,QAAQ,CAAC,IAAI,EACP,EAAE;YAC9B,MAAM,CAAC,GAAG,IAAI,WAAW,CAAC,UAAU,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,EAAE;gBACpD,OAAO,EAAE,IAAI;gBACb,UAAU,EAAE,IAAI;gBAChB,QAAQ,EAAE,IAAI;gBACd,MAAM,EAAE;oBACN,GAAG;oBACH,cAAc;oBACd,MAAM,EAAE,SAAS;iBAClB;aACF,CAAC,CAAA;YACF,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC,CAAA;YACvB,OAAO,CAAC,CAAC,MAAM,CAAC,MAAmC,CAAA;QACrD,CAAC;QACD,IAAI,EAAE,KAAK,EACT,cAAsB,EACtB,OAA4B,EAC5B,SAAsB,QAAQ,CAAC,IAAI,EACA,EAAE;YACrC,MAAM,CAAC,GAAG,IAAI,WAAW,CAAC,UAAU,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,EAAE;gBACpD,OAAO,EAAE,IAAI;gBACb,UAAU,EAAE,IAAI;gBAChB,QAAQ,EAAE,IAAI;gBACd,MAAM,EAAE;oBACN,cAAc;oBACd,OAAO;oBACP,MAAM,EAAE,SAAS;iBAClB;aACF,CAAC,CAAA;YACF,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC,CAAA;YACvB,OAAO,CAAC,CAAC,MAAM,CAAC,MAAsD,CAAA;QACxE,CAAC;KACF,CAAC;CACH,CAAC,CAAA","sourcesContent":["/* eslint-disable no-redeclare */\nimport type { Operation } from '@api-client/json/types.js'\nimport { EventTypes } from './EventTypes.js'\nimport type { FileBreadcrumb, IFile } from '@api-client/core/models/store/File.js'\nimport type { IApplication } from '@api-client/core/models/Application.js'\nimport type { ContextListOptions, ContextListResult, IPatchRevision } from '@api-client/core/events/BaseEvents.js'\nimport { type IFileCreateOptions, ListFileKind } from '@api-client/core/runtime/store/FilesSdk.js'\nimport type { IUser } from '@api-client/core/models/store/User.js'\nimport type { AccessOperation } from '@api-client/core/models/store/Permission.js'\n\n/**\n * Reads file metadata from the store.\n *\n * @param key The file key\n * @returns THe file metadata\n */\nfunction fileRead(key: string, media: false, target?: EventTarget): Promise<IFile>\n/**\n * Reads file contents from the store.\n *\n * @param key The file key\n * @returns THe file contents\n */\nfunction fileRead(key: string, media: true, target?: EventTarget): Promise<unknown>\n\n/**\n * Reads a user file definition from the store.\n * @param key The file key\n * @param media When true it reads file contents rather than metadata.\n */\nfunction fileRead(key: string, media: boolean, target: EventTarget = document.body): Promise<IFile | unknown> {\n  const e = new CustomEvent(EventTypes.Store.File.read, {\n    bubbles: true,\n    cancelable: true,\n    composed: true,\n    detail: {\n      key,\n      media,\n      result: undefined,\n    },\n  })\n  target.dispatchEvent(e)\n  return e.detail.result as unknown as Promise<IFile | unknown>\n}\n\n/**\n * Patches file's meta in the store.\n *\n * @param key The file key\n * @param value The patch to apply.\n */\nfunction patchFile(\n  key: string,\n  id: string,\n  value: Operation[],\n  app: IApplication,\n  media: false,\n  target?: EventTarget\n): Promise<IPatchRevision>\n\n/**\n * Patches file's content in the store.\n *\n * @param key The file key\n * @param value The patch to apply.\n */\nfunction patchFile(\n  key: string,\n  id: string,\n  value: Operation[],\n  app: IApplication,\n  // eslint-disable-next-line @typescript-eslint/unified-signatures\n  media: true,\n  target?: EventTarget\n): Promise<IPatchRevision>\n\n/**\n * Patches a file in the store.\n * @param key The key of the file to patch\n * @param value The JSON patch to be processed.\n * @returns The JSON patch to revert the change using the `@api-client/json` library\n */\nfunction patchFile(\n  key: string,\n  id: string,\n  value: Operation[],\n  app: IApplication,\n  media?: boolean,\n  target: EventTarget = document.body\n): Promise<IPatchRevision> {\n  const e = new CustomEvent(EventTypes.Store.File.patch, {\n    bubbles: true,\n    cancelable: true,\n    composed: true,\n    detail: {\n      key,\n      value,\n      media,\n      id,\n      app,\n      result: undefined,\n    },\n  })\n  target.dispatchEvent(e)\n  return e.detail.result as unknown as Promise<IPatchRevision>\n}\n\nexport default Object.freeze({\n  File: Object.freeze({\n    /**\n     * Lists files (spaces, projects, etc) in the store.\n     *\n     * @param kinds the list of kinds to list. Spaces are always included.\n     * @param options Optional query options.\n     */\n    list: async (\n      kinds?: ListFileKind[],\n      options?: ContextListOptions,\n      target: EventTarget = document.body\n    ): Promise<ContextListResult<IFile>> => {\n      const e = new CustomEvent(EventTypes.Store.File.list, {\n        bubbles: true,\n        cancelable: true,\n        composed: true,\n        detail: {\n          kinds,\n          options,\n          result: undefined,\n        },\n      })\n      target.dispatchEvent(e)\n      return e.detail.result as unknown as Promise<ContextListResult<IFile>>\n    },\n    /**\n     * Lists files that are shared with the user.\n     *\n     * @param kinds the list of kinds to list. Spaces are always included.\n     * @param options Optional query options.\n     */\n    listShared: async (\n      kinds?: ListFileKind[],\n      options?: ContextListOptions,\n      target: EventTarget = document.body\n    ): Promise<ContextListResult<IFile>> => {\n      const e = new CustomEvent(EventTypes.Store.File.listShared, {\n        bubbles: true,\n        cancelable: true,\n        composed: true,\n        detail: {\n          kinds,\n          options,\n          result: undefined,\n        },\n      })\n      target.dispatchEvent(e)\n      return e.detail.result as unknown as Promise<ContextListResult<IFile>>\n    },\n    /**\n     * Creates a file in the store.\n     *\n     * @param meta The definition of a file that extends the IFile interface.\n     * @param media The file content to create with the file meta, if available.\n     * @param opts Optional options when creating a file\n     * @returns The key of the creates file.\n     */\n    create: async (\n      meta: IFile,\n      media?: unknown,\n      opts?: IFileCreateOptions,\n      target: EventTarget = document.body\n    ): Promise<string> => {\n      const e = new CustomEvent(EventTypes.Store.File.create, {\n        bubbles: true,\n        cancelable: true,\n        composed: true,\n        detail: {\n          meta,\n          media,\n          opts,\n          result: undefined,\n        },\n      })\n      target.dispatchEvent(e)\n      return e.detail.result as unknown as Promise<string>\n    },\n    /**\n     * A special case of a create file flow.\n     * It allow to create a file only from a name and its kind.\n     * The store has logic to recognize the file from its `kind` and create a file.\n     *\n     * This is helpful when creating a new file from the \"create\" dialog.\n     *\n     * @param name The name provided by the user.\n     * @param kind File kind.\n     * @param opts Optional options when creating a file\n     * @returns The key of the creates file.\n     */\n    createDefault: async (\n      name: string,\n      kind: string,\n      opts?: IFileCreateOptions,\n      target: EventTarget = document.body\n    ): Promise<string> => {\n      const e = new CustomEvent(EventTypes.Store.File.createDefault, {\n        bubbles: true,\n        cancelable: true,\n        composed: true,\n        detail: {\n          name,\n          kind,\n          opts,\n          result: undefined,\n        },\n      })\n      target.dispatchEvent(e)\n      return e.detail.result as unknown as Promise<string>\n    },\n    read: fileRead,\n    patch: patchFile,\n    /**\n     * Deletes the file in the store.\n     *\n     * @param key The key of the file to delete.\n     */\n    delete: async (key: string, target: EventTarget = document.body): Promise<string> => {\n      const e = new CustomEvent(EventTypes.Store.File.delete, {\n        bubbles: true,\n        cancelable: true,\n        composed: true,\n        detail: {\n          key,\n          result: undefined,\n        },\n      })\n      target.dispatchEvent(e)\n      return e.detail.result as unknown as Promise<string>\n    },\n    /**\n     * Updates the sharing options of the file.\n     *\n     * @param key The file key\n     * @param id The generated by the client random id. This id is reported back by the server.\n     * @param value The patch operation on the file's ACL\n     */\n    patchUsers: async (\n      key: string,\n      id: string,\n      value: AccessOperation[],\n      app: IApplication,\n      target: EventTarget = document.body\n    ): Promise<void> => {\n      const e = new CustomEvent(EventTypes.Store.File.patchUsers, {\n        bubbles: true,\n        cancelable: true,\n        composed: true,\n        detail: {\n          key,\n          value,\n          id,\n          app,\n          result: undefined,\n        },\n      })\n      target.dispatchEvent(e)\n      await (e.detail.result as unknown as Promise<void>)\n    },\n    /**\n     * Lists the users that have direct permission to the file.\n     *\n     * @param key The file key\n     */\n    listUsers: async (key: string, target: EventTarget = document.body): Promise<ContextListResult<IUser>> => {\n      const e = new CustomEvent(EventTypes.Store.File.listUsers, {\n        bubbles: true,\n        cancelable: true,\n        composed: true,\n        detail: {\n          key,\n          result: undefined,\n        },\n      })\n      target.dispatchEvent(e)\n      return e.detail.result as unknown as Promise<ContextListResult<IUser>>\n    },\n\n    /**\n     * Lists breadcrumbs to the file.\n     *\n     * @param fileOrFolder The if of the file or folder to query for.\n     * @param options Optional query options.\n     */\n    breadcrumbs: async (\n      fileOrFolder: string,\n      target: EventTarget = document.body\n    ): Promise<ContextListResult<FileBreadcrumb>> => {\n      const e = new CustomEvent(EventTypes.Store.File.breadcrumbs, {\n        bubbles: true,\n        cancelable: true,\n        composed: true,\n        detail: {\n          key: fileOrFolder,\n          result: undefined,\n        },\n      })\n      target.dispatchEvent(e)\n      return e.detail.result as unknown as Promise<ContextListResult<FileBreadcrumb>>\n    },\n  }),\n  /**\n   * Reads the current user.\n   */\n  User: Object.freeze({\n    me: async (target: EventTarget = document.body): Promise<IUser> => {\n      const e = new CustomEvent(EventTypes.Store.User.me, {\n        bubbles: true,\n        cancelable: true,\n        composed: true,\n        detail: {\n          result: undefined,\n        },\n      })\n      target.dispatchEvent(e)\n      return e.detail.result as unknown as Promise<IUser>\n    },\n    read: async (\n      organizationId: string,\n      key: string,\n      target: EventTarget = document.body\n    ): Promise<IUser | undefined> => {\n      const e = new CustomEvent(EventTypes.Store.User.read, {\n        bubbles: true,\n        cancelable: true,\n        composed: true,\n        detail: {\n          key,\n          organizationId,\n          result: undefined,\n        },\n      })\n      target.dispatchEvent(e)\n      return e.detail.result as unknown as Promise<IUser>\n    },\n    list: async (\n      organizationId: string,\n      options?: ContextListOptions,\n      target: EventTarget = document.body\n    ): Promise<ContextListResult<IUser>> => {\n      const e = new CustomEvent(EventTypes.Store.User.list, {\n        bubbles: true,\n        cancelable: true,\n        composed: true,\n        detail: {\n          organizationId,\n          options,\n          result: undefined,\n        },\n      })\n      target.dispatchEvent(e)\n      return e.detail.result as unknown as Promise<ContextListResult<IUser>>\n    },\n  }),\n})\n"]}
+{"version":3,"file":"StoreEvents.js","sourceRoot":"","sources":["../../../src/events/StoreEvents.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable no-redeclare */\nimport type { Operation } from '@api-client/json/types.js'\nimport { EventTypes } from './EventTypes.js'\nimport type { FileBreadcrumb, IFile } from '@api-client/core/models/store/File.js'\nimport type { IApplication } from '@api-client/core/models/Application.js'\nimport type { ContextListOptions, ContextListResult, IPatchRevision } from '@api-client/core/events/BaseEvents.js'\nimport { type IFileCreateOptions, ListFileKind } from '@api-client/core/sdk/FilesSdk.js'\nimport type { IUser } from '@api-client/core/models/store/User.js'\nimport type { AccessOperation } from '@api-client/core/models/store/Permission.js'\n\n/**\n * Reads file metadata from the store.\n *\n * @param key The file key\n * @returns THe file metadata\n */\nfunction fileRead(key: string, media: false, target?: EventTarget): Promise<IFile>\n/**\n * Reads file contents from the store.\n *\n * @param key The file key\n * @returns THe file contents\n */\nfunction fileRead(key: string, media: true, target?: EventTarget): Promise<unknown>\n\n/**\n * Reads a user file definition from the store.\n * @param key The file key\n * @param media When true it reads file contents rather than metadata.\n */\nfunction fileRead(key: string, media: boolean, target: EventTarget = document.body): Promise<IFile | unknown> {\n  const e = new CustomEvent(EventTypes.Store.File.read, {\n    bubbles: true,\n    cancelable: true,\n    composed: true,\n    detail: {\n      key,\n      media,\n      result: undefined,\n    },\n  })\n  target.dispatchEvent(e)\n  return e.detail.result as unknown as Promise<IFile | unknown>\n}\n\n/**\n * Patches file's meta in the store.\n *\n * @param key The file key\n * @param value The patch to apply.\n */\nfunction patchFile(\n  key: string,\n  id: string,\n  value: Operation[],\n  app: IApplication,\n  media: false,\n  target?: EventTarget\n): Promise<IPatchRevision>\n\n/**\n * Patches file's content in the store.\n *\n * @param key The file key\n * @param value The patch to apply.\n */\nfunction patchFile(\n  key: string,\n  id: string,\n  value: Operation[],\n  app: IApplication,\n  // eslint-disable-next-line @typescript-eslint/unified-signatures\n  media: true,\n  target?: EventTarget\n): Promise<IPatchRevision>\n\n/**\n * Patches a file in the store.\n * @param key The key of the file to patch\n * @param value The JSON patch to be processed.\n * @returns The JSON patch to revert the change using the `@api-client/json` library\n */\nfunction patchFile(\n  key: string,\n  id: string,\n  value: Operation[],\n  app: IApplication,\n  media?: boolean,\n  target: EventTarget = document.body\n): Promise<IPatchRevision> {\n  const e = new CustomEvent(EventTypes.Store.File.patch, {\n    bubbles: true,\n    cancelable: true,\n    composed: true,\n    detail: {\n      key,\n      value,\n      media,\n      id,\n      app,\n      result: undefined,\n    },\n  })\n  target.dispatchEvent(e)\n  return e.detail.result as unknown as Promise<IPatchRevision>\n}\n\nexport default Object.freeze({\n  File: Object.freeze({\n    /**\n     * Lists files (spaces, projects, etc) in the store.\n     *\n     * @param kinds the list of kinds to list. Spaces are always included.\n     * @param options Optional query options.\n     */\n    list: async (\n      kinds?: ListFileKind[],\n      options?: ContextListOptions,\n      target: EventTarget = document.body\n    ): Promise<ContextListResult<IFile>> => {\n      const e = new CustomEvent(EventTypes.Store.File.list, {\n        bubbles: true,\n        cancelable: true,\n        composed: true,\n        detail: {\n          kinds,\n          options,\n          result: undefined,\n        },\n      })\n      target.dispatchEvent(e)\n      return e.detail.result as unknown as Promise<ContextListResult<IFile>>\n    },\n    /**\n     * Lists files that are shared with the user.\n     *\n     * @param kinds the list of kinds to list. Spaces are always included.\n     * @param options Optional query options.\n     */\n    listShared: async (\n      kinds?: ListFileKind[],\n      options?: ContextListOptions,\n      target: EventTarget = document.body\n    ): Promise<ContextListResult<IFile>> => {\n      const e = new CustomEvent(EventTypes.Store.File.listShared, {\n        bubbles: true,\n        cancelable: true,\n        composed: true,\n        detail: {\n          kinds,\n          options,\n          result: undefined,\n        },\n      })\n      target.dispatchEvent(e)\n      return e.detail.result as unknown as Promise<ContextListResult<IFile>>\n    },\n    /**\n     * Creates a file in the store.\n     *\n     * @param meta The definition of a file that extends the IFile interface.\n     * @param media The file content to create with the file meta, if available.\n     * @param opts Optional options when creating a file\n     * @returns The key of the creates file.\n     */\n    create: async (\n      meta: IFile,\n      media?: unknown,\n      opts?: IFileCreateOptions,\n      target: EventTarget = document.body\n    ): Promise<string> => {\n      const e = new CustomEvent(EventTypes.Store.File.create, {\n        bubbles: true,\n        cancelable: true,\n        composed: true,\n        detail: {\n          meta,\n          media,\n          opts,\n          result: undefined,\n        },\n      })\n      target.dispatchEvent(e)\n      return e.detail.result as unknown as Promise<string>\n    },\n    /**\n     * A special case of a create file flow.\n     * It allow to create a file only from a name and its kind.\n     * The store has logic to recognize the file from its `kind` and create a file.\n     *\n     * This is helpful when creating a new file from the \"create\" dialog.\n     *\n     * @param name The name provided by the user.\n     * @param kind File kind.\n     * @param opts Optional options when creating a file\n     * @returns The key of the creates file.\n     */\n    createDefault: async (\n      name: string,\n      kind: string,\n      opts?: IFileCreateOptions,\n      target: EventTarget = document.body\n    ): Promise<string> => {\n      const e = new CustomEvent(EventTypes.Store.File.createDefault, {\n        bubbles: true,\n        cancelable: true,\n        composed: true,\n        detail: {\n          name,\n          kind,\n          opts,\n          result: undefined,\n        },\n      })\n      target.dispatchEvent(e)\n      return e.detail.result as unknown as Promise<string>\n    },\n    read: fileRead,\n    patch: patchFile,\n    /**\n     * Deletes the file in the store.\n     *\n     * @param key The key of the file to delete.\n     */\n    delete: async (key: string, target: EventTarget = document.body): Promise<string> => {\n      const e = new CustomEvent(EventTypes.Store.File.delete, {\n        bubbles: true,\n        cancelable: true,\n        composed: true,\n        detail: {\n          key,\n          result: undefined,\n        },\n      })\n      target.dispatchEvent(e)\n      return e.detail.result as unknown as Promise<string>\n    },\n    /**\n     * Updates the sharing options of the file.\n     *\n     * @param key The file key\n     * @param id The generated by the client random id. This id is reported back by the server.\n     * @param value The patch operation on the file's ACL\n     */\n    patchUsers: async (\n      key: string,\n      id: string,\n      value: AccessOperation[],\n      app: IApplication,\n      target: EventTarget = document.body\n    ): Promise<void> => {\n      const e = new CustomEvent(EventTypes.Store.File.patchUsers, {\n        bubbles: true,\n        cancelable: true,\n        composed: true,\n        detail: {\n          key,\n          value,\n          id,\n          app,\n          result: undefined,\n        },\n      })\n      target.dispatchEvent(e)\n      await (e.detail.result as unknown as Promise<void>)\n    },\n    /**\n     * Lists the users that have direct permission to the file.\n     *\n     * @param key The file key\n     */\n    listUsers: async (key: string, target: EventTarget = document.body): Promise<ContextListResult<IUser>> => {\n      const e = new CustomEvent(EventTypes.Store.File.listUsers, {\n        bubbles: true,\n        cancelable: true,\n        composed: true,\n        detail: {\n          key,\n          result: undefined,\n        },\n      })\n      target.dispatchEvent(e)\n      return e.detail.result as unknown as Promise<ContextListResult<IUser>>\n    },\n\n    /**\n     * Lists breadcrumbs to the file.\n     *\n     * @param fileOrFolder The if of the file or folder to query for.\n     * @param options Optional query options.\n     */\n    breadcrumbs: async (\n      fileOrFolder: string,\n      target: EventTarget = document.body\n    ): Promise<ContextListResult<FileBreadcrumb>> => {\n      const e = new CustomEvent(EventTypes.Store.File.breadcrumbs, {\n        bubbles: true,\n        cancelable: true,\n        composed: true,\n        detail: {\n          key: fileOrFolder,\n          result: undefined,\n        },\n      })\n      target.dispatchEvent(e)\n      return e.detail.result as unknown as Promise<ContextListResult<FileBreadcrumb>>\n    },\n  }),\n  /**\n   * Reads the current user.\n   */\n  User: Object.freeze({\n    me: async (target: EventTarget = document.body): Promise<IUser> => {\n      const e = new CustomEvent(EventTypes.Store.User.me, {\n        bubbles: true,\n        cancelable: true,\n        composed: true,\n        detail: {\n          result: undefined,\n        },\n      })\n      target.dispatchEvent(e)\n      return e.detail.result as unknown as Promise<IUser>\n    },\n    read: async (\n      organizationId: string,\n      key: string,\n      target: EventTarget = document.body\n    ): Promise<IUser | undefined> => {\n      const e = new CustomEvent(EventTypes.Store.User.read, {\n        bubbles: true,\n        cancelable: true,\n        composed: true,\n        detail: {\n          key,\n          organizationId,\n          result: undefined,\n        },\n      })\n      target.dispatchEvent(e)\n      return e.detail.result as unknown as Promise<IUser>\n    },\n    list: async (\n      organizationId: string,\n      options?: ContextListOptions,\n      target: EventTarget = document.body\n    ): Promise<ContextListResult<IUser>> => {\n      const e = new CustomEvent(EventTypes.Store.User.list, {\n        bubbles: true,\n        cancelable: true,\n        composed: true,\n        detail: {\n          organizationId,\n          options,\n          result: undefined,\n        },\n      })\n      target.dispatchEvent(e)\n      return e.detail.result as unknown as Promise<ContextListResult<IUser>>\n    },\n  }),\n})\n"]}

package/demo/elements/index.html

@@ -48,8 +48,8 @@
         <dt><a href="authorization/index.html">Authorization element</a></dt>
         <dd>Elements to define HTTP authorization.</dd>
 
-        <dt><a href="store/index.html">Net store UI</a></dt>
-        <dd>UIs related to the net-store library.</dd>
+        <dt><a href="user/user-avatar.html">User avatar</a></dt>
+        <dd>User avatar element.</dd>
       </dl>
     </nav>
   </main>

package/demo/elements/user/user-avatar.html

@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, minimum-scale=1, initial-scale=1, user-scalable=yes">
+  <title>User Avatar</title>
+  <link href="../../../src/styles/m3/tokens.css" rel="stylesheet" type="text/css" />
+  <link href="../../../src/styles/m3/theme.css" rel="stylesheet" type="text/css" />
+</head>
+
+<body class="demo">
+  <div id="app"></div>
+  <script type="module" src="../../../.tmp/demo/demo/elements/user/user-avatar.js"></script>
+</body>
+
+</html>

package/demo/elements/user/user-avatar.ts

@@ -0,0 +1,56 @@
+import { IUser } from '@api-client/core/models/store/User.js'
+import { DemoPage } from '../../../src/demo/DemoPage.js'
+import { reactive } from '../../../src/decorators/index.js'
+import { UserKind } from '@api-client/core/models/kinds.js'
+import { html, TemplateResult } from 'lit'
+import '../../../src/elements/user/ui-user-avatar.js'
+
+class ComponentDemoPage extends DemoPage {
+  @reactive() accessor user1: IUser
+  @reactive() accessor user2: IUser
+
+  constructor() {
+    super()
+    this.componentName = 'User Avatar'
+    this.user1 = {
+      key: '1',
+      name: 'John Doe',
+      email: [{ email: 'john.doe  @example.com', verified: true }],
+      picture: {
+        url: 'https://i.pravatar.cc/300',
+      },
+      kind: UserKind,
+      status: 'active',
+      grantType: 'editor',
+    }
+    this.user2 = {
+      key: '2',
+      name: 'John Doe',
+      email: [{ email: 'john.doe  @example.com', verified: true }],
+      kind: UserKind,
+      status: 'active',
+      grantType: 'editor',
+    }
+  }
+
+  contentTemplate(): TemplateResult {
+    return html`
+      <a href="./">Back</a>
+      <section class="centered">
+        <h3>Full data</h3>
+        <ui-user-avatar .user="${this.user1}"></ui-user-avatar>
+        <h3>No image</h3>
+        <ui-user-avatar .user="${this.user2}"></ui-user-avatar>
+        <h3>No user</h3>
+        <ui-user-avatar></ui-user-avatar>
+        <h3>Custom size</h3>
+        <ui-user-avatar style="width: 128px; height: 128px" .user="${this.user1}"></ui-user-avatar>
+        <h3>Icon type</h3>
+        <ui-user-avatar .user="${this.user1}" type="icon"></ui-user-avatar>
+      </section>
+    `
+  }
+}
+
+const instance = new ComponentDemoPage()
+instance.render()

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@api-client/ui",
-  "version": "0.1.4",
+  "version": "0.1.6",
   "description": "Internal UI component library for the API Client ecosystem.",
   "license": "UNLICENSED",
   "main": "build/src/index.js",
@@ -67,7 +67,7 @@
     "tsc:watch": "wireit",
     "tsc": "wireit",
     "gen:apis": "node demo/model.js",
-    "dev": "node --import ts-node-maintained/register/esm --enable-source-maps bin/dev.ts --watch --config=wds-demo.config.js",
+    "dev": "wireit",
     "tsc:tests": "wireit",
     "tsc:demo": "wireit"
   },
@@ -153,6 +153,25 @@
         ".tmp/tests/**",
         ".tsbuildinfo"
       ]
+    },
+    "dev": {
+      "command": "wds --watch --config=wds-demo.config.js",
+      "files": [
+        "demo/**"
+      ],
+      "service": true,
+      "dependencies": [
+        "build:ts:watch"
+      ]
+    },
+    "build:ts:watch": {
+      "command": "tsc --watch --project tsconfig.browser.json",
+      "files": [
+        "src/**",
+        "demo/**",
+        "tsconfig.browser.json"
+      ],
+      "service": true
     }
   },
   "dependencies": {

package/src/elements/user/internals/UserAvatar.styles.ts

@@ -6,8 +6,8 @@ export default css`
     outline: none;
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
     justify-content: center;
-    height: var(--_state-layer-height);
-    width: var(--_state-layer-width);
+    height: 40px;
+    width: 40px;
 
     --_focus-icon-color: var(--md-icon-button-focus-icon-color, var(--md-sys-color-on-surface-variant, #49454f));
     --_hover-icon-color: var(--md-icon-button-hover-icon-color, var(--md-sys-color-on-surface-variant, #49454f));
@@ -24,8 +24,6 @@ export default css`
     );
     --_pressed-state-layer-opacity: var(--md-icon-button-pressed-state-layer-opacity, 0.12);
     --_state-layer-shape: var(--md-icon-button-state-layer-shape, var(--md-sys-shape-corner-full, 9999px));
-    --_state-layer-height: 40px;
-    --_state-layer-width: 40px;
   }
 
   .icon-button {
@@ -89,15 +87,13 @@ export default css`
 
   .user-icon,
   .avatar-initials {
-    background-color: var(--user-avatar-initials-background-color, #0540f2);
-    color: var(--user-avatar-initials-color, #fff);
+    background-color: var(--md-sys-color-primary-container, #9eeffe);
+    color: var(--md-sys-color-on-primary-container, #001f24);
   }
 
   .avatar-initials {
-    /* border-radius: 50%; */
     text-transform: uppercase;
     font-size: large;
-    border: 1px #0d47a1 solid;
     width: 100%;
     height: 100%;
     display: flex;
@@ -105,8 +101,18 @@ export default css`
     justify-content: center;
   }
 
-  .user-icon {
-    height: var(--_state-layer-height);
-    width: var(--_state-layer-width);
+  .user-icon,
+  .icon-button,
+  .icon {
+    height: inherit;
+    width: inherit;
+  }
+
+  .avatar-background {
+    fill: var(--md-sys-color-primary-container, #9eeffe);
+  }
+
+  .avatar-lines {
+    fill: var(--md-sys-color-on-primary-container, #001f24);
   }
 `

package/src/elements/user/internals/UserAvatar.ts

@@ -1,12 +1,12 @@
-import { html, TemplateResult, LitElement } from 'lit'
+import { html, TemplateResult, LitElement, PropertyValues, SVGTemplateResult, svg } from 'lit'
 import { property, state } from 'lit/decorators.js'
 import type { IUser } from '@api-client/core/models/store/User.js'
 import '@material/web/focus/md-focus-ring.js'
 import '@material/web/ripple/ripple.js'
 
-export default class UserAvatar extends LitElement {
-  private _user?: IUser
+export type AvatarType = 'button' | 'icon'
 
+export default class UserAvatar extends LitElement {
   /**
    * Set with the user. The computed user initials.
    */
@@ -17,30 +17,30 @@ export default class UserAvatar extends LitElement {
    */
   @state() protected accessor userPicture: string | undefined
 
-  get user(): IUser | undefined {
-    return this._user
-  }
-
   /**
+   * The user object to display the avatar for.
+   */
+  @property({ type: Object }) accessor user: IUser | undefined
+  /**
+   * The type of avatar to render, either 'button' or 'icon'.
    * @attribute
    */
-  @property({ type: Object })
-  set user(value: IUser | undefined) {
-    const old = this._user
-    if (old === value) {
-      return
-    }
-    if (old && value && old.key === value.key) {
-      return
+  @property({ type: String }) accessor type: AvatarType = 'button'
+
+  protected override willUpdate(cp: PropertyValues<this>): void {
+    if (cp.has('user')) {
+      this.handleUserChange(this.user)
     }
-    this._user = value
-    this.requestUpdate('user', old)
-    this._processUser(value)
+    super.willUpdate(cp)
   }
 
-  protected _processUser(user?: IUser): void {
+  /**
+   * Handles changes to the user property.
+   * @param user The user object
+   */
+  protected handleUserChange(user?: IUser): void {
     if (user) {
-      this.userInitials = this._readUserInitials(user)
+      this.userInitials = this.readUserInitials(user)
       this.userPicture = user.picture && user.picture.url
     } else {
       this.userInitials = undefined
@@ -48,7 +48,7 @@ export default class UserAvatar extends LitElement {
     }
   }
 
-  protected _readUserInitials(user: IUser): string | undefined {
+  protected readUserInitials(user: IUser): string | undefined {
     const { name } = user
     if (!name) {
       return undefined
@@ -62,7 +62,7 @@ export default class UserAvatar extends LitElement {
     return parts.join('')
   }
 
-  protected _pictureError(): void {
+  protected handlePictureError(): void {
     this.userPicture = undefined
   }
 
@@ -70,18 +70,22 @@ export default class UserAvatar extends LitElement {
    * @return Template result for an icon
    */
   override render(): TemplateResult {
-    const { user, userPicture } = this
-    if (!user || user.key === 'default') {
-      return html``
-    }
+    const { userPicture } = this
     let content: TemplateResult
     if (userPicture) {
       content = this.pictureTemplate(userPicture)
     } else if (this.userInitials) {
       content = this.nameTemplate(this.userInitials)
     } else {
-      content = this.nameTemplate('')
+      content = this.renderDefaultAvatar()
+    }
+    if (this.type === 'icon') {
+      return this.renderIcon(content)
     }
+    return this.renderButton(content)
+  }
+
+  protected renderButton(content: TemplateResult): TemplateResult {
     return html`
       <button id="button" class="icon-button">
         <md-focus-ring part="focus-ring" for="button"></md-focus-ring>
@@ -92,13 +96,17 @@ export default class UserAvatar extends LitElement {
     `
   }
 
+  protected renderIcon(content: TemplateResult): TemplateResult {
+    return html`<span role="presentation" class="icon">${content}</span>`
+  }
+
   protected pictureTemplate(url: string): TemplateResult {
     return html`
       <img
         src="${url}"
         alt="${this.userInitials || 'Thumb'}"
         class="user-picture user-icon"
-        @error="${this._pictureError}"
+        @error="${this.handlePictureError}"
       />
     `
   }
@@ -110,4 +118,26 @@ export default class UserAvatar extends LitElement {
   protected nameTemplate(initials: string): TemplateResult {
     return html` <span class="avatar-initials user-icon">${initials}</span> `
   }
+
+  protected renderDefaultAvatar(): TemplateResult {
+    return html`<span class="avatar-default icon"> ${this.defaultIcon()} </span>`
+  }
+
+  protected defaultIcon(): SVGTemplateResult {
+    return svg`
+    <svg viewBox="0 0 120 120" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon">
+      <rect width="120" height="120" rx="60" class="avatar-background" />
+      <path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M78.0007 48C78.0007 57.9411 69.9419 66 60.0007 66C50.0596 66 42.0007 57.9411 42.0007 48C42.0007 38.0589 50.0596 30 60.0007 30C69.9419 30 78.0007 38.0589 78.0007 48ZM72.0007 48C72.0007 54.6274 66.6282 60 60.0007 60C53.3733 60 48.0007 54.6274 48.0007 48C48.0007 41.3726 53.3733 36 60.0007 36C66.6282 36 72.0007 41.3726 72.0007 48Z"
+        class="avatar-lines"
+      />
+      <path
+        d="M60.0007 75C40.5776 75 24.0286 86.4852 17.7246 102.576C19.2603 104.101 20.878 105.543 22.5706 106.896C27.2648 92.1231 41.9909 81 60.0007 81C78.0106 81 92.7367 92.1231 97.4309 106.896C99.1235 105.544 100.741 104.101 102.277 102.576C95.973 86.4853 79.4239 75 60.0007 75Z"
+        class="avatar-lines"
+      />
+    </svg>
+    `
+  }
 }

package/src/events/StoreEvents.ts

@@ -4,7 +4,7 @@ import { EventTypes } from './EventTypes.js'
 import type { FileBreadcrumb, IFile } from '@api-client/core/models/store/File.js'
 import type { IApplication } from '@api-client/core/models/Application.js'
 import type { ContextListOptions, ContextListResult, IPatchRevision } from '@api-client/core/events/BaseEvents.js'
-import { type IFileCreateOptions, ListFileKind } from '@api-client/core/runtime/store/FilesSdk.js'
+import { type IFileCreateOptions, ListFileKind } from '@api-client/core/sdk/FilesSdk.js'
 import type { IUser } from '@api-client/core/models/store/User.js'
 import type { AccessOperation } from '@api-client/core/models/store/Permission.js'
 

package/tsconfig.browser.json

@@ -17,6 +17,7 @@
     "rootDir": "./",
     "baseUrl": ".",
     "sourceMap": true,
+    "declarationMap": true,
     "declaration": true,
     "noImplicitThis": true,
     "noImplicitAny": true,