@internetarchive/modal-manager 2.0.3 → 2.0.4-alpha-webdev7960.1

package/dist/src/assets/ia-logo-icon.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("lit-html").TemplateResult<1>;
-export default _default;
+declare const _default: import("lit-html").TemplateResult<1>;
+export default _default;

package/dist/src/assets/ia-logo-icon.js

@@ -1,4 +1,4 @@
-import { html } from 'lit';
+import { html } from 'lit';
 export default html `
   <svg
     class="ia-logo"
@@ -26,5 +26,5 @@ export default html `
       </g>
     </g>
   </svg>
-`;
+`;
 //# sourceMappingURL=ia-logo-icon.js.map

package/dist/src/modal-config.d.ts

@@ -1,104 +1,104 @@
-import { TemplateResult } from 'lit';
-/**
- * Configuration to show a modal
- *
- * @export
- * @class ModalConfig
- */
-export declare class ModalConfig {
-    /**
-     * The title that shows in the header
-     *
-     * @type {(TemplateResult | undefined)}
-     * @memberof ModalConfig
-     */
-    title?: TemplateResult;
-    /**
-     * The subtitle shown in the header under the title
-     *
-     * @type {(TemplateResult | undefined)}
-     * @memberof ModalConfig
-     */
-    subtitle?: TemplateResult;
-    /**
-     * The headline shown at the top of the content section
-     *
-     * @type {(TemplateResult | undefined)}
-     * @memberof ModalConfig
-     */
-    headline?: TemplateResult;
-    /**
-     * The text shown below the headline in the content section
-     *
-     * @type {(TemplateResult | undefined)}
-     * @memberof ModalConfig
-     */
-    message?: TemplateResult;
-    /**
-     * The background color of the header
-     *
-     * @memberof ModalConfig
-     */
-    headerColor: string;
-    /**
-     * The background color of the body
-     *
-     * @memberof ModalConfig
-     */
-    bodyColor: string;
-    /**
-     * Show or hide the processing indicator
-     *
-     * @memberof ModalConfig
-     */
-    showProcessingIndicator: boolean;
-    /**
-     * Set the processing image mode, currently `processing` or `complete`
-     *
-     * @memberof ModalConfig
-     */
-    processingImageMode: 'processing' | 'complete';
-    /**
-     * Show the close button
-     *
-     * @memberof ModalConfig
-     */
-    showCloseButton: boolean;
-    /**
-     * Show the left nav button
-     *
-     * @memberof ModalConfig
-     */
-    showLeftNavButton: boolean;
-    /**
-     * Left nav button text
-     */
-    leftNavButtonText: string;
-    /**
-     * Show the close button
-     *
-     * @memberof ModalConfig
-     */
-    showHeaderLogo: boolean;
-    /**
-     * Close the modal if the user taps on the background
-     *
-     * @memberof ModalConfig
-     */
-    closeOnBackdropClick: boolean;
-    constructor(options?: {
-        title?: TemplateResult;
-        subtitle?: TemplateResult;
-        headline?: TemplateResult;
-        message?: TemplateResult;
-        headerColor?: string;
-        bodyColor?: string;
-        showProcessingIndicator?: boolean;
-        processingImageMode?: 'processing' | 'complete';
-        showCloseButton?: boolean;
-        showLeftNavButton?: boolean;
-        leftNavButtonText?: string;
-        showHeaderLogo?: boolean;
-        closeOnBackdropClick?: boolean;
-    });
-}
+import { TemplateResult } from 'lit';
+/**
+ * Configuration to show a modal
+ *
+ * @export
+ * @class ModalConfig
+ */
+export declare class ModalConfig {
+    /**
+     * The title that shows in the header
+     *
+     * @type {(TemplateResult | undefined)}
+     * @memberof ModalConfig
+     */
+    title?: TemplateResult;
+    /**
+     * The subtitle shown in the header under the title
+     *
+     * @type {(TemplateResult | undefined)}
+     * @memberof ModalConfig
+     */
+    subtitle?: TemplateResult;
+    /**
+     * The headline shown at the top of the content section
+     *
+     * @type {(TemplateResult | undefined)}
+     * @memberof ModalConfig
+     */
+    headline?: TemplateResult;
+    /**
+     * The text shown below the headline in the content section
+     *
+     * @type {(TemplateResult | undefined)}
+     * @memberof ModalConfig
+     */
+    message?: TemplateResult;
+    /**
+     * The background color of the header
+     *
+     * @memberof ModalConfig
+     */
+    headerColor: string;
+    /**
+     * The background color of the body
+     *
+     * @memberof ModalConfig
+     */
+    bodyColor: string;
+    /**
+     * Show or hide the processing indicator
+     *
+     * @memberof ModalConfig
+     */
+    showProcessingIndicator: boolean;
+    /**
+     * Set the processing image mode, currently `processing` or `complete`
+     *
+     * @memberof ModalConfig
+     */
+    processingImageMode: 'processing' | 'complete';
+    /**
+     * Show the close button
+     *
+     * @memberof ModalConfig
+     */
+    showCloseButton: boolean;
+    /**
+     * Show the left nav button
+     *
+     * @memberof ModalConfig
+     */
+    showLeftNavButton: boolean;
+    /**
+     * Left nav button text
+     */
+    leftNavButtonText: string;
+    /**
+     * Show the close button
+     *
+     * @memberof ModalConfig
+     */
+    showHeaderLogo: boolean;
+    /**
+     * Close the modal if the user taps on the background
+     *
+     * @memberof ModalConfig
+     */
+    closeOnBackdropClick: boolean;
+    constructor(options?: {
+        title?: TemplateResult;
+        subtitle?: TemplateResult;
+        headline?: TemplateResult;
+        message?: TemplateResult;
+        headerColor?: string;
+        bodyColor?: string;
+        showProcessingIndicator?: boolean;
+        processingImageMode?: 'processing' | 'complete';
+        showCloseButton?: boolean;
+        showLeftNavButton?: boolean;
+        leftNavButtonText?: string;
+        showHeaderLogo?: boolean;
+        closeOnBackdropClick?: boolean;
+    });
+}

