@api-client/ui 0.0.11 → 0.0.13

package/dist/elements/authorization/ui/CC.styles.js

@@ -1,19 +1,14 @@
 import { css } from 'lit';
 export default css `
-.cert-meta {
-  display: inline-flex;
-  align-items: center;
-}
-
 :host {
-  max-height: 300px;
   display: flex;
   flex-direction: column;
 }
 
-form {
-  overflow: auto;
-  flex: 1;
+.certificate-info {
+  display: flex;
+  align-items: center;
+  margin-top: 20px;
 }
 `;
 //# sourceMappingURL=CC.styles.js.map

package/dist/elements/authorization/ui/CC.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"CC.styles.js","sourceRoot":"","sources":["../../../../src/elements/authorization/ui/CC.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;CAgBjB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport default css`\n.cert-meta {\n  display: inline-flex;\n  align-items: center;\n}\n\n:host {\n  max-height: 300px;\n  display: flex;\n  flex-direction: column;\n}\n\nform {\n  overflow: auto;\n  flex: 1;\n}\n`;\n"]}
+{"version":3,"file":"CC.styles.js","sourceRoot":"","sources":["../../../../src/elements/authorization/ui/CC.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,eAAe,GAAG,CAAA;;;;;;;;;;;CAWjB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport default css`\n:host {\n  display: flex;\n  flex-direction: column;\n}\n\n.certificate-info {\n  display: flex;\n  align-items: center;\n  margin-top: 20px;\n}\n`;\n"]}

package/dist/elements/authorization/ui/CcAuthorization.d.ts

@@ -1,37 +1,22 @@
 import { nothing, TemplateResult } from "lit";
-import { HttpCertificate, ICertificate, BroadcastCreatedEvent, DeletedBroadcastEvent } from '@api-client/core/build/browser.js';
-import '@github/relative-time-element';
+import { ICCAuthorization, HttpCertificate } from '@api-client/core/build/browser.js';
 import { Authorization } from "./Authorization.js";
+import type { FilePickerClosingReason } from "../../store/FilePicker.element.js";
+import '../../../define/ui/ui-dropdown-list.js';
 import '../../../define/ui/ui-button.js';
-import '../../../define/ui/ui-radio.js';
+import '../../../define/ui/ui-icon-button.js';
+import '../../../define/ui/ui-icon.js';
+import '../../../define/store/file-picker.js';
 export default class CcAuthorization extends Authorization {
-    items?: ICertificate[];
-    querying: boolean;
-    loadingError?: string;
-    channel: BroadcastChannel;
-    constructor();
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    protected handleBroadcast(e: MessageEvent): void;
-    protected handleCreated(event: BroadcastCreatedEvent): void;
-    protected handleDeleted(event: DeletedBroadcastEvent): void;
-    protected queryCertificates(): Promise<void>;
-    protected handleSelected(e: Event): void;
+    selectorRendered: boolean;
+    get config(): ICCAuthorization;
+    protected handleClose(e: CustomEvent<FilePickerClosingReason>): void;
+    setCertificate(key: string): Promise<void>;
+    protected handleDropDownOpen(): void;
+    protected handleClearCertificate(): void;
     render(): TemplateResult;
     protected renderEditor(): TemplateResult | typeof nothing;
-    protected renderErrorState(error: string): TemplateResult;
-    protected renderEmptyState(): TemplateResult;
-    protected renderList(items: HttpCertificate[], current?: ICertificate): TemplateResult;
-    protected renderNoneItem(selectedKey?: string): TemplateResult;
-    /**
-     * @param item The item to render
-     * @returns The template for the dropdown item.
-     */
-    protected renderCertItem(item: HttpCertificate, selectedKey?: string): TemplateResult;
-    /**
-     * @param created The certificate created time.
-     * @returns The template for the cert time element.
-     */
-    protected renderDateTime(created?: number): TemplateResult;
+    protected renderSelector(): TemplateResult;
+    protected renderSelection(certificate: HttpCertificate): TemplateResult;
 }
 //# sourceMappingURL=CcAuthorization.d.ts.map

