@leavittsoftware/web 8.7.2 → 8.7.3

package/leavitt/profile-picture/profile-picture.js

@@ -0,0 +1,208 @@
+import { __decorate } from "tslib";
+import '@material/web/icon/icon';
+import { isDevelopment } from '../../titanium/helpers/helpers';
+import { css, html, LitElement, nothing } from 'lit';
+import { customElement, property } from 'lit/decorators.js';
+/**
+ * Displays a Leavitt Group users profile picture
+ *
+ * @element profile-picture
+ *
+ */
+let ProfilePicture = class ProfilePicture extends LitElement {
+    #fileName_accessor_storage;
+    /**
+     * File name of the profile picture on CDN, no extension
+     */
+    get fileName() { return this.#fileName_accessor_storage; }
+    set fileName(value) { this.#fileName_accessor_storage = value; }
+    #shape_accessor_storage = 'circle';
+    /**
+     * Shape of profile picture
+     */
+    get shape() { return this.#shape_accessor_storage; }
+    set shape(value) { this.#shape_accessor_storage = value; }
+    #showRing_accessor_storage;
+    /**
+     * Shows a colored ring around the picture
+     */
+    get showRing() { return this.#showRing_accessor_storage; }
+    set showRing(value) { this.#showRing_accessor_storage = value; }
+    #showTestUserIndicator_accessor_storage;
+    /**
+     * Shows a test user indicator at the bottom of the picture
+     */
+    get showTestUserIndicator() { return this.#showTestUserIndicator_accessor_storage; }
+    set showTestUserIndicator(value) { this.#showTestUserIndicator_accessor_storage = value; }
+    #profilePictureLinkPersonId_accessor_storage;
+    /**
+     * Makes the image a link to the respective profile page
+     */
+    get profilePictureLinkPersonId() { return this.#profilePictureLinkPersonId_accessor_storage; }
+    set profilePictureLinkPersonId(value) { this.#profilePictureLinkPersonId_accessor_storage = value; }
+    #size_accessor_storage = 120;
+    /**
+     * Size in pixels of profile picture
+     */
+    get size() { return this.#size_accessor_storage; }
+    set size(value) { this.#size_accessor_storage = value; }
+    #useIntrinsicImageSize_accessor_storage = false;
+    /**
+     *  Setting true will cause the size attribute to only determine what size image to fetch from CDN and not set any CSS size styles on the image. Therefore the image will be displayed at its intrinsic size unless further overridden by the consumer.
+     */
+    get useIntrinsicImageSize() { return this.#useIntrinsicImageSize_accessor_storage; }
+    set useIntrinsicImageSize(value) { this.#useIntrinsicImageSize_accessor_storage = value; }
+    #availableSizes = new Set([32, 64, 128, 256, 512, 1024]);
+    #fallbackSrc = 'https://cdn.leavitt.com/icon-user-profile-sq.svg';
+    updated(changedProps) {
+        if (changedProps.has('size') || changedProps.has('useIntrinsicImageSize')) {
+            this.style.width = this.useIntrinsicImageSize || !this.size ? '' : this.size + 'px';
+            this.style.height = this.useIntrinsicImageSize || !this.size ? '' : this.size + 'px';
+        }
+    }
+    #determineSize(size) {
+        const availableSizes = [...this.#availableSizes];
+        for (let index = 0; index < availableSizes.length; index++) {
+            const availableSize = availableSizes[index];
+            if (size <= availableSize) {
+                return availableSize;
+            }
+        }
+        return 512;
+    }
+    #getFilePath(cdnFileName, size) {
+        const requestedSize = this.#determineSize(size);
+        if (!cdnFileName) {
+            return this.#fallbackSrc;
+        }
+        else {
+            return `https://cdn.leavitt.com/${cdnFileName}-${requestedSize}.webp`;
+        }
+    }
+    static { this.styles = css `
+    :host {
+      display: inline-block;
+      white-space: normal;
+      flex-shrink: 0;
+      position: relative;
+    }
+
+    img {
+      display: block;
+      width: 100%;
+      aspect-ratio: 1;
+      image-rendering: -webkit-optimize-contrast;
+    }
+
+    md-icon {
+      position: absolute;
+      bottom: -2px;
+      right: -2px;
+      color: var(--md-sys-color-on-primary);
+      background-color: var(--md-sys-color-primary);
+      border-radius: 50%;
+    }
+
+    :host([shape='circle']) a:after,
+    :host([shape='circle']) img {
+      border-radius: 50%;
+    }
+
+    :host([show-ring]) {
+      justify-self: center;
+      border: 3px solid var(--profile-picture-ring-color, var(--app-accent-color-blue, #4285f4));
+      padding: 3px;
+    }
+
+    :host([show-ring][shape='circle']) {
+      border-radius: 50%;
+    }
+
+    a:after,
+    a:before {
+      position: absolute;
+      opacity: 0;
+      transition: all 0.5s;
+      -webkit-transition: all 0.5s;
+    }
+
+    a:after {
+      content: '';
+      width: 100%;
+      height: 100%;
+      top: 0;
+      left: 0;
+      background: rgba(0, 0, 0, 0.2);
+    }
+
+    a:before {
+      content: '↗';
+      width: 100%;
+      color: #fff;
+      z-index: 1;
+      bottom: 0;
+      text-align: center;
+      box-sizing: border-box;
+      -moz-box-sizing: border-box;
+    }
+
+    a:hover:before,
+    a:hover:after {
+      opacity: 1;
+    }
+  `; }
+    renderProfilePicture() {
+        return html `
+      <img
+        loading="lazy"
+        draggable="false"
+        alt="User profile picture"
+        src=${this.#getFilePath(this.fileName, this.size)}
+        @error=${(e) => {
+            if (e.target.src !== this.#fallbackSrc) {
+                e.target.src = this.#fallbackSrc;
+            }
+        }}
+      />
+      ${this.showTestUserIndicator
+            ? html `<md-icon part="test-user-indicator" style="--md-icon-size: calc(${this.size}px * 0.35);padding: calc(${this.size}px * 0.05)" title="Test user"
+            >bug_report</md-icon
+          >`
+            : nothing}
+    `;
+    }
+    render() {
+        if (this.profilePictureLinkPersonId) {
+            return html `<a target="_blank" href="https://${isDevelopment ? 'dev' : ''}workforce.leavitt.com/user/${this.profilePictureLinkPersonId}/view"
+        >${this.renderProfilePicture()}</a
+      > `;
+        }
+        return this.renderProfilePicture();
+    }
+};
+__decorate([
+    property({ reflect: true, type: String })
+], ProfilePicture.prototype, "fileName", null);
+__decorate([
+    property({ reflect: true, type: String })
+], ProfilePicture.prototype, "shape", null);
+__decorate([
+    property({ reflect: true, type: Boolean, attribute: 'show-ring' })
+], ProfilePicture.prototype, "showRing", null);
+__decorate([
+    property({ reflect: true, type: Boolean, attribute: 'show-test-user-indicator' })
+], ProfilePicture.prototype, "showTestUserIndicator", null);
+__decorate([
+    property({ reflect: true, type: Number, attribute: 'profile-picture-link-person-id' })
+], ProfilePicture.prototype, "profilePictureLinkPersonId", null);
+__decorate([
+    property({ type: Number })
+], ProfilePicture.prototype, "size", null);
+__decorate([
+    property({ type: Boolean })
+], ProfilePicture.prototype, "useIntrinsicImageSize", null);
+ProfilePicture = __decorate([
+    customElement('profile-picture')
+], ProfilePicture);
+export { ProfilePicture };
+//# sourceMappingURL=profile-picture.js.map

package/leavitt/profile-picture/profile-picture.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"profile-picture.js","sourceRoot":"","sources":["profile-picture.ts"],"names":[],"mappings":"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"}

package/leavitt/service-worker-notifier/service-worker-notifier.d.ts

@@ -0,0 +1,14 @@
+import { LitElement } from 'lit';
+import '@material/web/progress/circular-progress';
+declare const LeavittServiceWorkerNotifier_base: import("../theme/theme-preference").Constructor<import("../theme/theme-preference").ThemePreferenceInterface> & typeof LitElement;
+export declare class LeavittServiceWorkerNotifier extends LeavittServiceWorkerNotifier_base {
+    #private;
+    private accessor main;
+    private accessor isLoading;
+    connectedCallback(): Promise<void>;
+    static styles: import("lit").CSSResult[];
+    render(): import("lit-html").TemplateResult<1>;
+    handleClick(): Promise<void>;
+}
+export {};
+//# sourceMappingURL=service-worker-notifier.d.ts.map

package/leavitt/service-worker-notifier/service-worker-notifier.js

@@ -0,0 +1,180 @@
+import { __decorate } from "tslib";
+import { css, html, LitElement } from 'lit';
+import { customElement, query, state } from 'lit/decorators.js';
+import { ThemePreference } from '../theme/theme-preference';
+import '@material/web/progress/circular-progress';
+let LeavittServiceWorkerNotifier = class LeavittServiceWorkerNotifier extends ThemePreference(LitElement) {
+    #main_accessor_storage;
+    get main() { return this.#main_accessor_storage; }
+    set main(value) { this.#main_accessor_storage = value; }
+    #isLoading_accessor_storage = false;
+    get isLoading() { return this.#isLoading_accessor_storage; }
+    set isLoading(value) { this.#isLoading_accessor_storage = value; }
+    #newWorker;
+    #refreshing = false;
+    async connectedCallback() {
+        super.connectedCallback();
+        if ('serviceWorker' in navigator) {
+            const originalSW = navigator.serviceWorker.controller;
+            const reg = await navigator.serviceWorker.getRegistration();
+            if (reg) {
+                reg.addEventListener('updatefound', () => {
+                    this.#newWorker = reg.installing;
+                    this.#newWorker?.addEventListener('statechange', () => {
+                        if (this.#newWorker?.state === 'installed' && navigator.serviceWorker.controller) {
+                            this.#newWorker?.postMessage({ type: 'SKIP_WAITING' });
+                        }
+                    });
+                });
+                if (reg.waiting && navigator.serviceWorker.controller) {
+                    this.#newWorker = reg.waiting;
+                    this.#newWorker?.postMessage({ type: 'SKIP_WAITING' });
+                }
+            }
+            navigator.serviceWorker.addEventListener('controllerchange', () => {
+                if (this.#refreshing) {
+                    return;
+                }
+                if (originalSW) {
+                    this.main.showPopover();
+                    this.#refreshing = true;
+                }
+                else {
+                    //This is due to a SW taking control for the  first time
+                }
+            });
+        }
+    }
+    static { this.styles = [
+        css `
+      :host {
+        display: block;
+        container-type: inline-size;
+      }
+
+      main {
+        display: none;
+        position: fixed;
+        background-color: var(--app-background-color);
+        color: var(--md-sys-color-on-background);
+
+        cursor: pointer;
+
+        user-select: none;
+        -webkit-user-select: none;
+        -moz-user-select: none;
+        -ms-user-select: none;
+
+        grid: 'image text' / auto 1fr;
+        align-items: center;
+        gap: 16px 12px;
+
+        border: 0;
+        padding: 8px;
+
+        @container (max-width: 500px) {
+          grid:
+            'image' auto
+            'text' 1fr / auto;
+
+          justify-items: center;
+          text-align: center;
+        }
+      }
+
+      main::backdrop {
+        background-color: var(--app-background-color);
+      }
+
+      main:popover-open {
+        display: grid;
+      }
+
+      md-circular-progress,
+      img {
+        grid-area: image;
+        width: 48px;
+        height: 48px;
+      }
+
+      h1 {
+        font-family: var(--titanium-styles-h1-font-family, Metropolis, Roboto, Noto, sans-serif);
+        -webkit-font-smoothing: antialiased;
+        font-size: 32px;
+        line-height: 34px;
+        font-weight: 700;
+        letter-spacing: -1px;
+
+        margin: 0;
+        padding: 0;
+
+        @container (max-width: 500px) {
+          font-size: 24px;
+          line-height: 26px;
+
+          margin-bottom: 6px;
+        }
+      }
+
+      h3 {
+        font-family: var(--titanium-styles-h2-font-family, Metropolis, Roboto, Noto, sans-serif);
+        -webkit-font-smoothing: antialiased;
+        font-size: 16px;
+        line-height: 18px;
+        font-weight: 300;
+        letter-spacing: 0.6px;
+
+        margin: 0;
+        padding: 0;
+        margin-left: 6px;
+      }
+
+      click-blocker {
+        display: none;
+        position: fixed;
+        width: 100vw;
+        height: 100vh;
+        z-index: 9999;
+        left: 0;
+        right: 0;
+        background: transparent;
+        cursor: pointer;
+        pointer-events: all;
+      }
+
+      main:popover-open + click-blocker {
+        display: block;
+      }
+    `,
+    ]; }
+    render() {
+        return html `<main popover="manual" @click=${this.handleClick}>
+        ${this.isLoading
+            ? html `<md-circular-progress indeterminate></md-circular-progress>`
+            : html `<img
+              src=${this.themePreference === 'dark' ? 'https://cdn.leavitt.com/company-mark-57-dark.svg' : 'https://cdn.leavitt.com/company-mark-57.svg'}
+            />`}
+        <div>
+          <h1>This site has been updated!</h1>
+          <h3>Please click to reload</h3>
+        </div>
+      </main>
+      <click-blocker @click=${this.handleClick}></click-blocker>`;
+    }
+    async handleClick() {
+        this.isLoading = true;
+        await this.updateComplete;
+        window.location.reload();
+    }
+};
+__decorate([
+    query('main')
+], LeavittServiceWorkerNotifier.prototype, "main", null);
+__decorate([
+    state()
+], LeavittServiceWorkerNotifier.prototype, "isLoading", null);
+LeavittServiceWorkerNotifier = __decorate([
+    customElement('leavitt-service-worker-notifier')
+], LeavittServiceWorkerNotifier);
+export { LeavittServiceWorkerNotifier };
+//# sourceMappingURL=service-worker-notifier.js.map

package/leavitt/service-worker-notifier/service-worker-notifier.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"service-worker-notifier.js","sourceRoot":"","sources":["service-worker-notifier.ts"],"names":[],"mappings":"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"}

package/leavitt/theme/theme-preference-event.d.ts

@@ -0,0 +1,4 @@
+import { EventBus } from '../../titanium/event-bus/event-bus';
+declare const themePreferenceEvent: EventBus<"theme-preference", "change">;
+export default themePreferenceEvent;
+//# sourceMappingURL=theme-preference-event.d.ts.map

package/leavitt/theme/theme-preference-event.js

@@ -0,0 +1,5 @@
+import { EventBus } from '../../titanium/event-bus/event-bus';
+const themePreferenceEvent = new EventBus();
+Object.freeze(themePreferenceEvent);
+export default themePreferenceEvent;
+//# sourceMappingURL=theme-preference-event.js.map

package/leavitt/theme/theme-preference-event.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-preference-event.js","sourceRoot":"","sources":["theme-preference-event.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,oCAAoC,CAAC;AAC9D,MAAM,oBAAoB,GAAG,IAAI,QAAQ,EAAgC,CAAC;AAC1E,MAAM,CAAC,MAAM,CAAC,oBAAoB,CAAC,CAAC;AACpC,eAAe,oBAAoB,CAAC"}

package/leavitt/theme/theme-preference.d.ts

@@ -0,0 +1,8 @@
+import { LitElement } from 'lit';
+export type Constructor<T = {}> = new (...args: any[]) => T;
+export type ThemePreferenceOption = 'light' | 'dark';
+export declare class ThemePreferenceInterface {
+    themePreference: 'light' | 'dark';
+}
+export declare const ThemePreference: <T extends Constructor<LitElement>>(superClass: T) => Constructor<ThemePreferenceInterface> & T;
+//# sourceMappingURL=theme-preference.d.ts.map

package/leavitt/theme/theme-preference.js

@@ -0,0 +1,26 @@
+import { __decorate } from "tslib";
+import { property } from 'lit/decorators.js';
+import themePreferenceEvent from './theme-preference-event';
+/*
+   Adds reflected attribute / property (theme-preference) to host that reflects
+   users currently selected theme preference
+
+   ex. css :host([theme-preference='dark'])
+*/
+export const ThemePreference = (superClass) => {
+    class ThemePreference extends superClass {
+        connectedCallback() {
+            super.connectedCallback();
+            themePreferenceEvent.subscribe('theme-preference', 'change', (themePreference) => {
+                this.themePreference = themePreference;
+            });
+            this.themePreference = document.firstElementChild?.getAttribute('data-theme') === 'light' ? 'light' : 'dark';
+        }
+    }
+    __decorate([
+        property({ attribute: 'theme-preference', reflect: true })
+    ], ThemePreference.prototype, "themePreference", void 0);
+    // Cast return type to your mixin's interface intersected with the superClass type
+    return ThemePreference;
+};
+//# sourceMappingURL=theme-preference.js.map

package/leavitt/theme/theme-preference.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-preference.js","sourceRoot":"","sources":["theme-preference.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,oBAAoB,MAAM,0BAA0B,CAAC;AAW5D;;;;;EAKE;AACF,MAAM,CAAC,MAAM,eAAe,GAAG,CAAoC,UAAa,EAAE,EAAE;IAClF,MAAM,eAAgB,SAAQ,UAAU;QAGtC,iBAAiB;YACf,KAAK,CAAC,iBAAiB,EAAE,CAAC;YAC1B,oBAAoB,CAAC,SAAS,CAAC,kBAAkB,EAAE,QAAQ,EAAE,CAAC,eAAsC,EAAE,EAAE;gBACtG,IAAI,CAAC,eAAe,GAAG,eAAe,CAAC;YACzC,CAAC,CAAC,CAAC;YACH,IAAI,CAAC,eAAe,GAAG,QAAQ,CAAC,iBAAiB,EAAE,YAAY,CAAC,YAAY,CAAC,KAAK,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC;QAC/G,CAAC;KACF;IAT6D;QAA3D,QAAQ,CAAC,EAAE,SAAS,EAAE,kBAAkB,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;4DAAwC;IAUrG,kFAAkF;IAClF,OAAO,eAA4D,CAAC;AACtE,CAAC,CAAC"}