package/dist/src/modal-config.js

@@ -1,25 +1,25 @@
-/**
- * Configuration to show a modal
- *
- * @export
- * @class ModalConfig
- */
-export class ModalConfig {
-    constructor(options) {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j;
-        this.title = options === null || options === void 0 ? void 0 : options.title;
-        this.subtitle = options === null || options === void 0 ? void 0 : options.subtitle;
-        this.headline = options === null || options === void 0 ? void 0 : options.headline;
-        this.message = options === null || options === void 0 ? void 0 : options.message;
-        this.headerColor = (_a = options === null || options === void 0 ? void 0 : options.headerColor) !== null && _a !== void 0 ? _a : '#55A183';
-        this.bodyColor = (_b = options === null || options === void 0 ? void 0 : options.bodyColor) !== null && _b !== void 0 ? _b : '#fbfbfd';
-        this.showProcessingIndicator = (_c = options === null || options === void 0 ? void 0 : options.showProcessingIndicator) !== null && _c !== void 0 ? _c : false;
-        this.processingImageMode = (_d = options === null || options === void 0 ? void 0 : options.processingImageMode) !== null && _d !== void 0 ? _d : 'complete';
-        this.showCloseButton = (_e = options === null || options === void 0 ? void 0 : options.showCloseButton) !== null && _e !== void 0 ? _e : true;
-        this.showLeftNavButton = (_f = options === null || options === void 0 ? void 0 : options.showLeftNavButton) !== null && _f !== void 0 ? _f : false;
-        this.leftNavButtonText = (_g = options === null || options === void 0 ? void 0 : options.leftNavButtonText) !== null && _g !== void 0 ? _g : '';
-        this.showHeaderLogo = (_h = options === null || options === void 0 ? void 0 : options.showHeaderLogo) !== null && _h !== void 0 ? _h : true;
-        this.closeOnBackdropClick = (_j = options === null || options === void 0 ? void 0 : options.closeOnBackdropClick) !== null && _j !== void 0 ? _j : true;
-    }
-}
+/**
+ * Configuration to show a modal
+ *
+ * @export
+ * @class ModalConfig
+ */
+export class ModalConfig {
+    constructor(options) {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+        this.title = options === null || options === void 0 ? void 0 : options.title;
+        this.subtitle = options === null || options === void 0 ? void 0 : options.subtitle;
+        this.headline = options === null || options === void 0 ? void 0 : options.headline;
+        this.message = options === null || options === void 0 ? void 0 : options.message;
+        this.headerColor = (_a = options === null || options === void 0 ? void 0 : options.headerColor) !== null && _a !== void 0 ? _a : '#55A183';
+        this.bodyColor = (_b = options === null || options === void 0 ? void 0 : options.bodyColor) !== null && _b !== void 0 ? _b : '#fbfbfd';
+        this.showProcessingIndicator = (_c = options === null || options === void 0 ? void 0 : options.showProcessingIndicator) !== null && _c !== void 0 ? _c : false;
+        this.processingImageMode = (_d = options === null || options === void 0 ? void 0 : options.processingImageMode) !== null && _d !== void 0 ? _d : 'complete';
+        this.showCloseButton = (_e = options === null || options === void 0 ? void 0 : options.showCloseButton) !== null && _e !== void 0 ? _e : true;
+        this.showLeftNavButton = (_f = options === null || options === void 0 ? void 0 : options.showLeftNavButton) !== null && _f !== void 0 ? _f : false;
+        this.leftNavButtonText = (_g = options === null || options === void 0 ? void 0 : options.leftNavButtonText) !== null && _g !== void 0 ? _g : '';
+        this.showHeaderLogo = (_h = options === null || options === void 0 ? void 0 : options.showHeaderLogo) !== null && _h !== void 0 ? _h : true;
+        this.closeOnBackdropClick = (_j = options === null || options === void 0 ? void 0 : options.closeOnBackdropClick) !== null && _j !== void 0 ? _j : true;
+    }
+}
 //# sourceMappingURL=modal-config.js.map