package/dist/elements/authorization/ui/CcAuthorization.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CcAuthorization.d.ts","sourceRoot":"","sources":["../../../../src/elements/authorization/ui/CcAuthorization.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,OAAO,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAEpD,OAAO,EACa,eAAe,EACjC,YAAY,EAEZ,qBAAqB,EACrB,qBAAqB,EACtB,MAAM,mCAAmC,CAAC;AAC3C,OAAO,+BAA+B,CAAC;AACvC,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAInD,OAAO,iCAAiC,CAAC;AACzC,OAAO,gCAAgC,CAAC;AAExC,MAAM,CAAC,OAAO,OAAO,eAAgB,SAAQ,aAAa;IAC/C,KAAK,CAAC,EAAE,YAAY,EAAE,CAAC;IAEvB,QAAQ,UAAS;IAEjB,YAAY,CAAC,EAAE,MAAM,CAAC;IAE/B,OAAO,mBAAqD;;IAQnD,iBAAiB,IAAI,IAAI;IAMzB,oBAAoB,IAAI,IAAI;IAKrC,SAAS,CAAC,eAAe,CAAC,CAAC,EAAE,YAAY,GAAG,IAAI;IAShD,SAAS,CAAC,aAAa,CAAC,KAAK,EAAE,qBAAqB,GAAG,IAAI;IAc3D,SAAS,CAAC,aAAa,CAAC,KAAK,EAAE,qBAAqB,GAAG,IAAI;cAY3C,iBAAiB,IAAI,OAAO,CAAC,IAAI,CAAC;IAoBlD,SAAS,CAAC,cAAc,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IA8B/B,MAAM,IAAI,cAAc;IAOjC,SAAS,CAAC,YAAY,IAAI,cAAc,GAAG,OAAO,OAAO;IAsBzD,SAAS,CAAC,gBAAgB,CAAC,KAAK,EAAE,MAAM,GAAG,cAAc;IAIzD,SAAS,CAAC,gBAAgB,IAAI,cAAc;IAI5C,SAAS,CAAC,UAAU,CAAC,KAAK,EAAE,eAAe,EAAE,EAAE,OAAO,CAAC,EAAE,YAAY,GAAG,cAAc;IAQtF,SAAS,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,MAAM,GAAG,cAAc;IAS9D;;;OAGG;IACH,SAAS,CAAC,cAAc,CAAC,IAAI,EAAE,eAAe,EAAE,WAAW,CAAC,EAAE,MAAM,GAAG,cAAc;IAcrF;;;OAGG;IACH,SAAS,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE,MAAM,GAAG,cAAc;CAS3D"}
+{"version":3,"file":"CcAuthorization.d.ts","sourceRoot":"","sources":["../../../../src/elements/authorization/ui/CcAuthorization.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,OAAO,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AACpD,OAAO,EACL,gBAAgB,EAAE,eAAe,EAClC,MAAM,mCAAmC,CAAC;AAE3C,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,mCAAmC,CAAC;AAEjF,OAAO,wCAAwC,CAAC;AAChD,OAAO,iCAAiC,CAAC;AACzC,OAAO,sCAAsC,CAAC;AAC9C,OAAO,+BAA+B,CAAC;AACvC,OAAO,sCAAsC,CAAC;AAE9C,MAAM,CAAC,OAAO,OAAO,eAAgB,SAAQ,aAAa;IAC/C,gBAAgB,UAAS;IAElC,IAAI,MAAM,IAAI,gBAAgB,CAS7B;IAED,SAAS,CAAC,WAAW,CAAC,CAAC,EAAE,WAAW,CAAC,uBAAuB,CAAC,GAAG,IAAI;IAa9D,cAAc,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;IAahD,SAAS,CAAC,kBAAkB,IAAI,IAAI;IAOpC,SAAS,CAAC,sBAAsB,IAAI,IAAI;IAO/B,MAAM,IAAI,cAAc;IAOjC,SAAS,CAAC,YAAY,IAAI,cAAc,GAAG,OAAO,OAAO;IAWzD,SAAS,CAAC,cAAc,IAAI,cAAc;IAa1C,SAAS,CAAC,eAAe,CAAC,WAAW,EAAE,eAAe,GAAG,cAAc;CAcxE"}

package/dist/elements/authorization/ui/CcAuthorization.js

@@ -1,114 +1,65 @@
 import { __decorate } from "tslib";
 import { html, nothing } from "lit";
+import { Events as CoreEvents, CertificateFileKind, } from '@api-client/core/build/browser.js';
 import { state } from "lit/decorators.js";
-import { Events as CoreEvents, } from '@api-client/core/build/browser.js';
-import '@github/relative-time-element';
 import { Authorization } from "./Authorization.js";
 import { Events } from "../../../events/Events.js";
-import { StoreBroadcast } from "../../../http-client/store/StoreBroadcast.js";
+import '../../../define/ui/ui-dropdown-list.js';
 import '../../../define/ui/ui-button.js';
-import '../../../define/ui/ui-radio.js';
+import '../../../define/ui/ui-icon-button.js';
+import '../../../define/ui/ui-icon.js';
+import '../../../define/store/file-picker.js';
 export default class CcAuthorization extends Authorization {
     constructor() {
-        super();
-        this.querying = false;
-        this.channel = new BroadcastChannel(StoreBroadcast.certificates);
-        this.handleBroadcast = this.handleBroadcast.bind(this);
+        super(...arguments);
+        this.selectorRendered = false;
     }
-    connectedCallback() {
-        super.connectedCallback();
-        this.channel.addEventListener('message', this.handleBroadcast);
-        this.queryCertificates();
-    }
-    disconnectedCallback() {
-        super.disconnectedCallback();
-        this.channel.removeEventListener('message', this.handleBroadcast);
-    }
-    handleBroadcast(e) {
-        const event = e.data;
-        switch (event.operation) {
-            case 'created':
-                this.handleCreated(event);
-                break;
-            case 'deleted':
-                this.handleDeleted(event);
-                break;
-            default:
-        }
-    }
-    handleCreated(event) {
-        const cert = event.data;
-        if (!this.items) {
-            this.items = [];
-        }
-        const index = this.items.findIndex(i => i.key === cert.key);
-        if (index >= 0) {
-            this.items[index] = cert;
+    get config() {
+        const { authorization } = this;
+        if (!authorization) {
+            return {};
         }
-        else {
-            this.items.push(cert);
+        if (!authorization.config) {
+            authorization.config = {};
         }
-        this.requestUpdate();
+        return authorization.config;
     }
-    handleDeleted(event) {
-        if (!this.items) {
+    handleClose(e) {
+        const { canceled, file } = e.detail;
+        if (canceled) {
             return;
         }
-        const { key } = event;
-        const index = this.items.findIndex(i => i.key === key);
-        if (index >= 0) {
-            this.items.splice(index, 1);
-            this.requestUpdate();
-        }
+        this.setCertificate(file.key);
+        CoreEvents.Telemetry.event({
+            category: 'Certificates',
+            action: 'Authorization',
+            label: 'selected-certificate'
+        }, this);
     }
-    async queryCertificates() {
-        if (this.querying) {
-            return;
-        }
-        this.querying = true;
+    async setCertificate(key) {
+        let result;
         try {
-            const data = await Events.HttpClient.Model.Certificate.list({ limit: 100, space: "" }); // the space should be filled by the bindings / hosting app
-            if (!data) {
-                this.items = undefined;
-                throw new Error(`Certificates query not handled by the store.`);
-                return;
-            }
-            this.items = data.items;
-        }
-        catch (cause) {
-            this.loadingError = cause.message;
+            result = await Events.Store.File.read(key, true, this);
         }
-        finally {
-            this.querying = false;
-        }
-    }
-    handleSelected(e) {
-        const { authorization } = this;
-        if (!authorization) {
-            return;
-        }
-        const radio = e.target;
-        const { checked, value } = radio;
-        if (!checked) {
+        catch (_) {
             return;
         }
-        const config = authorization.config || {};
-        if (value === '') {
-            delete config.certificate;
-        }
-        else {
-            const cert = this.items?.find(i => i.key === value);
-            if (!cert) {
-                return;
-            }
-            config.certificate = cert;
+        const { config } = this;
+        config.certificate = result;
+        this.requestUpdate();
+        this.notifyChange();
+    }
+    handleDropDownOpen() {
+        this.selectorRendered = true;
+        if (this.isUpdatePending) {
+            this.scheduleUpdate();
         }
+    }
+    handleClearCertificate() {
+        const { config } = this;
+        delete config.certificate;
+        this.requestUpdate();
         this.notifyChange();
-        CoreEvents.Telemetry.event({
-            category: 'Certificates',
-            action: 'Authorization',
-            label: 'selected-certificate'
-        }, this);
     }
     render() {
         return html `
@@ -117,85 +68,43 @@ export default class CcAuthorization extends Authorization {
     `;
     }
     renderEditor() {
-        const { authorization, loadingError, items } = this;
-        if (!authorization) {
-            return nothing;
-        }
-        const hasItems = !!items && !!items.length;
-        if (!loadingError && !hasItems) {
-            return html `
-      ${this.renderEmptyState()}
-      `;
-        }
-        const config = authorization.config || {};
+        const { config } = this;
+        const { certificate } = config;
+        // Note, the <form> element is required by the Authorization class for validation.
         return html `
-    ${loadingError ? this.renderErrorState(loadingError) : ''}
-    ${hasItems ? html `
-    <form autocomplete="on" class="auth-form basic-auth">
-      ${this.renderList(items, config.certificate)}
-    </form>
-    ` : ''}
+    <form autocomplete="on" class="auth-form cc-auth"></form>
+    ${this.renderSelector()}
+    ${certificate ? this.renderSelection(certificate) : nothing}
     `;
     }
-    renderErrorState(error) {
-        return html `<p class="error-message">Unable to load certificates: ${error}.</p>`;
-    }
-    renderEmptyState() {
-        return html `<p class="empty-screen body-large">There are no certificates installed in this application.</p>`;
-    }
-    renderList(items, current) {
-        const currentKey = current && current.key;
+    renderSelector() {
+        const { selectorRendered } = this;
+        const kinds = [CertificateFileKind];
         return html `
-      ${this.renderNoneItem(currentKey)}
-      ${items.map((item) => this.renderCertItem(item, currentKey))}
-    `;
-    }
-    renderNoneItem(selectedKey) {
-        return html `
-    <label class="label-medium">
-      <ui-radio name="certificate" value="" .checked="${!selectedKey}" @change="${this.handleSelected}"></ui-radio>
-      None
-    </label>
-    `;
-    }
-    /**
-     * @param item The item to render
-     * @returns The template for the dropdown item.
-     */
-    renderCertItem(item, selectedKey) {
-        return html `
-    <div class="cert-item">
-      <label>
-        <ui-radio name="certificate" value="${item.key}" .checked="${item.key === selectedKey}" @change="${this.handleSelected}"></ui-radio>
-        <div class="cert-meta">
-          <span class="label-medium">${item.name}</span>
-          <span class="body-small">Added: ${this.renderDateTime(item.created)}</span>
-        </div>
-      </label>
+    <div class="selector">
+      <ui-dropdown-list @open="${this.handleDropDownOpen}">
+        <ui-button class="dropdown-trigger" type="tonal">Select a certificate</ui-button>
+        ${selectorRendered ? html `<file-picker slot="dropdown" .kinds="${kinds}" @close="${this.handleClose}"></file-picker>` : nothing}
+      </ui-dropdown-list>
     </div>
     `;
     }
-    /**
-     * @param created The certificate created time.
-     * @returns The template for the cert time element.
-     */
-    renderDateTime(created) {
-        if (!created) {
-            return html `<span>Unknown</span>`;
-        }
-        const d = new Date(created);
+    renderSelection(certificate) {
         return html `
-    <relative-time datetime="${d.toISOString()}"></relative-time>
+    <div class="certificate-info body-medium">
+      Current certificate: ${certificate.name}
+      <ui-icon-button 
+        aria-label="Remove certificate from authorization" 
+        title="Remove certificate from authorization"
+        @click="${this.handleClearCertificate}"
+      >
+        <ui-icon role="presentation" icon="deleteOutline"></ui-icon>
+      </ui-icon-button>
+    </div>
     `;
     }
 }
 __decorate([
     state()
-], CcAuthorization.prototype, "items", void 0);
-__decorate([
-    state()
-], CcAuthorization.prototype, "querying", void 0);
-__decorate([
-    state()
-], CcAuthorization.prototype, "loadingError", void 0);
+], CcAuthorization.prototype, "selectorRendered", void 0);
 //# sourceMappingURL=CcAuthorization.js.map

package/dist/elements/authorization/ui/CcAuthorization.js.map

@@ -1 +1 @@
-{"version":3,"file":"CcAuthorization.js","sourceRoot":"","sources":["../../../../src/elements/authorization/ui/CcAuthorization.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, nothing, TemplateResult } from \"lit\";\nimport { state } from \"lit/decorators.js\";\nimport {\n  ICCAuthorization, HttpCertificate, Events as CoreEvents,\n  ICertificate,\n  BroadcastEvent,\n  BroadcastCreatedEvent,\n  DeletedBroadcastEvent,\n} from '@api-client/core/build/browser.js';\nimport '@github/relative-time-element';\nimport { Authorization } from \"./Authorization.js\";\nimport { Events } from \"../../../events/Events.js\";\nimport type RadioElement from \"../../../ui/input/RadioElement.js\";\nimport { StoreBroadcast } from \"../../../http-client/store/StoreBroadcast.js\";\nimport '../../../define/ui/ui-button.js';\nimport '../../../define/ui/ui-radio.js';\n\nexport default class CcAuthorization extends Authorization {\n  @state() items?: ICertificate[];\n\n  @state() querying = false;\n\n  @state() loadingError?: string;\n\n  channel = new BroadcastChannel(StoreBroadcast.certificates);\n\n  constructor() {\n    super();\n\n    this.handleBroadcast = this.handleBroadcast.bind(this);\n  }\n\n  override connectedCallback(): void {\n    super.connectedCallback();\n    this.channel.addEventListener('message', this.handleBroadcast);\n    this.queryCertificates();\n  }\n\n  override disconnectedCallback(): void {\n    super.disconnectedCallback();\n    this.channel.removeEventListener('message', this.handleBroadcast);\n  }\n\n  protected handleBroadcast(e: MessageEvent): void {\n    const event = e.data as BroadcastEvent;\n    switch (event.operation) {\n      case 'created': this.handleCreated(event as BroadcastCreatedEvent); break;\n      case 'deleted': this.handleDeleted(event as DeletedBroadcastEvent); break;\n      default:\n    }\n  }\n\n  protected handleCreated(event: BroadcastCreatedEvent): void {\n    const cert = event.data as ICertificate;\n    if (!this.items) {\n      this.items = [];\n    }\n    const index = this.items.findIndex(i => i.key === cert.key);\n    if (index >= 0) {\n      this.items[index] = cert;\n    } else {\n      this.items.push(cert);\n    }\n    this.requestUpdate();\n  }\n\n  protected handleDeleted(event: DeletedBroadcastEvent): void {\n    if (!this.items) {\n      return;\n    }\n    const { key } = event;\n    const index = this.items.findIndex(i => i.key === key);\n    if (index >= 0) {\n      this.items.splice(index, 1);\n      this.requestUpdate();\n    }\n  }\n\n  protected async queryCertificates(): Promise<void> {\n    if (this.querying) {\n      return;\n    }\n    this.querying = true;\n    try {\n      const data = await Events.HttpClient.Model.Certificate.list({ limit: 100, space: \"\" }); // the space should be filled by the bindings / hosting app\n      if (!data) {\n        this.items = undefined;\n        throw new Error(`Certificates query not handled by the store.`);\n        return;\n      }\n      this.items = data.items;\n    } catch (cause) {\n      this.loadingError = (cause as Error).message;\n    } finally {\n      this.querying = false;\n    }\n  }\n\n  protected handleSelected(e: Event): void {\n    const { authorization } = this;\n    if (!authorization) {\n      return;\n    }\n\n    const radio = e.target as RadioElement;\n    const { checked, value } = radio;\n    if (!checked) {\n      return;\n    }\n    const config = authorization.config as ICCAuthorization || {} as ICCAuthorization;\n    if (value === '') {\n      delete config.certificate;\n    } else {\n      const cert = this.items?.find(i => i.key === value);\n      if (!cert) {\n        return;\n      }\n      config.certificate = cert;\n    }\n    this.notifyChange();\n\n    CoreEvents.Telemetry.event({\n      category: 'Certificates',\n      action: 'Authorization',\n      label: 'selected-certificate'\n    }, this);\n  }\n\n  override render(): TemplateResult {\n    return html`\n    ${this.renderHeader()}\n    ${this.renderEditor()}\n    `;\n  }\n\n  protected renderEditor(): TemplateResult | typeof nothing {\n    const { authorization, loadingError, items } = this;\n    if (!authorization) {\n      return nothing;\n    }\n    const hasItems = !!items && !!items.length;\n    if (!loadingError && !hasItems) {\n      return html`\n      ${this.renderEmptyState()}\n      `;\n    }\n    const config = authorization.config as ICCAuthorization || {} as ICCAuthorization;\n    return html`\n    ${loadingError ? this.renderErrorState(loadingError) : ''}\n    ${hasItems ? html`\n    <form autocomplete=\"on\" class=\"auth-form basic-auth\">\n      ${this.renderList(items, config.certificate)}\n    </form>\n    ` : ''}\n    `;\n  }\n\n  protected renderErrorState(error: string): TemplateResult {\n    return html`<p class=\"error-message\">Unable to load certificates: ${error}.</p>`;\n  }\n\n  protected renderEmptyState(): TemplateResult {\n    return html`<p class=\"empty-screen body-large\">There are no certificates installed in this application.</p>`;\n  }\n\n  protected renderList(items: HttpCertificate[], current?: ICertificate): TemplateResult {\n    const currentKey = current && current.key;\n    return html`\n      ${this.renderNoneItem(currentKey)}\n      ${items.map((item) => this.renderCertItem(item, currentKey))}\n    `;\n  }\n\n  protected renderNoneItem(selectedKey?: string): TemplateResult {\n    return html`\n    <label class=\"label-medium\">\n      <ui-radio name=\"certificate\" value=\"\" .checked=\"${!selectedKey}\" @change=\"${this.handleSelected}\"></ui-radio>\n      None\n    </label>\n    `;\n  }\n\n  /**\n   * @param item The item to render\n   * @returns The template for the dropdown item.\n   */\n  protected renderCertItem(item: HttpCertificate, selectedKey?: string): TemplateResult {\n    return html`\n    <div class=\"cert-item\">\n      <label>\n        <ui-radio name=\"certificate\" value=\"${item.key}\" .checked=\"${item.key === selectedKey}\" @change=\"${this.handleSelected}\"></ui-radio>\n        <div class=\"cert-meta\">\n          <span class=\"label-medium\">${item.name}</span>\n          <span class=\"body-small\">Added: ${this.renderDateTime(item.created)}</span>\n        </div>\n      </label>\n    </div>\n    `;\n  }\n\n  /**\n   * @param created The certificate created time.\n   * @returns The template for the cert time element.\n   */\n  protected renderDateTime(created?: number): TemplateResult {\n    if (!created) {\n      return html`<span>Unknown</span>`;\n    }\n    const d = new Date(created);\n    return html`\n    <relative-time datetime=\"${d.toISOString()}\"></relative-time>\n    `;\n  }\n}\n"]}
+{"version":3,"file":"CcAuthorization.js","sourceRoot":"","sources":["../../../../src/elements/authorization/ui/CcAuthorization.ts"],"names":[],"mappings":"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","sourcesContent":["import { html, nothing, TemplateResult } from \"lit\";\nimport {\n  ICCAuthorization, HttpCertificate, Events as CoreEvents, CertificateFileKind, ICertificate, IFile,\n} from '@api-client/core/build/browser.js';\nimport { state } from \"lit/decorators.js\";\nimport { Authorization } from \"./Authorization.js\";\nimport type { FilePickerClosingReason } from \"../../store/FilePicker.element.js\";\nimport { Events } from \"../../../events/Events.js\";\nimport '../../../define/ui/ui-dropdown-list.js';\nimport '../../../define/ui/ui-button.js';\nimport '../../../define/ui/ui-icon-button.js';\nimport '../../../define/ui/ui-icon.js';\nimport '../../../define/store/file-picker.js';\n\nexport default class CcAuthorization extends Authorization {\n  @state() selectorRendered = false;\n\n  get config(): ICCAuthorization {\n    const { authorization } = this;\n    if (!authorization) {\n      return { };\n    }\n    if (!authorization.config) {\n      authorization.config = {} as ICCAuthorization;\n    }\n    return authorization.config as ICCAuthorization;\n  }\n\n  protected handleClose(e: CustomEvent<FilePickerClosingReason>): void {\n    const { canceled, file } = e.detail;\n    if (canceled) {\n      return;\n    }\n    this.setCertificate((file as IFile).key);\n    CoreEvents.Telemetry.event({\n      category: 'Certificates',\n      action: 'Authorization',\n      label: 'selected-certificate'\n    }, this);\n  }\n\n  async setCertificate(key: string): Promise<void> {\n    let result: unknown;\n    try {\n      result = await Events.Store.File.read(key, true, this);\n    } catch (_) {\n      return;\n    }\n    const { config } = this;\n    config.certificate = result as ICertificate;\n    this.requestUpdate();\n    this.notifyChange();\n  }\n\n  protected handleDropDownOpen(): void {\n    this.selectorRendered = true;\n    if (this.isUpdatePending) {\n      this.scheduleUpdate();\n    }\n  }\n\n  protected handleClearCertificate(): void {\n    const { config } = this;\n    delete config.certificate;\n    this.requestUpdate();\n    this.notifyChange();\n  }\n\n  override render(): TemplateResult {\n    return html`\n    ${this.renderHeader()}\n    ${this.renderEditor()}\n    `;\n  }\n\n  protected renderEditor(): TemplateResult | typeof nothing {\n    const { config } = this;\n    const { certificate } = config;\n    // Note, the <form> element is required by the Authorization class for validation.\n    return html`\n    <form autocomplete=\"on\" class=\"auth-form cc-auth\"></form>\n    ${this.renderSelector()}\n    ${certificate ? this.renderSelection(certificate) : nothing}\n    `;\n  }\n\n  protected renderSelector(): TemplateResult {\n    const { selectorRendered } = this;\n    const kinds: typeof CertificateFileKind[] = [CertificateFileKind];\n    return html`\n    <div class=\"selector\">\n      <ui-dropdown-list @open=\"${this.handleDropDownOpen}\">\n        <ui-button class=\"dropdown-trigger\" type=\"tonal\">Select a certificate</ui-button>\n        ${selectorRendered ? html`<file-picker slot=\"dropdown\" .kinds=\"${kinds}\" @close=\"${this.handleClose}\"></file-picker>` : nothing}\n      </ui-dropdown-list>\n    </div>\n    `;\n  }\n\n  protected renderSelection(certificate: HttpCertificate): TemplateResult {\n    return html`\n    <div class=\"certificate-info body-medium\">\n      Current certificate: ${certificate.name}\n      <ui-icon-button \n        aria-label=\"Remove certificate from authorization\" \n        title=\"Remove certificate from authorization\"\n        @click=\"${this.handleClearCertificate}\"\n      >\n        <ui-icon role=\"presentation\" icon=\"deleteOutline\"></ui-icon>\n      </ui-icon-button>\n    </div>\n    `;\n  }\n}\n"]}

package/dist/elements/http/CertificateAdd.element.d.ts

@@ -0,0 +1,91 @@
+/// <reference types="pouchdb-core" />
+/// <reference types="node" />
+import { CertificateType } from "@api-client/core/build/browser.js";
+import { CSSResult, nothing, TemplateResult } from "lit";
+import ApiElement from "../ApiElement.js";
+import type { ISegmentedButtonSelectionDetail } from '../../ui/button/SegmentedButtonsSet.js';
+import '../../define/ui/ui-segmented-button.js';
+import '../../define/ui/ui-segmented-button-set.js';
+import '../../define/ui/ui-text-field.js';
+import '../../define/ui/ui-button.js';
+import '../../define/ui/ui-icon.js';
+import '../../define/ui/ui-progress.js';
+interface CertificateInfo {
+    fileName: string;
+    contents: ArrayBuffer | Buffer;
+}
+/**
+ * An element that renders a certificate import UI.
+ *
+ * Notes for implementation:
+ * - `p12` is a single file, may have a passphrase
+ * - `pem` is 2 files: the certificate and the key
+ * - `pem` may have a `passphrase` on the key but not on the certificate.
+ */
+export default class CertificateAdd extends ApiElement {
+    static get styles(): CSSResult[];
+    /**
+     * The type of the certificate to import.
+     * @attribute
+     */
+    importType: CertificateType;
+    /**
+     * The parent folder where to insert the imported certificate.
+     * @attribute
+     */
+    folder?: string;
+    /**
+     * The current workspace for the file.
+     * @attribute
+     */
+    space?: string;
+    /**
+     * When an IO operation is in progress.
+     */
+    working?: boolean;
+    certificateFile?: CertificateInfo;
+    keyFile?: CertificateInfo;
+    /**
+     * The password for the certificate
+     */
+    certificatePassword?: string;
+    /**
+     * The password for the key.
+     */
+    keyPassword?: string;
+    /**
+     * The user entered certificate name.
+     */
+    protected certificateName?: string;
+    get hasKeyImport(): boolean;
+    get hasCertificatePasswordInput(): boolean;
+    protected handleViewSelection(e: CustomEvent<ISegmentedButtonSelectionDetail>): void;
+    protected handleNameChange(e: Event): void;
+    protected handleCertificatePasswordChange(e: Event): void;
+    protected handleKeyPasswordChange(e: Event): void;
+    protected handleSelectCertificate(): void;
+    protected handleSelectKey(): void;
+    selectCertificateFLow(): Promise<void>;
+    selectKeyFLow(): Promise<void>;
+    protected isValidDropTarget(dt: DataTransfer): boolean;
+    protected handleFileDragEnter(e: DragEvent): void;
+    protected handleFileDragLeave(e: DragEvent): void;
+    protected handleFileDragOver(e: DragEvent): void;
+    protected handleFileDrop(e: DragEvent): void;
+    processDroppedFile(file: File, kind: 'certificate' | 'key'): Promise<void>;
+    protected handleCancel(): void;
+    protected handleImport(): void;
+    submit(): Promise<void>;
+    reportValidity(): boolean;
+    protected render(): TemplateResult;
+    protected renderViewToggle(): TemplateResult;
+    protected renderNameInput(): TemplateResult;
+    protected renderCertificateFile(): TemplateResult;
+    protected renderCertificatePasswordInput(): TemplateResult | typeof nothing;
+    protected renderKeyFile(): TemplateResult | typeof nothing;
+    protected renderKeyPasswordInput(): TemplateResult | typeof nothing;
+    protected renderImportButton(): TemplateResult;
+    protected renderProgress(): TemplateResult | typeof nothing;
+}
+export {};
+//# sourceMappingURL=CertificateAdd.element.d.ts.map

package/dist/elements/http/CertificateAdd.element.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CertificateAdd.element.d.ts","sourceRoot":"","sources":["../../../src/elements/http/CertificateAdd.element.ts"],"names":[],"mappings":"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"}