@things-factory/gallery 10.1.247 → 10.1.248

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@things-factory/gallery",
-  "version": "10.1.247",
+  "version": "10.1.248",
   "main": "dist-server/index.js",
   "browser": "dist-client/index.js",
   "things-factory": true,
@@ -40,12 +40,12 @@
     "@things-factory/auth-base": "^10.1.247",
     "@things-factory/calendar": "^10.1.247",
     "@things-factory/i18n-base": "^10.1.247",
-    "@things-factory/notification": "^10.1.247",
+    "@things-factory/notification": "^10.1.248",
     "@things-factory/setting-base": "^10.1.247",
     "@things-factory/shell": "^10.1.247",
     "graphql-tag": "^2.12.6",
     "graphql-upload": "^15.0.2",
     "lit": "^3.1.2"
   },
-  "gitHead": "3c672029b2ef4a09f3370d37e5d225392856a602"
+  "gitHead": "ca390a4b791d6e8630388167d3da6031034b5a5e"
 }

package/dist-client/bootstrap.d.ts

@@ -1,2 +0,0 @@
-import './components/gallery-saver-setting-let.js';
-export default function bootstrap(): void;

package/dist-client/bootstrap.js

@@ -1,26 +0,0 @@
-import { html } from 'lit';
-import { navigate, store } from '@operato/shell';
-import { ADD_USER_MENU } from '@things-factory/apptool-base/client';
-import { ADD_SETTING } from '@things-factory/setting-base/dist-client';
-import './components/gallery-saver-setting-let.js';
-import { watchForSaver } from './utils/gallery-saver.js';
-/* One's own gallery is in the menu the header's avatar opens, right after the profile (ADR-0165 decision 6). */
-export default function bootstrap() {
-    store.dispatch({
-        type: ADD_USER_MENU,
-        item: {
-            name: 'my-gallery',
-            icon: 'photo_library',
-            label: 'gallery.title.my-gallery',
-            order: 12,
-            action: () => navigate('gallery-page?tab=mine')
-        }
-    });
-    /* The screen saver is the device's, so it is set among one's own settings (ADR-0165 decision 9). */
-    store.dispatch({
-        type: ADD_SETTING,
-        setting: { seq: 30, template: html `<gallery-saver-setting-let></gallery-saver-setting-let>` }
-    });
-    watchForSaver();
-}
-//# sourceMappingURL=bootstrap.js.map

package/dist-client/bootstrap.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"bootstrap.js","sourceRoot":"","sources":["../client/bootstrap.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAA;AAE1B,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAA;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAA;AACnE,OAAO,EAAE,WAAW,EAAE,MAAM,0CAA0C,CAAA;AAEtE,OAAO,2CAA2C,CAAA;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAA;AAExD,gHAAgH;AAChH,MAAM,CAAC,OAAO,UAAU,SAAS;IAC/B,KAAK,CAAC,QAAQ,CAAC;QACb,IAAI,EAAE,aAAa;QACnB,IAAI,EAAE;YACJ,IAAI,EAAE,YAAY;YAClB,IAAI,EAAE,eAAe;YACrB,KAAK,EAAE,0BAA0B;YACjC,KAAK,EAAE,EAAE;YACT,MAAM,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,uBAAuB,CAAC;SAChD;KACF,CAAC,CAAA;IACF,oGAAoG;IACpG,KAAK,CAAC,QAAQ,CAAC;QACb,IAAI,EAAE,WAAW;QACjB,OAAO,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,QAAQ,EAAE,IAAI,CAAA,yDAAyD,EAAE;KAC9F,CAAC,CAAA;IACF,aAAa,EAAE,CAAA;AACjB,CAAC","sourcesContent":["import { html } from 'lit'\n\nimport { navigate, store } from '@operato/shell'\nimport { ADD_USER_MENU } from '@things-factory/apptool-base/client'\nimport { ADD_SETTING } from '@things-factory/setting-base/dist-client'\n\nimport './components/gallery-saver-setting-let.js'\nimport { watchForSaver } from './utils/gallery-saver.js'\n\n/* One's own gallery is in the menu the header's avatar opens, right after the profile (ADR-0165 decision 6). */\nexport default function bootstrap() {\n  store.dispatch({\n    type: ADD_USER_MENU,\n    item: {\n      name: 'my-gallery',\n      icon: 'photo_library',\n      label: 'gallery.title.my-gallery',\n      order: 12,\n      action: () => navigate('gallery-page?tab=mine')\n    }\n  })\n  /* The screen saver is the device's, so it is set among one's own settings (ADR-0165 decision 9). */\n  store.dispatch({\n    type: ADD_SETTING,\n    setting: { seq: 30, template: html`<gallery-saver-setting-let></gallery-saver-setting-let>` }\n  })\n  watchForSaver()\n}\n"]}