package/dist/src/modal-manager-host-bridge-interface.d.ts

@@ -1,12 +1,12 @@
-import { ModalManagerMode } from './modal-manager-mode';
-/**
- * The ModalManagerHostBridgeInterface is a delegate interface for
- * the host to implement environment-specific changes when the modal
- * is open or closed.
- *
- * A default implementation is provided, but can be overridden if
- * it does not work for the environment.
- */
-export interface ModalManagerHostBridgeInterface {
-    handleModeChange(mode: ModalManagerMode): void;
-}
+import { ModalManagerMode } from './modal-manager-mode';
+/**
+ * The ModalManagerHostBridgeInterface is a delegate interface for
+ * the host to implement environment-specific changes when the modal
+ * is open or closed.
+ *
+ * A default implementation is provided, but can be overridden if
+ * it does not work for the environment.
+ */
+export interface ModalManagerHostBridgeInterface {
+    handleModeChange(mode: ModalManagerMode): void;
+}

package/dist/src/modal-manager-host-bridge-interface.js

@@ -1,2 +1,2 @@
-export {};
+export {};
 //# sourceMappingURL=modal-manager-host-bridge-interface.js.map

package/dist/src/modal-manager-host-bridge.d.ts

@@ -1,34 +1,34 @@
-import { ModalManagerHostBridgeInterface } from './modal-manager-host-bridge-interface';
-import { ModalManagerInterface } from './modal-manager-interface';
-import { ModalManagerMode } from './modal-manager-mode';
-/**
- * The `ModalManagerHostBridge` is a bridge between the `ModalManager` and the
- * host that sets up environment-specific changes when the modal opens and closes.
- *
- * For instance, when the modal opens, this adds a class to the `<body>` tag for styling
- * and adds a `resize` listener to fix a Safari shadow root issue.
- *
- * Consumers can create their own `ModalManagerHostBridgeInterface` classes and pass
- * them into the `ModalManager` if this one does not work for their environment.
- *
- * @export
- * @class ModalManagerHostBridge
- * @implements {ModalManagerHostBridgeInterface}
- */
-export declare class ModalManagerHostBridge implements ModalManagerHostBridgeInterface {
-    private modalManager;
-    constructor(modalManager: ModalManagerInterface);
-    /**
-     * Handle the mode change
-     *
-     * @private
-     * @memberof ModalManager
-     */
-    handleModeChange(mode: ModalManagerMode): void;
-    private windowResizeThrottler;
-    private updateModalContainerHeight;
-    private stopDocumentScroll;
-    private resumeDocumentScroll;
-    private startResizeListener;
-    private stopResizeListener;
-}
+import { ModalManagerHostBridgeInterface } from './modal-manager-host-bridge-interface';
+import { ModalManagerInterface } from './modal-manager-interface';
+import { ModalManagerMode } from './modal-manager-mode';
+/**
+ * The `ModalManagerHostBridge` is a bridge between the `ModalManager` and the
+ * host that sets up environment-specific changes when the modal opens and closes.
+ *
+ * For instance, when the modal opens, this adds a class to the `<body>` tag for styling
+ * and adds a `resize` listener to fix a Safari shadow root issue.
+ *
+ * Consumers can create their own `ModalManagerHostBridgeInterface` classes and pass
+ * them into the `ModalManager` if this one does not work for their environment.
+ *
+ * @export
+ * @class ModalManagerHostBridge
+ * @implements {ModalManagerHostBridgeInterface}
+ */
+export declare class ModalManagerHostBridge implements ModalManagerHostBridgeInterface {
+    private modalManager;
+    constructor(modalManager: ModalManagerInterface);
+    /**
+     * Handle the mode change
+     *
+     * @private
+     * @memberof ModalManager
+     */
+    handleModeChange(mode: ModalManagerMode): void;
+    private windowResizeThrottler;
+    private updateModalContainerHeight;
+    private stopDocumentScroll;
+    private resumeDocumentScroll;
+    private startResizeListener;
+    private stopResizeListener;
+}

