@things-factory/announcement 10.1.256 → 10.1.257

package/client/pages/announcement-view.ts

@@ -2,16 +2,18 @@ import '@operato/list-state/ox-page-state.js'
 import '../components/announcement-sheet.js'
 import '../components/announcement-receipts.js'
 
+import gql from 'graphql-tag'
 import { css, html, nothing } from 'lit'
 import { customElement, state } from 'lit/decorators.js'
 
+import { MutationController, QueryController } from '@operato/graphql'
 import { i18next, localize } from '@operato/i18n'
 import { notify, openPopup } from '@operato/layout'
 import { navigate, PageView } from '@operato/shell'
 import { DocumentPageStyles } from '@operato/styles'
 
-import { announcementApi, type AnnouncementItem } from '../utils/announcement-api.js'
-import { reasonOf, statusWord, t, when } from '../utils/announcement-words.js'
+import { announcementApi, FULL_FIELDS, type AnnouncementItem } from '../utils/announcement-api.js'
+import { statusWord, t, when } from '../utils/announcement-words.js'
 
 /**
  * 공지 보기 — one announcement. Opening it reads it for its audience (ADR-0163 decision 5). Its writers also see whom it
@@ -49,9 +51,34 @@ export class AnnouncementView extends localize(i18next)(PageView) {
     `
   ]
 
-  @state() announcement: AnnouncementItem | null = null
-  @state() loading = false
-  @state() error: unknown = null
+  @state() private announcementId = ''
+
+  /* The announcement the address names, with its writers' counts (ADR-0190). */
+  private read = new QueryController(this, gql`query ($id: String!) { announcement(id: $id) { ${FULL_FIELDS} readCount acknowledgedCount } }`, {
+    variables: () => (this.announcementId ? { id: this.announcementId } : undefined)
+  })
+
+  private reminder = new MutationController(this, gql`mutation ($id: String!) { remindAnnouncement(id: $id) }`)
+
+  get announcement(): AnnouncementItem | null {
+    return this.read.data?.announcement ?? null
+  }
+
+  private get error(): unknown {
+    if (this.read.error) return this.read.error
+    return this.read.data && !this.announcement ? new Error(t('announcement.refusal.unknown-announcement')) : null
+  }
+
+  /* Opening it reads it - asked again after, so its writer's counts include this reading. */
+  private readFor?: unknown
+
+  async updated() {
+    const one = this.announcement
+    if (!one?.addressed || one.mine?.readAt || this.readFor === this.read.data) return
+    this.readFor = this.read.data
+    await announcementApi.read(one.id).catch(() => {})
+    await this.read.refetch()
+  }
 
   get context() {
     const one = this.announcement
@@ -78,19 +105,19 @@ export class AnnouncementView extends localize(i18next)(PageView) {
   async pageUpdated(changes: any, lifecycle: any) {
     if (!this.active || !(changes.active || changes.params)) return
     const id = lifecycle?.params?.id
-    if (id) await this.load(id)
+    if (id) this.announcementId = id
   }
 
   render() {
     const one = this.announcement
-    return html`<ox-page-state .loading=${this.loading} .error=${this.error} @retry=${() => one && this.load(one.id)}>
+    return html`<ox-page-state .loading=${this.read.loading} .error=${this.error} @retry=${() => this.read.refetch()}>
       ${one
         ? html`<div class="page">
             <section class="page-section">
               <h2>${one.title}</h2>
               ${one.status === 'WITHDRAWN' ? html`<p class="notice">${t('announcement.text.withdrawn', { when: when(one.withdrawnAt), reason: one.withdrawReason ?? '' })}</p>` : nothing}
               ${one.status === 'SCHEDULED' ? html`<p class="notice">${t('announcement.text.scheduled', { when: when(one.startsAt) })}</p>` : nothing}
-              <announcement-sheet .announcement=${one} @announcement-acknowledged=${() => this.load(one.id)}></announcement-sheet>
+              <announcement-sheet .announcement=${one} @announcement-acknowledged=${() => this.read.refetch()}></announcement-sheet>
             </section>
             ${one.editable && one.audiences
               ? html`<section class="page-section">
@@ -123,27 +150,6 @@ export class AnnouncementView extends localize(i18next)(PageView) {
     </ox-page-state>`
   }
 
-  private async load(id: string) {
-    this.loading = true
-    this.error = null
-    try {
-      let one = await announcementApi.one(id)
-      if (!one) throw new Error(t('announcement.refusal.unknown-announcement'))
-      /* Opening it reads it - asked again after, so its writer's counts include this reading. */
-      if (one.addressed && !one.mine?.readAt) {
-        await announcementApi.read(id)
-        one = (await announcementApi.one(id)) ?? one
-      }
-      this.announcement = one
-    } catch (error) {
-      this.announcement = null
-      this.error = error
-    } finally {
-      this.loading = false
-      this.updateContext()
-    }
-  }
-
   private openReceipts() {
     const one = this.announcement!
     const popup: any = openPopup(html`<announcement-receipts .announcement=${one} @done=${() => popup.close()}></announcement-receipts>`, {
@@ -154,18 +160,14 @@ export class AnnouncementView extends localize(i18next)(PageView) {
   }
 
   private async remind() {
-    try {
-      const told = await announcementApi.remind(this.announcement!.id)
-      notify({ message: t('announcement.text.reminded', { count: told }) })
-    } catch (error) {
-      notify({ level: 'error', message: reasonOf(error) })
-    }
+    const done = await this.reminder.run({ id: this.announcement!.id })
+    if (done) notify({ message: t('announcement.text.reminded', { count: done.remindAnnouncement }) })
   }
 
   private withdraw() {
     const one = this.announcement!
     const popup: any = openPopup(
-      html`<announcement-withdraw-form .announcement=${one} @announcement-withdrawn=${() => this.load(one.id)} @done=${() => popup.close()}></announcement-withdraw-form>`,
+      html`<announcement-withdraw-form .announcement=${one} @announcement-withdrawn=${() => this.read.refetch()} @done=${() => popup.close()}></announcement-withdraw-form>`,
       { backdrop: true, size: 'small', title: `${t('announcement.button.withdraw')} · ${one.title}` }
     )
   }

package/client/utils/announcement-api.ts

@@ -1,5 +1,6 @@
 /*
- * The announcement doors as the screens call them (ADR-0163). Every call throws the server's words when it is refused.
+ * The announcement doors the editor, the badge and the popups call (ADR-0163). Every call throws the server's words when
+ * it is refused. The other screens declare their own reads and saves (ADR-0190).
  */
 import gql from 'graphql-tag'
 
@@ -84,59 +85,11 @@ async function change<T>(mutation: string, variables: Record<string, unknown>, f
 export const announcementsChanged = () => window.dispatchEvent(new CustomEvent('announcements-changed'))
 
 export const announcementApi = {
-  one: (id: string) => ask<AnnouncementItem | null>(`query ($id: String!) { announcement(id: $id) { ${FULL_FIELDS} readCount acknowledgedCount } }`, { id }, 'announcement'),
   summary: () => ask<{ unread: number; toAcknowledge: number; pending: number }>(`query { announcementSummary { unread toAcknowledge pending } }`, {}, 'announcementSummary'),
   popups: () => ask<AnnouncementItem[]>(`query { announcementPopups { ${FULL_FIELDS} } }`, {}, 'announcementPopups'),
   read: async (id: string) => {
     const one = await change<AnnouncementItem>(`mutation ($id: String!) { readAnnouncement(id: $id) { id readerState mine { readAt acknowledgedAt } } }`, { id }, 'readAnnouncement')
     announcementsChanged()
     return one
-  },
-  acknowledge: async (id: string) => {
-    const one = await change<AnnouncementItem>(`mutation ($id: String!) { acknowledgeAnnouncement(id: $id) { id readerState mine { readAt acknowledgedAt } } }`, { id }, 'acknowledgeAnnouncement')
-    announcementsChanged()
-    return one
-  },
-  receipts: (id: string) =>
-    ask<{ userId: string; name?: string; email?: string; listed: boolean; notifiedAt?: string; readAt?: string; acknowledgedAt?: string }[]>(
-      `query ($id: String!) { announcementReceipts(id: $id) { userId name email listed notifiedAt readAt acknowledgedAt } }`,
-      { id },
-      'announcementReceipts'
-    ),
-  revisions: (id: string) =>
-    ask<{ version: number; title: string; body?: string; rest?: any; createdAt: string; creator?: { name?: string } }[]>(
-      `query ($id: String!) { announcementRevisions(id: $id) { version title body rest createdAt creator { name } } }`,
-      { id },
-      'announcementRevisions'
-    ),
-  choices: () =>
-    ask<{ domainId: string; domainName: string; departments: { id: string; name: string; note?: string }[]; roles: { id: string; name: string; note?: string }[] }>(
-      `query { announcementAudienceChoices { domainId domainName departments { id name note } roles { id name note } } }`,
-      {},
-      'announcementAudienceChoices'
-    ),
-  people: (text: string) => ask<{ id: string; name: string; note?: string }[]>(`query ($text: String!) { announcementPeople(text: $text) { id name note } }`, { text }, 'announcementPeople'),
-  audienceSize: (audiences: Audience[]) =>
-    ask<number>(`query ($audiences: [AnnouncementAudienceInput!]!) { announcementAudienceSize(audiences: $audiences) }`, { audiences }, 'announcementAudienceSize'),
-  create: (input: AnnouncementInput, attach: File[], uploading?: (fraction: number) => void) =>
-    change<AnnouncementItem>(
-      `mutation ($input: AnnouncementInput!, $attach: [Upload!]) { createAnnouncement(input: $input, attach: $attach) { id } }`,
-      { input, attach },
-      'createAnnouncement',
-      attach.length ? uploading ?? (() => {}) : undefined
-    ),
-  update: (id: string, input: AnnouncementInput, attach: File[], remove: string[], notifyAgain: boolean, uploading?: (fraction: number) => void) =>
-    change<AnnouncementItem>(
-      `mutation ($id: String!, $input: AnnouncementInput!, $attach: [Upload!], $remove: [String!], $notifyAgain: Boolean) {
-        updateAnnouncement(id: $id, input: $input, attach: $attach, remove: $remove, notifyAgain: $notifyAgain) { id status }
-      }`,
-      { id, input, attach, remove, notifyAgain },
-      'updateAnnouncement',
-      attach.length ? uploading ?? (() => {}) : undefined
-    ),
-  publish: (id: string) => change<AnnouncementItem>(`mutation ($id: String!) { publishAnnouncement(id: $id) { id status startsAt } }`, { id }, 'publishAnnouncement'),
-  withdraw: (id: string, reason: string) =>
-    change<AnnouncementItem>(`mutation ($id: String!, $reason: String!) { withdrawAnnouncement(id: $id, reason: $reason) { id status } }`, { id, reason }, 'withdrawAnnouncement'),
-  remove: (id: string) => change<boolean>(`mutation ($id: String!) { deleteAnnouncement(id: $id) }`, { id }, 'deleteAnnouncement'),
-  remind: (id: string) => change<number>(`mutation ($id: String!) { remindAnnouncement(id: $id) }`, { id }, 'remindAnnouncement')
+  }
 }

package/dist-client/components/announcement-receipts.d.ts

@@ -7,11 +7,11 @@ declare const AnnouncementReceipts_base: (new (...args: any[]) => LitElement) &
 export declare class AnnouncementReceipts extends AnnouncementReceipts_base {
     static styles: import("lit").CSSResult[];
     announcement: AnnouncementItem;
-    private rows;
     private which;
-    private busy;
-    connectedCallback(): void;
-    private load;
+    private receipts;
+    private reminder;
+    private get rows();
+    private get busy();
     render(): import("lit-html").TemplateResult<1>;
     private remind;
     private close;
@@ -22,7 +22,8 @@ export declare class AnnouncementWithdrawForm extends AnnouncementWithdrawForm_b
     static styles: import("lit").CSSResult[];
     announcement: AnnouncementItem;
     private reason;
-    private busy;
+    private withdrawal;
+    private get busy();
     render(): import("lit-html").TemplateResult<1>;
     private withdraw;
     private close;

package/dist-client/components/announcement-receipts.js

@@ -6,13 +6,14 @@ import { __decorate, __metadata } from "tslib";
 import '@material/web/button/filled-button.js';
 import '@material/web/button/text-button.js';
 import '@operato/popup/ox-popup-actions.js';
+import gql from 'graphql-tag';
 import { css, html, LitElement, nothing } from 'lit';
 import { customElement, property, state } from 'lit/decorators.js';
+import { MutationController, QueryController } from '@operato/graphql';
 import { i18next, localize } from '@operato/i18n';
 import { notify } from '@operato/layout';
 import { CommonPopupStyles, PopupBodyStyles } from '@operato/styles';
-import { announcementApi } from '../utils/announcement-api.js';
-import { reasonOf, t, when } from '../utils/announcement-words.js';
+import { t, when } from '../utils/announcement-words.js';
 const FormStyles = css `
   :host {
     height: 100%;
@@ -67,22 +68,19 @@ const FormStyles = css `
 let AnnouncementReceipts = class AnnouncementReceipts extends localize(i18next)(LitElement) {
     constructor() {
         super(...arguments);
-        this.rows = [];
         this.which = 'all';
-        this.busy = false;
+        /* Whom it reached and what each did with it, read for the announcement shown (ADR-0190). */
+        this.receipts = new QueryController(this, gql `query ($id: String!) { announcementReceipts(id: $id) { userId name email listed notifiedAt readAt acknowledgedAt } }`, { variables: () => (this.announcement?.id ? { id: this.announcement.id } : undefined) });
+        this.reminder = new MutationController(this, gql `mutation ($id: String!) { remindAnnouncement(id: $id) }`, {
+            refetch: () => [this.receipts]
+        });
     }
     static { this.styles = [CommonPopupStyles, PopupBodyStyles, FormStyles]; }
-    connectedCallback() {
-        super.connectedCallback();
-        this.load();
+    get rows() {
+        return this.receipts.data?.announcementReceipts ?? [];
     }
-    async load() {
-        try {
-            this.rows = await announcementApi.receipts(this.announcement.id);
-        }
-        catch (error) {
-            notify({ level: 'error', message: reasonOf(error) });
-        }
+    get busy() {
+        return this.reminder.pending;
     }
     render() {
         const one = this.announcement;
@@ -127,18 +125,9 @@ let AnnouncementReceipts = class AnnouncementReceipts extends localize(i18next)(
       </ox-popup-actions>`;
     }
     async remind() {
-        this.busy = true;
-        try {
-            const told = await announcementApi.remind(this.announcement.id);
-            notify({ message: t('announcement.text.reminded', { count: told }) });
-            await this.load();
-        }
-        catch (error) {
-            notify({ level: 'error', message: reasonOf(error) });
-        }
-        finally {
-            this.busy = false;
-        }
+        const done = await this.reminder.run({ id: this.announcement.id });
+        if (done)
+            notify({ message: t('announcement.text.reminded', { count: done.remindAnnouncement }) });
     }
     close() {
         this.dispatchEvent(new CustomEvent('done', { bubbles: true, composed: true }));
@@ -148,18 +137,10 @@ __decorate([
     property({ attribute: false }),
     __metadata("design:type", Object)
 ], AnnouncementReceipts.prototype, "announcement", void 0);
-__decorate([
-    state(),
-    __metadata("design:type", Array)
-], AnnouncementReceipts.prototype, "rows", void 0);
 __decorate([
     state(),
     __metadata("design:type", String)
 ], AnnouncementReceipts.prototype, "which", void 0);
-__decorate([
-    state(),
-    __metadata("design:type", Object)
-], AnnouncementReceipts.prototype, "busy", void 0);
 AnnouncementReceipts = __decorate([
     customElement('announcement-receipts')
 ], AnnouncementReceipts);
@@ -169,9 +150,12 @@ let AnnouncementWithdrawForm = class AnnouncementWithdrawForm extends localize(i
     constructor() {
         super(...arguments);
         this.reason = '';
-        this.busy = false;
+        this.withdrawal = new MutationController(this, gql `mutation ($id: String!, $reason: String!) { withdrawAnnouncement(id: $id, reason: $reason) { id status } }`);
     }
     static { this.styles = [CommonPopupStyles, PopupBodyStyles, FormStyles]; }
+    get busy() {
+        return this.withdrawal.pending;
+    }
     render() {
         return html `<div class="body">
         <p>${t('announcement.text.withdraw-lead')}</p>
@@ -183,19 +167,11 @@ let AnnouncementWithdrawForm = class AnnouncementWithdrawForm extends localize(i
       </ox-popup-actions>`;
     }
     async withdraw() {
-        this.busy = true;
-        try {
-            await announcementApi.withdraw(this.announcement.id, this.reason);
-            notify({ message: t('announcement.text.withdrawn-done') });
-            this.dispatchEvent(new CustomEvent('announcement-withdrawn', { bubbles: true, composed: true }));
-            this.close();
-        }
-        catch (error) {
-            notify({ level: 'error', message: reasonOf(error) });
-        }
-        finally {
-            this.busy = false;
-        }
+        if (!(await this.withdrawal.run({ id: this.announcement.id, reason: this.reason })))
+            return;
+        notify({ message: t('announcement.text.withdrawn-done') });
+        this.dispatchEvent(new CustomEvent('announcement-withdrawn', { bubbles: true, composed: true }));
+        this.close();
     }
     close() {
         this.dispatchEvent(new CustomEvent('done', { bubbles: true, composed: true }));
@@ -209,10 +185,6 @@ __decorate([
     state(),
     __metadata("design:type", Object)
 ], AnnouncementWithdrawForm.prototype, "reason", void 0);
-__decorate([
-    state(),
-    __metadata("design:type", Object)
-], AnnouncementWithdrawForm.prototype, "busy", void 0);
 AnnouncementWithdrawForm = __decorate([
     customElement('announcement-withdraw-form')
 ], AnnouncementWithdrawForm);

package/dist-client/components/announcement-receipts.js.map

@@ -1 +1 @@
-{"version":3,"file":"announcement-receipts.js","sourceRoot":"","sources":["../../client/components/announcement-receipts.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n * The small forms a writer opens from an announcement (ADR-0163 decision 4): who read it and who acknowledged it, with\n * a reminder to those who have not; and the reason it is withdrawn.\n */\nimport '@material/web/button/filled-button.js'\nimport '@material/web/button/text-button.js'\nimport '@operato/popup/ox-popup-actions.js'\n\nimport { css, html, LitElement, nothing } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\n\nimport { i18next, localize } from '@operato/i18n'\nimport { notify } from '@operato/layout'\nimport { CommonPopupStyles, PopupBodyStyles } from '@operato/styles'\n\nimport { announcementApi, type AnnouncementItem } from '../utils/announcement-api.js'\nimport { reasonOf, t, when } from '../utils/announcement-words.js'\n\ntype Row = Awaited<ReturnType<typeof announcementApi.receipts>>[number]\n\nconst FormStyles = css`\n  :host {\n    height: 100%;\n    line-height: 1.5;\n  }\n  .tabs {\n    display: flex;\n    gap: var(--spacing-small, 4px);\n    margin-bottom: var(--spacing-medium, 8px);\n  }\n  .tabs button {\n    border: 1px solid var(--ui-line-soft, var(--md-sys-color-outline-variant));\n    background: none;\n    border-radius: 999px;\n    padding: 2px var(--spacing-medium, 8px);\n    font: inherit;\n    font-size: var(--ui-t-small, 12px);\n    cursor: pointer;\n    color: inherit;\n  }\n  .tabs button[aria-pressed='true'] {\n    background: var(--md-sys-color-secondary-container);\n    border-color: transparent;\n  }\n  table {\n    width: 100%;\n    border-collapse: collapse;\n    font-size: var(--ui-t-body, 14px);\n    font-variant-numeric: tabular-nums;\n  }\n  th,\n  td {\n    text-align: left;\n    padding: var(--spacing-small, 4px) var(--spacing-medium, 8px);\n    border-bottom: 1px solid var(--ui-line-soft, var(--md-sys-color-outline-variant));\n  }\n  th {\n    font-weight: 600;\n    font-size: var(--ui-t-small, 12px);\n    color: var(--ui-muted, var(--md-sys-color-on-surface-variant));\n  }\n  .muted {\n    color: var(--ui-muted, var(--md-sys-color-on-surface-variant));\n  }\n  textarea {\n    width: 100%;\n    min-height: 96px;\n    box-sizing: border-box;\n    font: inherit;\n  }\n`\n\n@customElement('announcement-receipts')\nexport class AnnouncementReceipts extends localize(i18next)(LitElement) {\n  static styles = [CommonPopupStyles, PopupBodyStyles, FormStyles]\n  @property({ attribute: false }) announcement!: AnnouncementItem\n  @state() private rows: Row[] = []\n  @state() private which: 'all' | 'unread' | 'unacknowledged' | 'later' = 'all'\n  @state() private busy = false\n\n  connectedCallback() {\n    super.connectedCallback()\n    this.load()\n  }\n\n  private async load() {\n    try {\n      this.rows = await announcementApi.receipts(this.announcement.id)\n    } catch (error) {\n      notify({ level: 'error', message: reasonOf(error) })\n    }\n  }\n\n  render() {\n    const one = this.announcement\n    const listed = this.rows.filter(row => row.listed)\n    const counts = {\n      all: listed.length,\n      unread: listed.filter(row => !row.readAt).length,\n      unacknowledged: listed.filter(row => !row.acknowledgedAt).length,\n      later: this.rows.filter(row => !row.listed).length\n    }\n    const tabs = (['all', 'unread', ...(one.requiresAcknowledgement ? ['unacknowledged'] : []), ...(counts.later ? ['later'] : [])] as (keyof typeof counts)[]).map(\n      key => html`<button aria-pressed=${String(this.which === key)} @click=${() => (this.which = key)}>${t(`announcement.receipts.${key}`)} ${counts[key]}</button>`\n    )\n    const shown =\n      this.which === 'later'\n        ? this.rows.filter(row => !row.listed)\n        : listed.filter(row => (this.which === 'unread' ? !row.readAt : this.which === 'unacknowledged' ? !row.acknowledgedAt : true))\n    const owed = one.requiresAcknowledgement ? counts.unacknowledged : counts.unread\n    return html`<div class=\"body\">\n        <div class=\"tabs\">${tabs}</div>\n        <table>\n          <thead>\n            <tr>\n              <th>${t('announcement.receipts.name')}</th>\n              <th>${t('announcement.receipts.read-at')}</th>\n              ${one.requiresAcknowledgement ? html`<th>${t('announcement.receipts.acknowledged-at')}</th>` : nothing}\n              <th>${t('announcement.receipts.notified-at')}</th>\n            </tr>\n          </thead>\n          <tbody>\n            ${shown.map(\n              row => html`<tr>\n                <td>${row.name ?? row.email ?? row.userId}</td>\n                <td class=${row.readAt ? '' : 'muted'}>${row.readAt ? when(row.readAt) : t('announcement.reader-state.unread')}</td>\n                ${one.requiresAcknowledgement ? html`<td class=${row.acknowledgedAt ? '' : 'muted'}>${row.acknowledgedAt ? when(row.acknowledgedAt) : '—'}</td>` : nothing}\n                <td class=\"muted\">${when(row.notifiedAt)}</td>\n              </tr>`\n            )}\n          </tbody>\n        </table>\n      </div>\n      <ox-popup-actions>\n        <md-text-button slot=\"cancel\" @click=${() => this.close()}>${t('announcement.button.close')}</md-text-button>\n        <md-filled-button slot=\"confirm\" ?disabled=${this.busy || !owed || one.status !== 'PUBLISHED'} @click=${() => this.remind()}\n          >${t('announcement.button.remind-count', { count: owed })}</md-filled-button\n        >\n      </ox-popup-actions>`\n  }\n\n  private async remind() {\n    this.busy = true\n    try {\n      const told = await announcementApi.remind(this.announcement.id)\n      notify({ message: t('announcement.text.reminded', { count: told }) })\n      await this.load()\n    } catch (error) {\n      notify({ level: 'error', message: reasonOf(error) })\n    } finally {\n      this.busy = false\n    }\n  }\n\n  private close() {\n    this.dispatchEvent(new CustomEvent('done', { bubbles: true, composed: true }))\n  }\n}\n\n/** Why it is withdrawn - the readers' copy goes, the reason stays with its record. */\n@customElement('announcement-withdraw-form')\nexport class AnnouncementWithdrawForm extends localize(i18next)(LitElement) {\n  static styles = [CommonPopupStyles, PopupBodyStyles, FormStyles]\n  @property({ attribute: false }) announcement!: AnnouncementItem\n  @state() private reason = ''\n  @state() private busy = false\n\n  render() {\n    return html`<div class=\"body\">\n        <p>${t('announcement.text.withdraw-lead')}</p>\n        <textarea .value=${this.reason} maxlength=\"500\" placeholder=${t('announcement.text.withdraw-reason')} @input=${(e: any) => (this.reason = e.target.value)}></textarea>\n      </div>\n      <ox-popup-actions>\n        <md-text-button slot=\"cancel\" @click=${() => this.close()}>${t('announcement.button.cancel')}</md-text-button>\n        <md-filled-button slot=\"confirm\" ?disabled=${this.busy || !this.reason.trim()} @click=${() => this.withdraw()}>${t('announcement.button.withdraw')}</md-filled-button>\n      </ox-popup-actions>`\n  }\n\n  private async withdraw() {\n    this.busy = true\n    try {\n      await announcementApi.withdraw(this.announcement.id, this.reason)\n      notify({ message: t('announcement.text.withdrawn-done') })\n      this.dispatchEvent(new CustomEvent('announcement-withdrawn', { bubbles: true, composed: true }))\n      this.close()\n    } catch (error) {\n      notify({ level: 'error', message: reasonOf(error) })\n    } finally {\n      this.busy = false\n    }\n  }\n\n  private close() {\n    this.dispatchEvent(new CustomEvent('done', { bubbles: true, composed: true }))\n  }\n}\n"]}
+{"version":3,"file":"announcement-receipts.js","sourceRoot":"","sources":["../../client/components/announcement-receipts.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n * The small forms a writer opens from an announcement (ADR-0163 decision 4): who read it and who acknowledged it, with\n * a reminder to those who have not; and the reason it is withdrawn.\n */\nimport '@material/web/button/filled-button.js'\nimport '@material/web/button/text-button.js'\nimport '@operato/popup/ox-popup-actions.js'\n\nimport gql from 'graphql-tag'\nimport { css, html, LitElement, nothing } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\n\nimport { MutationController, QueryController } from '@operato/graphql'\nimport { i18next, localize } from '@operato/i18n'\nimport { notify } from '@operato/layout'\nimport { CommonPopupStyles, PopupBodyStyles } from '@operato/styles'\n\nimport { type AnnouncementItem } from '../utils/announcement-api.js'\nimport { t, when } from '../utils/announcement-words.js'\n\ntype Row = { userId: string; name?: string; email?: string; listed: boolean; notifiedAt?: string; readAt?: string; acknowledgedAt?: string }\n\nconst FormStyles = css`\n  :host {\n    height: 100%;\n    line-height: 1.5;\n  }\n  .tabs {\n    display: flex;\n    gap: var(--spacing-small, 4px);\n    margin-bottom: var(--spacing-medium, 8px);\n  }\n  .tabs button {\n    border: 1px solid var(--ui-line-soft, var(--md-sys-color-outline-variant));\n    background: none;\n    border-radius: 999px;\n    padding: 2px var(--spacing-medium, 8px);\n    font: inherit;\n    font-size: var(--ui-t-small, 12px);\n    cursor: pointer;\n    color: inherit;\n  }\n  .tabs button[aria-pressed='true'] {\n    background: var(--md-sys-color-secondary-container);\n    border-color: transparent;\n  }\n  table {\n    width: 100%;\n    border-collapse: collapse;\n    font-size: var(--ui-t-body, 14px);\n    font-variant-numeric: tabular-nums;\n  }\n  th,\n  td {\n    text-align: left;\n    padding: var(--spacing-small, 4px) var(--spacing-medium, 8px);\n    border-bottom: 1px solid var(--ui-line-soft, var(--md-sys-color-outline-variant));\n  }\n  th {\n    font-weight: 600;\n    font-size: var(--ui-t-small, 12px);\n    color: var(--ui-muted, var(--md-sys-color-on-surface-variant));\n  }\n  .muted {\n    color: var(--ui-muted, var(--md-sys-color-on-surface-variant));\n  }\n  textarea {\n    width: 100%;\n    min-height: 96px;\n    box-sizing: border-box;\n    font: inherit;\n  }\n`\n\n@customElement('announcement-receipts')\nexport class AnnouncementReceipts extends localize(i18next)(LitElement) {\n  static styles = [CommonPopupStyles, PopupBodyStyles, FormStyles]\n  @property({ attribute: false }) announcement!: AnnouncementItem\n  @state() private which: 'all' | 'unread' | 'unacknowledged' | 'later' = 'all'\n\n  /* Whom it reached and what each did with it, read for the announcement shown (ADR-0190). */\n  private receipts = new QueryController(\n    this,\n    gql`query ($id: String!) { announcementReceipts(id: $id) { userId name email listed notifiedAt readAt acknowledgedAt } }`,\n    { variables: () => (this.announcement?.id ? { id: this.announcement.id } : undefined) }\n  )\n\n  private reminder = new MutationController(this, gql`mutation ($id: String!) { remindAnnouncement(id: $id) }`, {\n    refetch: () => [this.receipts]\n  })\n\n  private get rows(): Row[] {\n    return this.receipts.data?.announcementReceipts ?? []\n  }\n\n  private get busy() {\n    return this.reminder.pending\n  }\n\n  render() {\n    const one = this.announcement\n    const listed = this.rows.filter(row => row.listed)\n    const counts = {\n      all: listed.length,\n      unread: listed.filter(row => !row.readAt).length,\n      unacknowledged: listed.filter(row => !row.acknowledgedAt).length,\n      later: this.rows.filter(row => !row.listed).length\n    }\n    const tabs = (['all', 'unread', ...(one.requiresAcknowledgement ? ['unacknowledged'] : []), ...(counts.later ? ['later'] : [])] as (keyof typeof counts)[]).map(\n      key => html`<button aria-pressed=${String(this.which === key)} @click=${() => (this.which = key)}>${t(`announcement.receipts.${key}`)} ${counts[key]}</button>`\n    )\n    const shown =\n      this.which === 'later'\n        ? this.rows.filter(row => !row.listed)\n        : listed.filter(row => (this.which === 'unread' ? !row.readAt : this.which === 'unacknowledged' ? !row.acknowledgedAt : true))\n    const owed = one.requiresAcknowledgement ? counts.unacknowledged : counts.unread\n    return html`<div class=\"body\">\n        <div class=\"tabs\">${tabs}</div>\n        <table>\n          <thead>\n            <tr>\n              <th>${t('announcement.receipts.name')}</th>\n              <th>${t('announcement.receipts.read-at')}</th>\n              ${one.requiresAcknowledgement ? html`<th>${t('announcement.receipts.acknowledged-at')}</th>` : nothing}\n              <th>${t('announcement.receipts.notified-at')}</th>\n            </tr>\n          </thead>\n          <tbody>\n            ${shown.map(\n              row => html`<tr>\n                <td>${row.name ?? row.email ?? row.userId}</td>\n                <td class=${row.readAt ? '' : 'muted'}>${row.readAt ? when(row.readAt) : t('announcement.reader-state.unread')}</td>\n                ${one.requiresAcknowledgement ? html`<td class=${row.acknowledgedAt ? '' : 'muted'}>${row.acknowledgedAt ? when(row.acknowledgedAt) : '—'}</td>` : nothing}\n                <td class=\"muted\">${when(row.notifiedAt)}</td>\n              </tr>`\n            )}\n          </tbody>\n        </table>\n      </div>\n      <ox-popup-actions>\n        <md-text-button slot=\"cancel\" @click=${() => this.close()}>${t('announcement.button.close')}</md-text-button>\n        <md-filled-button slot=\"confirm\" ?disabled=${this.busy || !owed || one.status !== 'PUBLISHED'} @click=${() => this.remind()}\n          >${t('announcement.button.remind-count', { count: owed })}</md-filled-button\n        >\n      </ox-popup-actions>`\n  }\n\n  private async remind() {\n    const done = await this.reminder.run({ id: this.announcement.id })\n    if (done) notify({ message: t('announcement.text.reminded', { count: done.remindAnnouncement }) })\n  }\n\n  private close() {\n    this.dispatchEvent(new CustomEvent('done', { bubbles: true, composed: true }))\n  }\n}\n\n/** Why it is withdrawn - the readers' copy goes, the reason stays with its record. */\n@customElement('announcement-withdraw-form')\nexport class AnnouncementWithdrawForm extends localize(i18next)(LitElement) {\n  static styles = [CommonPopupStyles, PopupBodyStyles, FormStyles]\n  @property({ attribute: false }) announcement!: AnnouncementItem\n  @state() private reason = ''\n  private withdrawal = new MutationController(this, gql`mutation ($id: String!, $reason: String!) { withdrawAnnouncement(id: $id, reason: $reason) { id status } }`)\n\n  private get busy() {\n    return this.withdrawal.pending\n  }\n\n  render() {\n    return html`<div class=\"body\">\n        <p>${t('announcement.text.withdraw-lead')}</p>\n        <textarea .value=${this.reason} maxlength=\"500\" placeholder=${t('announcement.text.withdraw-reason')} @input=${(e: any) => (this.reason = e.target.value)}></textarea>\n      </div>\n      <ox-popup-actions>\n        <md-text-button slot=\"cancel\" @click=${() => this.close()}>${t('announcement.button.cancel')}</md-text-button>\n        <md-filled-button slot=\"confirm\" ?disabled=${this.busy || !this.reason.trim()} @click=${() => this.withdraw()}>${t('announcement.button.withdraw')}</md-filled-button>\n      </ox-popup-actions>`\n  }\n\n  private async withdraw() {\n    if (!(await this.withdrawal.run({ id: this.announcement.id, reason: this.reason }))) return\n    notify({ message: t('announcement.text.withdrawn-done') })\n    this.dispatchEvent(new CustomEvent('announcement-withdrawn', { bubbles: true, composed: true }))\n    this.close()\n  }\n\n  private close() {\n    this.dispatchEvent(new CustomEvent('done', { bubbles: true, composed: true }))\n  }\n}\n"]}

package/dist-client/components/announcement-sheet.d.ts

@@ -8,7 +8,8 @@ declare const AnnouncementSheet_base: (new (...args: any[]) => LitElement) & typ
 export declare class AnnouncementSheet extends AnnouncementSheet_base {
     static styles: import("lit").CSSResult;
     announcement: AnnouncementItem;
-    private busy;
+    private acknowledgement;
+    private get busy();
     render(): typeof nothing | import("lit-html").TemplateResult<1>;
     private renderAcknowledge;
     private follow;

package/dist-client/components/announcement-sheet.js

@@ -5,15 +5,16 @@ import { __decorate, __metadata } from "tslib";
  */
 import '@material/web/icon/icon.js';
 import '@material/web/button/filled-button.js';
+import gql from 'graphql-tag';
 import { css, html, LitElement, nothing } from 'lit';
-import { customElement, property, state } from 'lit/decorators.js';
+import { customElement, property } from 'lit/decorators.js';
 import { unsafeHTML } from 'lit/directives/unsafe-html.js';
+import { MutationController } from '@operato/graphql';
 import { i18next, localize } from '@operato/i18n';
-import { notify } from '@operato/layout';
 import { navigate } from '@operato/shell';
 import { renderMarkdown } from '@things-factory/ai-assistant/dist-client/index.js';
-import { announcementApi } from '../utils/announcement-api.js';
-import { categoryWord, importanceWord, reasonOf, t, when } from '../utils/announcement-words.js';
+import { announcementsChanged } from '../utils/announcement-api.js';
+import { categoryWord, importanceWord, t, when } from '../utils/announcement-words.js';
 /** A screen of the application opens in place; an https page opens apart. */
 export function followLink(url) {
     if (/^https:\/\//i.test(url))
@@ -24,7 +25,7 @@ export function followLink(url) {
 let AnnouncementSheet = class AnnouncementSheet extends localize(i18next)(LitElement) {
     constructor() {
         super(...arguments);
-        this.busy = false;
+        this.acknowledgement = new MutationController(this, gql `mutation ($id: String!) { acknowledgeAnnouncement(id: $id) { id readerState mine { readAt acknowledgedAt } } }`);
     }
     static { this.styles = css `
     :host {
@@ -142,6 +143,9 @@ let AnnouncementSheet = class AnnouncementSheet extends localize(i18next)(LitEle
       color: var(--ui-muted, var(--md-sys-color-on-surface-variant));
     }
   `; }
+    get busy() {
+        return this.acknowledgement.pending;
+    }
     render() {
         const one = this.announcement;
         if (!one)
@@ -195,28 +199,18 @@ let AnnouncementSheet = class AnnouncementSheet extends localize(i18next)(LitEle
         followLink(url);
     }
     async acknowledge() {
-        this.busy = true;
-        try {
-            const done = await announcementApi.acknowledge(this.announcement.id);
-            this.announcement = { ...this.announcement, ...done };
-            this.dispatchEvent(new CustomEvent('announcement-acknowledged', { bubbles: true, composed: true, detail: this.announcement }));
-        }
-        catch (error) {
-            notify({ level: 'error', message: reasonOf(error) });
-        }
-        finally {
-            this.busy = false;
-        }
+        const done = await this.acknowledgement.run({ id: this.announcement.id });
+        if (!done)
+            return;
+        announcementsChanged();
+        this.announcement = { ...this.announcement, ...done.acknowledgeAnnouncement };
+        this.dispatchEvent(new CustomEvent('announcement-acknowledged', { bubbles: true, composed: true, detail: this.announcement }));
     }
 };
 __decorate([
     property({ attribute: false }),
     __metadata("design:type", Object)
 ], AnnouncementSheet.prototype, "announcement", void 0);
-__decorate([
-    state(),
-    __metadata("design:type", Object)
-], AnnouncementSheet.prototype, "busy", void 0);
 AnnouncementSheet = __decorate([
     customElement('announcement-sheet')
 ], AnnouncementSheet);

package/dist-client/components/announcement-sheet.js.map

@@ -1 +1 @@
-{"version":3,"file":"announcement-sheet.js","sourceRoot":"","sources":["../../client/components/announcement-sheet.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n * One announcement as its reader sees it - what kind it is and from whom, its body, its files, the screens it points to,\n * and the acknowledgement it asks for (ADR-0163 decisions 3, 5). The screen and the popup both draw it.\n */\nimport '@material/web/icon/icon.js'\nimport '@material/web/button/filled-button.js'\n\nimport { css, html, LitElement, nothing } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { unsafeHTML } from 'lit/directives/unsafe-html.js'\n\nimport { i18next, localize } from '@operato/i18n'\nimport { notify } from '@operato/layout'\nimport { navigate } from '@operato/shell'\nimport { renderMarkdown } from '@things-factory/ai-assistant/dist-client/index.js'\n\nimport { announcementApi, type AnnouncementItem } from '../utils/announcement-api.js'\nimport { categoryWord, importanceWord, reasonOf, t, when } from '../utils/announcement-words.js'\n\n/** A screen of the application opens in place; an https page opens apart. */\nexport function followLink(url: string) {\n  if (/^https:\\/\\//i.test(url)) window.open(url, '_blank', 'noopener')\n  else navigate(url)\n}\n\n@customElement('announcement-sheet')\nexport class AnnouncementSheet extends localize(i18next)(LitElement) {\n  static styles = css`\n    :host {\n      display: flex;\n      flex-direction: column;\n      gap: var(--spacing-medium, 8px);\n      color: var(--md-sys-color-on-surface);\n    }\n    .meta {\n      display: flex;\n      flex-wrap: wrap;\n      align-items: center;\n      gap: var(--spacing-small, 4px) var(--spacing-medium, 8px);\n      font-size: var(--ui-t-small, 12px);\n      color: var(--ui-muted, var(--md-sys-color-on-surface-variant));\n    }\n    .chip {\n      display: inline-flex;\n      align-items: center;\n      gap: 2px;\n      padding: 0 var(--spacing-small, 4px);\n      border-radius: var(--border-radius, 4px);\n      border: 1px solid var(--ui-line-soft, var(--md-sys-color-outline-variant));\n      line-height: 1.6;\n    }\n    .chip.URGENT {\n      color: var(--md-sys-color-error);\n      border-color: currentColor;\n    }\n    .chip.IMPORTANT {\n      color: var(--md-sys-color-primary);\n      border-color: currentColor;\n    }\n    .chip md-icon {\n      --md-icon-size: 14px;\n    }\n    .markdown {\n      font-size: var(--ui-t-body, 14px);\n      line-height: 1.6;\n      overflow-wrap: anywhere;\n    }\n    .markdown :is(h1, h2, h3, h4) {\n      margin: var(--spacing-medium, 8px) 0 var(--spacing-small, 4px);\n      font-size: var(--ui-t-title, 16px);\n    }\n    .markdown :is(p, ul, ol, blockquote, pre, table) {\n      margin: 0 0 var(--spacing-medium, 8px);\n    }\n    .markdown :is(ul, ol) {\n      padding-inline-start: 1.4em;\n      list-style: revert;\n      display: block;\n    }\n    .markdown a {\n      color: var(--md-sys-color-primary);\n    }\n    .markdown table {\n      border-collapse: collapse;\n    }\n    .markdown :is(th, td) {\n      border: 1px solid var(--ui-line-soft, var(--md-sys-color-outline-variant));\n      padding: 2px var(--spacing-small, 4px);\n    }\n    h4 {\n      margin: var(--spacing-medium, 8px) 0 var(--spacing-small, 4px);\n      font-size: var(--ui-t-small, 12px);\n      color: var(--ui-muted, var(--md-sys-color-on-surface-variant));\n      font-weight: 600;\n    }\n    ul.files {\n      margin: 0;\n      padding: 0;\n      list-style: none;\n      display: flex;\n      flex-direction: column;\n      gap: 2px;\n    }\n    a,\n    .link {\n      display: inline-flex;\n      align-items: center;\n      gap: var(--spacing-small, 4px);\n      color: var(--md-sys-color-primary);\n      text-decoration: none;\n      cursor: pointer;\n      background: none;\n      border: 0;\n      padding: 0;\n      font: inherit;\n    }\n    a:hover,\n    .link:hover {\n      text-decoration: underline;\n    }\n    a md-icon,\n    .link md-icon {\n      --md-icon-size: 16px;\n    }\n    .size {\n      color: var(--ui-muted, var(--md-sys-color-on-surface-variant));\n      font-size: var(--ui-t-small, 12px);\n    }\n    .acknowledge {\n      display: flex;\n      flex-wrap: wrap;\n      align-items: center;\n      justify-content: space-between;\n      gap: var(--spacing-medium, 8px);\n      padding: var(--spacing-medium, 8px) var(--spacing-large, 12px);\n      border-radius: var(--border-radius, 4px);\n      background: var(--md-sys-color-surface-container, rgba(0, 0, 0, 0.04));\n      font-size: var(--ui-t-body, 14px);\n    }\n    .acknowledge.done {\n      color: var(--ui-muted, var(--md-sys-color-on-surface-variant));\n    }\n  `\n\n  @property({ attribute: false }) announcement!: AnnouncementItem\n  @state() private busy = false\n\n  render() {\n    const one = this.announcement\n    if (!one) return nothing\n    const files = one.attachments ?? []\n    const links = one.links ?? []\n    return html`<div class=\"meta\">\n        ${one.pinned ? html`<span class=\"chip\"><md-icon>push_pin</md-icon>${t('announcement.field.pinned')}</span>` : nothing}\n        ${one.importance !== 'NORMAL' ? html`<span class=\"chip ${one.importance}\">${importanceWord(one.importance)}</span>` : nothing}\n        <span class=\"chip\">${categoryWord(one.category)}</span>\n        <span>${one.publisher?.name ?? one.creator?.name ?? ''}</span>\n        <span>${when(one.publishedAt ?? one.startsAt)}</span>\n        ${one.endsAt ? html`<span>${t('announcement.text.until', { when: when(one.endsAt) })}</span>` : nothing}\n        ${one.version > 1 ? html`<span>${t('announcement.text.version', { version: one.version })}</span>` : nothing}\n      </div>\n      ${one.body ? html`<div class=\"markdown\">${unsafeHTML(renderMarkdown(one.body))}</div>` : nothing}\n      ${files.length\n        ? html`<h4>${t('announcement.field.attachments')}</h4>\n            <ul class=\"files\">\n              ${files.map(\n                file =>\n                  html`<li>\n                    <a href=${file.fullpath} target=\"_blank\" rel=\"noopener\" download=${file.name}><md-icon>attach_file</md-icon>${file.name}</a>\n                    ${file.size ? html`<span class=\"size\">${Math.max(1, Math.round(file.size / 1024))} KB</span>` : nothing}\n                  </li>`\n              )}\n            </ul>`\n        : nothing}\n      ${links.length\n        ? html`<h4>${t('announcement.field.links')}</h4>\n            <ul class=\"files\">\n              ${links.map(link => html`<li><button class=\"link\" @click=${() => this.follow(link.url)}><md-icon>open_in_new</md-icon>${link.label}</button></li>`)}\n            </ul>`\n        : nothing}\n      ${this.renderAcknowledge()}`\n  }\n\n  private renderAcknowledge() {\n    const one = this.announcement\n    if (!one.requiresAcknowledgement || one.status !== 'PUBLISHED') return nothing\n    const by = one.acknowledgeBy ? t('announcement.text.acknowledge-by', { when: when(one.acknowledgeBy, false) }) : ''\n    if (one.mine?.acknowledgedAt) return html`<div class=\"acknowledge done\">${t('announcement.text.acknowledged-at', { when: when(one.mine.acknowledgedAt) })}</div>`\n    /* Only its audience acknowledges; a writer looking at one addressed to others sees what is asked. */\n    if (!one.addressed) return html`<div class=\"acknowledge\">${t('announcement.text.acknowledge-asked')} ${by}</div>`\n    return html`<div class=\"acknowledge\">\n      <span>${t('announcement.text.acknowledge-asked')} ${by}</span>\n      <md-filled-button ?disabled=${this.busy} @click=${() => this.acknowledge()}>${t('announcement.button.acknowledge')}</md-filled-button>\n    </div>`\n  }\n\n  private follow(url: string) {\n    this.dispatchEvent(new CustomEvent('announcement-follow', { bubbles: true, composed: true }))\n    followLink(url)\n  }\n\n  private async acknowledge() {\n    this.busy = true\n    try {\n      const done = await announcementApi.acknowledge(this.announcement.id)\n      this.announcement = { ...this.announcement, ...done }\n      this.dispatchEvent(new CustomEvent('announcement-acknowledged', { bubbles: true, composed: true, detail: this.announcement }))\n    } catch (error) {\n      notify({ level: 'error', message: reasonOf(error) })\n    } finally {\n      this.busy = false\n    }\n  }\n}\n"]}
+{"version":3,"file":"announcement-sheet.js","sourceRoot":"","sources":["../../client/components/announcement-sheet.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n * One announcement as its reader sees it - what kind it is and from whom, its body, its files, the screens it points to,\n * and the acknowledgement it asks for (ADR-0163 decisions 3, 5). The screen and the popup both draw it.\n */\nimport '@material/web/icon/icon.js'\nimport '@material/web/button/filled-button.js'\n\nimport gql from 'graphql-tag'\nimport { css, html, LitElement, nothing } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\nimport { unsafeHTML } from 'lit/directives/unsafe-html.js'\n\nimport { MutationController } from '@operato/graphql'\nimport { i18next, localize } from '@operato/i18n'\nimport { navigate } from '@operato/shell'\nimport { renderMarkdown } from '@things-factory/ai-assistant/dist-client/index.js'\n\nimport { announcementsChanged, type AnnouncementItem } from '../utils/announcement-api.js'\nimport { categoryWord, importanceWord, t, when } from '../utils/announcement-words.js'\n\n/** A screen of the application opens in place; an https page opens apart. */\nexport function followLink(url: string) {\n  if (/^https:\\/\\//i.test(url)) window.open(url, '_blank', 'noopener')\n  else navigate(url)\n}\n\n@customElement('announcement-sheet')\nexport class AnnouncementSheet extends localize(i18next)(LitElement) {\n  static styles = css`\n    :host {\n      display: flex;\n      flex-direction: column;\n      gap: var(--spacing-medium, 8px);\n      color: var(--md-sys-color-on-surface);\n    }\n    .meta {\n      display: flex;\n      flex-wrap: wrap;\n      align-items: center;\n      gap: var(--spacing-small, 4px) var(--spacing-medium, 8px);\n      font-size: var(--ui-t-small, 12px);\n      color: var(--ui-muted, var(--md-sys-color-on-surface-variant));\n    }\n    .chip {\n      display: inline-flex;\n      align-items: center;\n      gap: 2px;\n      padding: 0 var(--spacing-small, 4px);\n      border-radius: var(--border-radius, 4px);\n      border: 1px solid var(--ui-line-soft, var(--md-sys-color-outline-variant));\n      line-height: 1.6;\n    }\n    .chip.URGENT {\n      color: var(--md-sys-color-error);\n      border-color: currentColor;\n    }\n    .chip.IMPORTANT {\n      color: var(--md-sys-color-primary);\n      border-color: currentColor;\n    }\n    .chip md-icon {\n      --md-icon-size: 14px;\n    }\n    .markdown {\n      font-size: var(--ui-t-body, 14px);\n      line-height: 1.6;\n      overflow-wrap: anywhere;\n    }\n    .markdown :is(h1, h2, h3, h4) {\n      margin: var(--spacing-medium, 8px) 0 var(--spacing-small, 4px);\n      font-size: var(--ui-t-title, 16px);\n    }\n    .markdown :is(p, ul, ol, blockquote, pre, table) {\n      margin: 0 0 var(--spacing-medium, 8px);\n    }\n    .markdown :is(ul, ol) {\n      padding-inline-start: 1.4em;\n      list-style: revert;\n      display: block;\n    }\n    .markdown a {\n      color: var(--md-sys-color-primary);\n    }\n    .markdown table {\n      border-collapse: collapse;\n    }\n    .markdown :is(th, td) {\n      border: 1px solid var(--ui-line-soft, var(--md-sys-color-outline-variant));\n      padding: 2px var(--spacing-small, 4px);\n    }\n    h4 {\n      margin: var(--spacing-medium, 8px) 0 var(--spacing-small, 4px);\n      font-size: var(--ui-t-small, 12px);\n      color: var(--ui-muted, var(--md-sys-color-on-surface-variant));\n      font-weight: 600;\n    }\n    ul.files {\n      margin: 0;\n      padding: 0;\n      list-style: none;\n      display: flex;\n      flex-direction: column;\n      gap: 2px;\n    }\n    a,\n    .link {\n      display: inline-flex;\n      align-items: center;\n      gap: var(--spacing-small, 4px);\n      color: var(--md-sys-color-primary);\n      text-decoration: none;\n      cursor: pointer;\n      background: none;\n      border: 0;\n      padding: 0;\n      font: inherit;\n    }\n    a:hover,\n    .link:hover {\n      text-decoration: underline;\n    }\n    a md-icon,\n    .link md-icon {\n      --md-icon-size: 16px;\n    }\n    .size {\n      color: var(--ui-muted, var(--md-sys-color-on-surface-variant));\n      font-size: var(--ui-t-small, 12px);\n    }\n    .acknowledge {\n      display: flex;\n      flex-wrap: wrap;\n      align-items: center;\n      justify-content: space-between;\n      gap: var(--spacing-medium, 8px);\n      padding: var(--spacing-medium, 8px) var(--spacing-large, 12px);\n      border-radius: var(--border-radius, 4px);\n      background: var(--md-sys-color-surface-container, rgba(0, 0, 0, 0.04));\n      font-size: var(--ui-t-body, 14px);\n    }\n    .acknowledge.done {\n      color: var(--ui-muted, var(--md-sys-color-on-surface-variant));\n    }\n  `\n\n  @property({ attribute: false }) announcement!: AnnouncementItem\n  private acknowledgement = new MutationController(\n    this,\n    gql`mutation ($id: String!) { acknowledgeAnnouncement(id: $id) { id readerState mine { readAt acknowledgedAt } } }`\n  )\n\n  private get busy() {\n    return this.acknowledgement.pending\n  }\n\n  render() {\n    const one = this.announcement\n    if (!one) return nothing\n    const files = one.attachments ?? []\n    const links = one.links ?? []\n    return html`<div class=\"meta\">\n        ${one.pinned ? html`<span class=\"chip\"><md-icon>push_pin</md-icon>${t('announcement.field.pinned')}</span>` : nothing}\n        ${one.importance !== 'NORMAL' ? html`<span class=\"chip ${one.importance}\">${importanceWord(one.importance)}</span>` : nothing}\n        <span class=\"chip\">${categoryWord(one.category)}</span>\n        <span>${one.publisher?.name ?? one.creator?.name ?? ''}</span>\n        <span>${when(one.publishedAt ?? one.startsAt)}</span>\n        ${one.endsAt ? html`<span>${t('announcement.text.until', { when: when(one.endsAt) })}</span>` : nothing}\n        ${one.version > 1 ? html`<span>${t('announcement.text.version', { version: one.version })}</span>` : nothing}\n      </div>\n      ${one.body ? html`<div class=\"markdown\">${unsafeHTML(renderMarkdown(one.body))}</div>` : nothing}\n      ${files.length\n        ? html`<h4>${t('announcement.field.attachments')}</h4>\n            <ul class=\"files\">\n              ${files.map(\n                file =>\n                  html`<li>\n                    <a href=${file.fullpath} target=\"_blank\" rel=\"noopener\" download=${file.name}><md-icon>attach_file</md-icon>${file.name}</a>\n                    ${file.size ? html`<span class=\"size\">${Math.max(1, Math.round(file.size / 1024))} KB</span>` : nothing}\n                  </li>`\n              )}\n            </ul>`\n        : nothing}\n      ${links.length\n        ? html`<h4>${t('announcement.field.links')}</h4>\n            <ul class=\"files\">\n              ${links.map(link => html`<li><button class=\"link\" @click=${() => this.follow(link.url)}><md-icon>open_in_new</md-icon>${link.label}</button></li>`)}\n            </ul>`\n        : nothing}\n      ${this.renderAcknowledge()}`\n  }\n\n  private renderAcknowledge() {\n    const one = this.announcement\n    if (!one.requiresAcknowledgement || one.status !== 'PUBLISHED') return nothing\n    const by = one.acknowledgeBy ? t('announcement.text.acknowledge-by', { when: when(one.acknowledgeBy, false) }) : ''\n    if (one.mine?.acknowledgedAt) return html`<div class=\"acknowledge done\">${t('announcement.text.acknowledged-at', { when: when(one.mine.acknowledgedAt) })}</div>`\n    /* Only its audience acknowledges; a writer looking at one addressed to others sees what is asked. */\n    if (!one.addressed) return html`<div class=\"acknowledge\">${t('announcement.text.acknowledge-asked')} ${by}</div>`\n    return html`<div class=\"acknowledge\">\n      <span>${t('announcement.text.acknowledge-asked')} ${by}</span>\n      <md-filled-button ?disabled=${this.busy} @click=${() => this.acknowledge()}>${t('announcement.button.acknowledge')}</md-filled-button>\n    </div>`\n  }\n\n  private follow(url: string) {\n    this.dispatchEvent(new CustomEvent('announcement-follow', { bubbles: true, composed: true }))\n    followLink(url)\n  }\n\n  private async acknowledge() {\n    const done = await this.acknowledgement.run({ id: this.announcement.id })\n    if (!done) return\n    announcementsChanged()\n    this.announcement = { ...this.announcement, ...done.acknowledgeAnnouncement }\n    this.dispatchEvent(new CustomEvent('announcement-acknowledged', { bubbles: true, composed: true, detail: this.announcement }))\n  }\n}\n"]}

package/dist-client/components/audience-picker.d.ts

@@ -13,13 +13,17 @@ export declare class AudiencePicker extends AudiencePicker_base {
     static styles: import("lit").CSSResult;
     value: Audience[];
     disabled: boolean;
-    private choices?;
     private text;
-    private found;
-    private size?;
+    private searched;
+    private counted;
     private searching?;
     private counting?;
-    connectedCallback(): Promise<void>;
+    private choicesRead;
+    private people;
+    private sizeRead;
+    private get choices();
+    private get found();
+    private get size();
     updated(changes: Map<string, unknown>): void;
     render(): import("lit-html").TemplateResult<1>;
     private give;