package/dist-client/components/gallery-forms.d.ts

@@ -1,31 +0,0 @@
-import '@material/web/button/filled-button.js';
-import '@material/web/button/text-button.js';
-import '@operato/popup/ox-popup-actions.js';
-import { LitElement } from 'lit';
-declare const GalleryEventForm_base: (new (...args: any[]) => LitElement) & typeof LitElement;
-export declare class GalleryEventForm extends GalleryEventForm_base {
-    static styles: import("lit").CSSResult[];
-    private name;
-    private startAt;
-    private endAt;
-    private location;
-    private busy;
-    render(): import("lit-html").TemplateResult<1>;
-    /** A later start carries the end with it, the same length. */
-    private start;
-    private save;
-    /** What was made goes as the popup's result. */
-    private close;
-}
-declare const GalleryTagForm_base: (new (...args: any[]) => LitElement) & typeof LitElement;
-export declare class GalleryTagForm extends GalleryTagForm_base {
-    static styles: import("lit").CSSResult[];
-    tag: string;
-    private to;
-    private busy;
-    render(): import("lit-html").TemplateResult<1>;
-    private save;
-    /** What was made goes as the popup's result. */
-    private close;
-}
-export {};

package/dist-client/components/gallery-forms.js

@@ -1,223 +0,0 @@
-import { __decorate, __metadata } from "tslib";
-/*
- * The two small forms of the gallery's moderators (ADR-0165 decision 5): an event made from the gallery, for one nobody
- * put on the calendar yet, and a tag renamed on every post - into one already there, the two become one.
- */
-import '@material/web/button/filled-button.js';
-import '@material/web/button/text-button.js';
-import '@operato/popup/ox-popup-actions.js';
-import { css, html, LitElement } from 'lit';
-import { customElement, property, state } from 'lit/decorators.js';
-import { i18next, localize } from '@operato/i18n';
-import { notify } from '@operato/layout';
-import { CommonPopupStyles, PopupBodyStyles } from '@operato/styles';
-import { galleryApi, galleryChanged } from '../utils/gallery-api.js';
-import { reasonOf, t } from '../utils/gallery-words.js';
-const FormStyles = css `
-  :host {
-    height: 100%;
-  }
-  .body {
-    display: flex;
-    flex-direction: column;
-    gap: var(--spacing-medium, 8px);
-  }
-  label {
-    display: flex;
-    flex-direction: column;
-    gap: 2px;
-    font-size: var(--ui-t-small, 12px);
-    font-weight: 600;
-    color: var(--ui-muted, var(--md-sys-color-on-surface-variant));
-  }
-  input {
-    box-sizing: border-box;
-    font: inherit;
-    font-size: var(--ui-t-body, 14px);
-    font-weight: normal;
-    padding: var(--spacing-small, 4px) var(--spacing-medium, 8px);
-    border: 1px solid var(--ui-line, var(--md-sys-color-outline-variant));
-    border-radius: var(--border-radius, 4px);
-    background: var(--md-sys-color-surface);
-    color: var(--md-sys-color-on-surface);
-  }
-  .row {
-    display: flex;
-    flex-wrap: wrap;
-    gap: var(--spacing-medium, 8px);
-  }
-  .note {
-    font-size: var(--ui-t-small, 12px);
-    color: var(--ui-muted, var(--md-sys-color-on-surface-variant));
-  }
-`;
-const local = (value) => {
-    const pad = (n) => String(n).padStart(2, '0');
-    return `${value.getFullYear()}-${pad(value.getMonth() + 1)}-${pad(value.getDate())}T${pad(value.getHours())}:${pad(value.getMinutes())}`;
-};
-let GalleryEventForm = class GalleryEventForm extends localize(i18next)(LitElement) {
-    constructor() {
-        super(...arguments);
-        this.name = '';
-        this.startAt = local(new Date(new Date().setHours(9, 0, 0, 0)));
-        this.endAt = local(new Date(new Date().setHours(18, 0, 0, 0)));
-        this.location = '';
-        this.busy = false;
-    }
-    static { this.styles = [CommonPopupStyles, PopupBodyStyles, FormStyles]; }
-    render() {
-        const ready = this.name.trim() && this.startAt && this.endAt && this.endAt > this.startAt;
-        return html `<div class="body">
-        <label
-          >${t('gallery.field.event-name')}<input
-            .value=${this.name}
-            @input=${(e) => (this.name = e.target.value)}
-        /></label>
-        <div class="row">
-          <label
-            >${t('gallery.field.starts')}<input
-              type="datetime-local"
-              .value=${this.startAt}
-              @change=${(e) => this.start(e.target.value)}
-          /></label>
-          <label
-            >${t('gallery.field.ends')}<input
-              type="datetime-local"
-              .value=${this.endAt}
-              @change=${(e) => (this.endAt = e.target.value)}
-          /></label>
-        </div>
-        <label
-          >${t('gallery.field.location')}<input
-            .value=${this.location}
-            @input=${(e) => (this.location = e.target.value)}
-        /></label>
-        <div class="note">${t('gallery.text.event-form-note')}</div>
-      </div>
-      <ox-popup-actions>
-        <md-text-button slot="cancel" @click=${() => this.close()}>${t('gallery.button.cancel')}</md-text-button>
-        <md-filled-button slot="confirm" ?disabled=${this.busy || !ready} @click=${() => this.save()}
-          >${t('gallery.button.create-event')}</md-filled-button
-        >
-      </ox-popup-actions>`;
-    }
-    /** A later start carries the end with it, the same length. */
-    start(value) {
-        const length = new Date(this.endAt).getTime() - new Date(this.startAt).getTime();
-        this.startAt = value;
-        if (value && length > 0)
-            this.endAt = local(new Date(new Date(value).getTime() + length));
-    }
-    async save() {
-        this.busy = true;
-        try {
-            const event = await galleryApi.createEvent({
-                name: this.name.trim(),
-                startAt: new Date(this.startAt).toISOString(),
-                endAt: new Date(this.endAt).toISOString(),
-                location: this.location.trim() || undefined
-            });
-            galleryChanged();
-            this.close(event);
-        }
-        catch (error) {
-            notify({ level: 'error', message: reasonOf(error) });
-        }
-        finally {
-            this.busy = false;
-        }
-    }
-    /** What was made goes as the popup's result. */
-    close(result) {
-        this.dispatchEvent(new CustomEvent('done', { detail: result, bubbles: true, composed: true }));
-    }
-};
-__decorate([
-    state(),
-    __metadata("design:type", Object)
-], GalleryEventForm.prototype, "name", void 0);
-__decorate([
-    state(),
-    __metadata("design:type", Object)
-], GalleryEventForm.prototype, "startAt", void 0);
-__decorate([
-    state(),
-    __metadata("design:type", Object)
-], GalleryEventForm.prototype, "endAt", void 0);
-__decorate([
-    state(),
-    __metadata("design:type", Object)
-], GalleryEventForm.prototype, "location", void 0);
-__decorate([
-    state(),
-    __metadata("design:type", Object)
-], GalleryEventForm.prototype, "busy", void 0);
-GalleryEventForm = __decorate([
-    customElement('gallery-event-form')
-], GalleryEventForm);
-export { GalleryEventForm };
-let GalleryTagForm = class GalleryTagForm extends localize(i18next)(LitElement) {
-    constructor() {
-        super(...arguments);
-        this.tag = '';
-        this.to = '';
-        this.busy = false;
-    }
-    static { this.styles = [CommonPopupStyles, PopupBodyStyles, FormStyles]; }
-    render() {
-        const ready = this.to.trim().replace(/^#+/, '') && this.to.trim().replace(/^#+/, '') !== this.tag;
-        return html `<div class="body">
-        <label
-          >${t('gallery.field.new-tag')}<input
-            .value=${this.to}
-            placeholder=${this.tag}
-            maxlength="30"
-            @input=${(e) => (this.to = e.target.value)}
-        /></label>
-        <div class="note">${t('gallery.text.tag-form-note', { tag: this.tag })}</div>
-      </div>
-      <ox-popup-actions>
-        <md-text-button slot="cancel" @click=${() => this.close()}>${t('gallery.button.cancel')}</md-text-button>
-        <md-filled-button slot="confirm" ?disabled=${this.busy || !ready} @click=${() => this.save()}
-          >${t('gallery.button.rename-tag')}</md-filled-button
-        >
-      </ox-popup-actions>`;
-    }
-    async save() {
-        this.busy = true;
-        try {
-            const to = this.to.trim().replace(/^#+/, '');
-            const count = await galleryApi.renameTag(this.tag, to);
-            notify({ message: t('gallery.text.tag-renamed', { count }) });
-            galleryChanged();
-            this.close(to);
-        }
-        catch (error) {
-            notify({ level: 'error', message: reasonOf(error) });
-        }
-        finally {
-            this.busy = false;
-        }
-    }
-    /** What was made goes as the popup's result. */
-    close(result) {
-        this.dispatchEvent(new CustomEvent('done', { detail: result, bubbles: true, composed: true }));
-    }
-};
-__decorate([
-    property(),
-    __metadata("design:type", Object)
-], GalleryTagForm.prototype, "tag", void 0);
-__decorate([
-    state(),
-    __metadata("design:type", Object)
-], GalleryTagForm.prototype, "to", void 0);
-__decorate([
-    state(),
-    __metadata("design:type", Object)
-], GalleryTagForm.prototype, "busy", void 0);
-GalleryTagForm = __decorate([
-    customElement('gallery-tag-form')
-], GalleryTagForm);
-export { GalleryTagForm };
-//# sourceMappingURL=gallery-forms.js.map

package/dist-client/components/gallery-forms.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"gallery-forms.js","sourceRoot":"","sources":["../../client/components/gallery-forms.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n * The two small forms of the gallery's moderators (ADR-0165 decision 5): an event made from the gallery, for one nobody\n * put on the calendar yet, and a tag renamed on every post - into one already there, the two become one.\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 } 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 { galleryApi, galleryChanged } from '../utils/gallery-api.js'\nimport { reasonOf, t } from '../utils/gallery-words.js'\n\nconst FormStyles = css`\n  :host {\n    height: 100%;\n  }\n  .body {\n    display: flex;\n    flex-direction: column;\n    gap: var(--spacing-medium, 8px);\n  }\n  label {\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n    font-size: var(--ui-t-small, 12px);\n    font-weight: 600;\n    color: var(--ui-muted, var(--md-sys-color-on-surface-variant));\n  }\n  input {\n    box-sizing: border-box;\n    font: inherit;\n    font-size: var(--ui-t-body, 14px);\n    font-weight: normal;\n    padding: var(--spacing-small, 4px) var(--spacing-medium, 8px);\n    border: 1px solid var(--ui-line, var(--md-sys-color-outline-variant));\n    border-radius: var(--border-radius, 4px);\n    background: var(--md-sys-color-surface);\n    color: var(--md-sys-color-on-surface);\n  }\n  .row {\n    display: flex;\n    flex-wrap: wrap;\n    gap: var(--spacing-medium, 8px);\n  }\n  .note {\n    font-size: var(--ui-t-small, 12px);\n    color: var(--ui-muted, var(--md-sys-color-on-surface-variant));\n  }\n`\n\nconst local = (value: Date) => {\n  const pad = (n: number) => String(n).padStart(2, '0')\n  return `${value.getFullYear()}-${pad(value.getMonth() + 1)}-${pad(value.getDate())}T${pad(value.getHours())}:${pad(value.getMinutes())}`\n}\n\n@customElement('gallery-event-form')\nexport class GalleryEventForm extends localize(i18next)(LitElement) {\n  static styles = [CommonPopupStyles, PopupBodyStyles, FormStyles]\n\n  @state() private name = ''\n  @state() private startAt = local(new Date(new Date().setHours(9, 0, 0, 0)))\n  @state() private endAt = local(new Date(new Date().setHours(18, 0, 0, 0)))\n  @state() private location = ''\n  @state() private busy = false\n\n  render() {\n    const ready = this.name.trim() && this.startAt && this.endAt && this.endAt > this.startAt\n    return html`<div class=\"body\">\n        <label\n          >${t('gallery.field.event-name')}<input\n            .value=${this.name}\n            @input=${(e: any) => (this.name = e.target.value)}\n        /></label>\n        <div class=\"row\">\n          <label\n            >${t('gallery.field.starts')}<input\n              type=\"datetime-local\"\n              .value=${this.startAt}\n              @change=${(e: any) => this.start(e.target.value)}\n          /></label>\n          <label\n            >${t('gallery.field.ends')}<input\n              type=\"datetime-local\"\n              .value=${this.endAt}\n              @change=${(e: any) => (this.endAt = e.target.value)}\n          /></label>\n        </div>\n        <label\n          >${t('gallery.field.location')}<input\n            .value=${this.location}\n            @input=${(e: any) => (this.location = e.target.value)}\n        /></label>\n        <div class=\"note\">${t('gallery.text.event-form-note')}</div>\n      </div>\n      <ox-popup-actions>\n        <md-text-button slot=\"cancel\" @click=${() => this.close()}>${t('gallery.button.cancel')}</md-text-button>\n        <md-filled-button slot=\"confirm\" ?disabled=${this.busy || !ready} @click=${() => this.save()}\n          >${t('gallery.button.create-event')}</md-filled-button\n        >\n      </ox-popup-actions>`\n  }\n\n  /** A later start carries the end with it, the same length. */\n  private start(value: string) {\n    const length = new Date(this.endAt).getTime() - new Date(this.startAt).getTime()\n    this.startAt = value\n    if (value && length > 0) this.endAt = local(new Date(new Date(value).getTime() + length))\n  }\n\n  private async save() {\n    this.busy = true\n    try {\n      const event = await galleryApi.createEvent({\n        name: this.name.trim(),\n        startAt: new Date(this.startAt).toISOString(),\n        endAt: new Date(this.endAt).toISOString(),\n        location: this.location.trim() || undefined\n      })\n      galleryChanged()\n      this.close(event)\n    } catch (error) {\n      notify({ level: 'error', message: reasonOf(error) })\n    } finally {\n      this.busy = false\n    }\n  }\n\n  /** What was made goes as the popup's result. */\n  private close(result?: unknown) {\n    this.dispatchEvent(new CustomEvent('done', { detail: result, bubbles: true, composed: true }))\n  }\n}\n\n@customElement('gallery-tag-form')\nexport class GalleryTagForm extends localize(i18next)(LitElement) {\n  static styles = [CommonPopupStyles, PopupBodyStyles, FormStyles]\n\n  @property() tag = ''\n  @state() private to = ''\n  @state() private busy = false\n\n  render() {\n    const ready = this.to.trim().replace(/^#+/, '') && this.to.trim().replace(/^#+/, '') !== this.tag\n    return html`<div class=\"body\">\n        <label\n          >${t('gallery.field.new-tag')}<input\n            .value=${this.to}\n            placeholder=${this.tag}\n            maxlength=\"30\"\n            @input=${(e: any) => (this.to = e.target.value)}\n        /></label>\n        <div class=\"note\">${t('gallery.text.tag-form-note', { tag: this.tag })}</div>\n      </div>\n      <ox-popup-actions>\n        <md-text-button slot=\"cancel\" @click=${() => this.close()}>${t('gallery.button.cancel')}</md-text-button>\n        <md-filled-button slot=\"confirm\" ?disabled=${this.busy || !ready} @click=${() => this.save()}\n          >${t('gallery.button.rename-tag')}</md-filled-button\n        >\n      </ox-popup-actions>`\n  }\n\n  private async save() {\n    this.busy = true\n    try {\n      const to = this.to.trim().replace(/^#+/, '')\n      const count = await galleryApi.renameTag(this.tag, to)\n      notify({ message: t('gallery.text.tag-renamed', { count }) })\n      galleryChanged()\n      this.close(to)\n    } catch (error) {\n      notify({ level: 'error', message: reasonOf(error) })\n    } finally {\n      this.busy = false\n    }\n  }\n\n  /** What was made goes as the popup's result. */\n  private close(result?: unknown) {\n    this.dispatchEvent(new CustomEvent('done', { detail: result, bubbles: true, composed: true }))\n  }\n}\n"]}

package/dist-client/components/gallery-saver-setting-let.d.ts

@@ -1,11 +0,0 @@
-import '@material/web/radio/radio.js';
-import { LitElement } from 'lit';
-declare const GallerySaverSettingLet_base: (new (...args: any[]) => LitElement) & typeof LitElement;
-export declare class GallerySaverSettingLet extends GallerySaverSettingLet_base {
-    static styles: import("lit").CSSResult;
-    private minutes;
-    render(): import("lit-html").TemplateResult<1>;
-    firstUpdated(): Promise<void>;
-    private choose;
-}
-export {};

package/dist-client/components/gallery-saver-setting-let.js

@@ -1,81 +0,0 @@
-import { __decorate, __metadata } from "tslib";
-/*
- * Settings › the gallery as the screen saver on this device (ADR-0165 decision 9): off, or after a few quiet minutes.
- */
-import '@material/web/radio/radio.js';
-import { css, html, LitElement } from 'lit';
-import { customElement, state } from 'lit/decorators.js';
-import { i18next, localize } from '@operato/i18n';
-import { notify } from '@operato/layout';
-import { SAVER_MINUTES, saverMinutes, setSaverMinutes } from '../utils/gallery-saver.js';
-import { reasonOf, t } from '../utils/gallery-words.js';
-let GallerySaverSettingLet = class GallerySaverSettingLet extends localize(i18next)(LitElement) {
-    constructor() {
-        super(...arguments);
-        this.minutes = 0;
-    }
-    static { this.styles = css `
-    div[slot='content'] {
-      display: flex;
-      flex-direction: column;
-      gap: var(--spacing-medium, 8px);
-    }
-    .choices {
-      display: flex;
-      flex-wrap: wrap;
-      gap: var(--spacing-small, 4px) var(--spacing-large, 12px);
-    }
-    label {
-      display: flex;
-      gap: 6px;
-      align-items: center;
-      font: var(--label-font);
-      color: var(--md-sys-color-on-surface);
-    }
-    .note {
-      margin: 0;
-      font-size: var(--ui-t-small, 12px);
-      color: var(--ui-muted, var(--md-sys-color-on-surface-variant));
-    }
-  `; }
-    render() {
-        return html `<setting-let>
-      <span slot="title">${t('gallery.title.saver')}</span>
-      <div slot="content">
-        <div class="choices" role="radiogroup">
-          ${SAVER_MINUTES.map(minutes => html `<label>
-              <md-radio
-                name="gallery-saver"
-                value=${String(minutes)}
-                ?checked=${this.minutes === minutes}
-                @change=${() => this.choose(minutes)}
-              ></md-radio>
-              ${minutes ? t('gallery.text.saver-after', { minutes }) : t('gallery.text.saver-off')}
-            </label>`)}
-        </div>
-        <p class="note">${t('gallery.text.saver-note')}</p>
-      </div>
-    </setting-let>`;
-    }
-    async firstUpdated() {
-        this.minutes = await saverMinutes();
-    }
-    async choose(minutes) {
-        try {
-            await setSaverMinutes(minutes);
-            this.minutes = minutes;
-        }
-        catch (error) {
-            notify({ level: 'error', message: reasonOf(error) });
-        }
-    }
-};
-__decorate([
-    state(),
-    __metadata("design:type", Object)
-], GallerySaverSettingLet.prototype, "minutes", void 0);
-GallerySaverSettingLet = __decorate([
-    customElement('gallery-saver-setting-let')
-], GallerySaverSettingLet);
-export { GallerySaverSettingLet };
-//# sourceMappingURL=gallery-saver-setting-let.js.map

package/dist-client/components/gallery-saver-setting-let.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"gallery-saver-setting-let.js","sourceRoot":"","sources":["../../client/components/gallery-saver-setting-let.ts"],"names":[],"mappings":";AAAA;;GAEG;AACH,OAAO,8BAA8B,CAAA;AAErC,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAExD,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AACjD,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAA;AAExC,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AACxF,OAAO,EAAE,QAAQ,EAAE,CAAC,EAAE,MAAM,2BAA2B,CAAA;AAGhD,IAAM,sBAAsB,GAA5B,MAAM,sBAAuB,SAAQ,QAAQ,CAAC,OAAO,CAAC,CAAC,UAAU,CAAC;IAAlE;;QA0BY,YAAO,GAAG,CAAC,CAAA;IAoC9B,CAAC;aA7DQ,WAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;GAuBlB,AAvBY,CAuBZ;IAID,MAAM;QACJ,OAAO,IAAI,CAAA;2BACY,CAAC,CAAC,qBAAqB,CAAC;;;YAGvC,aAAa,CAAC,GAAG,CACjB,OAAO,CAAC,EAAE,CAAC,IAAI,CAAA;;;wBAGH,MAAM,CAAC,OAAO,CAAC;2BACZ,IAAI,CAAC,OAAO,KAAK,OAAO;0BACzB,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC;;gBAEpC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,0BAA0B,EAAE,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,wBAAwB,CAAC;qBAC7E,CACV;;0BAEe,CAAC,CAAC,yBAAyB,CAAC;;mBAEnC,CAAA;IACjB,CAAC;IAED,KAAK,CAAC,YAAY;QAChB,IAAI,CAAC,OAAO,GAAG,MAAM,YAAY,EAAE,CAAA;IACrC,CAAC;IAEO,KAAK,CAAC,MAAM,CAAC,OAAe;QAClC,IAAI,CAAC;YACH,MAAM,eAAe,CAAC,OAAO,CAAC,CAAA;YAC9B,IAAI,CAAC,OAAO,GAAG,OAAO,CAAA;QACxB,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,MAAM,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC,CAAA;QACtD,CAAC;IACH,CAAC;;AAnCgB;IAAhB,KAAK,EAAE;;uDAAoB;AA1BjB,sBAAsB;IADlC,aAAa,CAAC,2BAA2B,CAAC;GAC9B,sBAAsB,CA8DlC","sourcesContent":["/*\n * Settings › the gallery as the screen saver on this device (ADR-0165 decision 9): off, or after a few quiet minutes.\n */\nimport '@material/web/radio/radio.js'\n\nimport { css, html, LitElement } from 'lit'\nimport { customElement, state } from 'lit/decorators.js'\n\nimport { i18next, localize } from '@operato/i18n'\nimport { notify } from '@operato/layout'\n\nimport { SAVER_MINUTES, saverMinutes, setSaverMinutes } from '../utils/gallery-saver.js'\nimport { reasonOf, t } from '../utils/gallery-words.js'\n\n@customElement('gallery-saver-setting-let')\nexport class GallerySaverSettingLet extends localize(i18next)(LitElement) {\n  static styles = css`\n    div[slot='content'] {\n      display: flex;\n      flex-direction: column;\n      gap: var(--spacing-medium, 8px);\n    }\n    .choices {\n      display: flex;\n      flex-wrap: wrap;\n      gap: var(--spacing-small, 4px) var(--spacing-large, 12px);\n    }\n    label {\n      display: flex;\n      gap: 6px;\n      align-items: center;\n      font: var(--label-font);\n      color: var(--md-sys-color-on-surface);\n    }\n    .note {\n      margin: 0;\n      font-size: var(--ui-t-small, 12px);\n      color: var(--ui-muted, var(--md-sys-color-on-surface-variant));\n    }\n  `\n\n  @state() private minutes = 0\n\n  render() {\n    return html`<setting-let>\n      <span slot=\"title\">${t('gallery.title.saver')}</span>\n      <div slot=\"content\">\n        <div class=\"choices\" role=\"radiogroup\">\n          ${SAVER_MINUTES.map(\n            minutes => html`<label>\n              <md-radio\n                name=\"gallery-saver\"\n                value=${String(minutes)}\n                ?checked=${this.minutes === minutes}\n                @change=${() => this.choose(minutes)}\n              ></md-radio>\n              ${minutes ? t('gallery.text.saver-after', { minutes }) : t('gallery.text.saver-off')}\n            </label>`\n          )}\n        </div>\n        <p class=\"note\">${t('gallery.text.saver-note')}</p>\n      </div>\n    </setting-let>`\n  }\n\n  async firstUpdated() {\n    this.minutes = await saverMinutes()\n  }\n\n  private async choose(minutes: number) {\n    try {\n      await setSaverMinutes(minutes)\n      this.minutes = minutes\n    } catch (error) {\n      notify({ level: 'error', message: reasonOf(error) })\n    }\n  }\n}\n"]}