package/dist/src/modal-manager-host-bridge.js

@@ -1,63 +1,63 @@
-import { throttle } from 'throttle-debounce';
-import { ModalManagerMode } from './modal-manager-mode';
-/**
- * The `ModalManagerHostBridge` is a bridge between the `ModalManager` and the
- * host that sets up environment-specific changes when the modal opens and closes.
- *
- * For instance, when the modal opens, this adds a class to the `<body>` tag for styling
- * and adds a `resize` listener to fix a Safari shadow root issue.
- *
- * Consumers can create their own `ModalManagerHostBridgeInterface` classes and pass
- * them into the `ModalManager` if this one does not work for their environment.
- *
- * @export
- * @class ModalManagerHostBridge
- * @implements {ModalManagerHostBridgeInterface}
- */
-export class ModalManagerHostBridge {
-    constructor(modalManager) {
-        this.windowResizeThrottler = throttle(100, this.updateModalContainerHeight, { noLeading: false, noTrailing: false }).bind(this);
-        this.modalManager = modalManager;
-    }
-    /**
-     * Handle the mode change
-     *
-     * @private
-     * @memberof ModalManager
-     */
-    handleModeChange(mode) {
-        switch (mode) {
-            case ModalManagerMode.Open:
-                this.startResizeListener();
-                this.stopDocumentScroll();
-                break;
-            case ModalManagerMode.Closed:
-                this.stopResizeListener();
-                this.resumeDocumentScroll();
-                break;
-        }
-    }
-    // This is a workaround for Safari. Safari does not update shadowRoot elements calculated
-    // based on the viewport size (ie. `calc(100vh - 10px)`). It does an initial calculation correctly,
-    // but resizing the window does not cause the calculation to update. Firefox and Chrome both handle
-    // this correctly.
-    // It doesn't matter what css variable you set, it is just forcing Safari to do an update.
-    // Also note that the value has to change on each update for Safari to do the update,
-    // ie. you can't just set a static value.
-    updateModalContainerHeight() {
-        this.modalManager.style.setProperty('--containerHeight', `${window.innerHeight}px`);
-    }
-    stopDocumentScroll() {
-        document.body.classList.add('modal-manager-open');
-    }
-    resumeDocumentScroll() {
-        document.body.classList.remove('modal-manager-open');
-    }
-    startResizeListener() {
-        window.addEventListener('resize', this.windowResizeThrottler);
-    }
-    stopResizeListener() {
-        window.removeEventListener('resize', this.windowResizeThrottler);
-    }
-}
+import { throttle } from 'throttle-debounce';
+import { ModalManagerMode } from './modal-manager-mode';
+/**
+ * The `ModalManagerHostBridge` is a bridge between the `ModalManager` and the
+ * host that sets up environment-specific changes when the modal opens and closes.
+ *
+ * For instance, when the modal opens, this adds a class to the `<body>` tag for styling
+ * and adds a `resize` listener to fix a Safari shadow root issue.
+ *
+ * Consumers can create their own `ModalManagerHostBridgeInterface` classes and pass
+ * them into the `ModalManager` if this one does not work for their environment.
+ *
+ * @export
+ * @class ModalManagerHostBridge
+ * @implements {ModalManagerHostBridgeInterface}
+ */
+export class ModalManagerHostBridge {
+    constructor(modalManager) {
+        this.windowResizeThrottler = throttle(100, this.updateModalContainerHeight, { noLeading: false, noTrailing: false }).bind(this);
+        this.modalManager = modalManager;
+    }
+    /**
+     * Handle the mode change
+     *
+     * @private
+     * @memberof ModalManager
+     */
+    handleModeChange(mode) {
+        switch (mode) {
+            case ModalManagerMode.Open:
+                this.startResizeListener();
+                this.stopDocumentScroll();
+                break;
+            case ModalManagerMode.Closed:
+                this.stopResizeListener();
+                this.resumeDocumentScroll();
+                break;
+        }
+    }
+    // This is a workaround for Safari. Safari does not update shadowRoot elements calculated
+    // based on the viewport size (ie. `calc(100vh - 10px)`). It does an initial calculation correctly,
+    // but resizing the window does not cause the calculation to update. Firefox and Chrome both handle
+    // this correctly.
+    // It doesn't matter what css variable you set, it is just forcing Safari to do an update.
+    // Also note that the value has to change on each update for Safari to do the update,
+    // ie. you can't just set a static value.
+    updateModalContainerHeight() {
+        this.modalManager.style.setProperty('--containerHeight', `${window.innerHeight}px`);
+    }
+    stopDocumentScroll() {
+        document.body.classList.add('modal-manager-open');
+    }
+    resumeDocumentScroll() {
+        document.body.classList.remove('modal-manager-open');
+    }
+    startResizeListener() {
+        window.addEventListener('resize', this.windowResizeThrottler);
+    }
+    stopResizeListener() {
+        window.removeEventListener('resize', this.windowResizeThrottler);
+    }
+}
 //# sourceMappingURL=modal-manager-host-bridge.js.map