package/dist-client/components/gallery-show.d.ts

@@ -1,46 +0,0 @@
-import '@material/web/icon/icon.js';
-import { LitElement, nothing } from 'lit';
-import { type Filter } from '../utils/gallery-api.js';
-export type ShowOptions = {
-    /** The posts the show walks through - the gallery's narrowing where it was opened. */
-    filter: Filter;
-    /** Where it starts: a post and the photo in it. Without it, the first photo. */
-    start?: {
-        postId: string;
-        index: number;
-    };
-    /** Plays at once. */
-    playing?: boolean;
-    /** The screen saver: plays in a random order, and closes at anything the person does. */
-    saver?: boolean;
-};
-declare const GalleryShow_base: (new (...args: any[]) => LitElement) & typeof LitElement;
-export declare class GalleryShow extends GalleryShow_base {
-    static styles: import("lit").CSSResult;
-    /** Opens a show over the whole window, and the whole screen when the browser lets it. */
-    static open(options: ShowOptions): GalleryShow;
-    saver: boolean;
-    options: ShowOptions;
-    private frames;
-    private at;
-    private playing;
-    private loaded;
-    private timer?;
-    private wholeScreen;
-    private disposed;
-    render(): typeof nothing | import("lit-html").TemplateResult<1>;
-    private renderBar;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    private load;
-    private play;
-    /** The next photo after the dwell, asked ahead so it is there when it turns. */
-    private schedule;
-    private step;
-    private onKey;
-    /** Leaving the whole screen (Esc there is the browser's) leaves the show too. */
-    private onFullscreen;
-    private onWake;
-    close(): void;
-}
-export {};