package/dist/src/modal-manager-interface.d.ts

@@ -1,27 +1,27 @@
-import { LitElement, TemplateResult } from 'lit';
-import { ModalConfig } from './modal-config';
-import { ModalManagerMode } from './modal-manager-mode';
-export interface ModalManagerInterface extends LitElement {
-    /**
-     * Get the current modal mode.
-     */
-    getMode(): ModalManagerMode;
-    /**
-     * Show a modal from a given ModalConfig
-     *
-     * @param config ModalConfig
-     * @param customModalContent TemplateResult | undefined
-     * @param userClosedModalCallback () => void | undefined an optional callback when the modal is closed
-     * @param userPressedLeftNavButtonCallback () => void | undefined an optional callback when the left nav button is pressed
-     */
-    showModal(options: {
-        config: ModalConfig;
-        customModalContent?: TemplateResult;
-        userClosedModalCallback?: () => void;
-        userPressedLeftNavButtonCallback?: () => void;
-    }): Promise<void>;
-    /**
-     * Close the currently open modal
-     */
-    closeModal(): void;
-}
+import { LitElement, TemplateResult } from 'lit';
+import { ModalConfig } from './modal-config';
+import { ModalManagerMode } from './modal-manager-mode';
+export interface ModalManagerInterface extends LitElement {
+    /**
+     * Get the current modal mode.
+     */
+    getMode(): ModalManagerMode;
+    /**
+     * Show a modal from a given ModalConfig
+     *
+     * @param config ModalConfig
+     * @param customModalContent TemplateResult | undefined
+     * @param userClosedModalCallback () => void | undefined an optional callback when the modal is closed
+     * @param userPressedLeftNavButtonCallback () => void | undefined an optional callback when the left nav button is pressed
+     */
+    showModal(options: {
+        config: ModalConfig;
+        customModalContent?: TemplateResult;
+        userClosedModalCallback?: () => void;
+        userPressedLeftNavButtonCallback?: () => void;
+    }): Promise<void>;
+    /**
+     * Close the currently open modal
+     */
+    closeModal(): void;
+}

package/dist/src/modal-manager-interface.js

@@ -1,2 +1,2 @@
-export {};
+export {};
 //# sourceMappingURL=modal-manager-interface.js.map

package/dist/src/modal-manager-mode.d.ts

@@ -1,10 +1,10 @@
-/**
- * Various modes the modal can be in
- *
- * @export
- * @enum {number}
- */
-export declare enum ModalManagerMode {
-    Open = "open",
-    Closed = "closed"
-}
+/**
+ * Various modes the modal can be in
+ *
+ * @export
+ * @enum {number}
+ */
+export declare enum ModalManagerMode {
+    Open = "open",
+    Closed = "closed"
+}

package/dist/src/modal-manager-mode.js

@@ -1,12 +1,12 @@
-/**
- * Various modes the modal can be in
- *
- * @export
- * @enum {number}
- */
-export var ModalManagerMode;
-(function (ModalManagerMode) {
-    ModalManagerMode["Open"] = "open";
-    ModalManagerMode["Closed"] = "closed";
-})(ModalManagerMode || (ModalManagerMode = {}));
+/**
+ * Various modes the modal can be in
+ *
+ * @export
+ * @enum {number}
+ */
+export var ModalManagerMode;
+(function (ModalManagerMode) {
+    ModalManagerMode["Open"] = "open";
+    ModalManagerMode["Closed"] = "closed";
+})(ModalManagerMode || (ModalManagerMode = {}));
 //# sourceMappingURL=modal-manager-mode.js.map