@internetarchive/modal-manager 0.2.8 → 0.2.9-alpha.2

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

@@ -1,92 +1,92 @@
-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: string;
-    /**
-     * Show the close button
-     *
-     * @memberof ModalConfig
-     */
-    showCloseButton: boolean;
-    /**
-     * 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?: string;
-        showCloseButton?: boolean;
-        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: string;
+    /**
+     * Show the close button
+     *
+     * @memberof ModalConfig
+     */
+    showCloseButton: boolean;
+    /**
+     * 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?: string;
+        showCloseButton?: boolean;
+        showHeaderLogo?: boolean;
+        closeOnBackdropClick?: boolean;
+    });
+}

package/dist/src/modal-config.js

@@ -1,23 +1,23 @@
-/**
- * Configuration to show a modal
- *
- * @export
- * @class ModalConfig
- */
-export class ModalConfig {
-    constructor(options) {
-        var _a, _b, _c, _d, _e, _f, _g;
-        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 : '#f5f5f7';
-        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.showHeaderLogo = (_f = options === null || options === void 0 ? void 0 : options.showHeaderLogo) !== null && _f !== void 0 ? _f : true;
-        this.closeOnBackdropClick = (_g = options === null || options === void 0 ? void 0 : options.closeOnBackdropClick) !== null && _g !== void 0 ? _g : true;
-    }
-}
+/**
+ * Configuration to show a modal
+ *
+ * @export
+ * @class ModalConfig
+ */
+export class ModalConfig {
+    constructor(options) {
+        var _a, _b, _c, _d, _e, _f, _g;
+        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 : '#f5f5f7';
+        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.showHeaderLogo = (_f = options === null || options === void 0 ? void 0 : options.showHeaderLogo) !== null && _f !== void 0 ? _f : true;
+        this.closeOnBackdropClick = (_g = options === null || options === void 0 ? void 0 : options.closeOnBackdropClick) !== null && _g !== void 0 ? _g : true;
+    }
+}
 //# sourceMappingURL=modal-config.js.map

package/dist/src/modal-config.js.map

@@ -1 +1 @@
-{"version":3,"file":"modal-config.js","sourceRoot":"","sources":["../../src/modal-config.ts"],"names":[],"mappings":"AAEA;;;;;GAKG;AACH,MAAM,OAAO,WAAW;IAkFtB,YAAY,OAYX;;QACC,IAAI,CAAC,KAAK,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,CAAC;QAC5B,IAAI,CAAC,QAAQ,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,QAAQ,CAAC;QAClC,IAAI,CAAC,QAAQ,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,QAAQ,CAAC;QAClC,IAAI,CAAC,OAAO,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO,CAAC;QAEhC,IAAI,CAAC,WAAW,SAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,WAAW,mCAAI,SAAS,CAAC;QACrD,IAAI,CAAC,SAAS,SAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,SAAS,mCAAI,SAAS,CAAC;QACjD,IAAI,CAAC,uBAAuB,SAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,uBAAuB,mCAAI,KAAK,CAAC;QACzE,IAAI,CAAC,mBAAmB,SAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,mBAAmB,mCAAI,UAAU,CAAC;QACtE,IAAI,CAAC,eAAe,SAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,eAAe,mCAAI,IAAI,CAAC;QACxD,IAAI,CAAC,cAAc,SAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,cAAc,mCAAI,IAAI,CAAC;QACtD,IAAI,CAAC,oBAAoB,SAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,oBAAoB,mCAAI,IAAI,CAAC;IACpE,CAAC;CACF","sourcesContent":["import { TemplateResult } from 'lit';\n\n/**\n * Configuration to show a modal\n *\n * @export\n * @class ModalConfig\n */\nexport class ModalConfig {\n  /**\n   * The title that shows in the header\n   *\n   * @type {(TemplateResult | undefined)}\n   * @memberof ModalConfig\n   */\n  title?: TemplateResult;\n\n  /**\n   * The subtitle shown in the header under the title\n   *\n   * @type {(TemplateResult | undefined)}\n   * @memberof ModalConfig\n   */\n  subtitle?: TemplateResult;\n\n  /**\n   * The headline shown at the top of the content section\n   *\n   * @type {(TemplateResult | undefined)}\n   * @memberof ModalConfig\n   */\n  headline?: TemplateResult;\n\n  /**\n   * The text shown below the headline in the content section\n   *\n   * @type {(TemplateResult | undefined)}\n   * @memberof ModalConfig\n   */\n  message?: TemplateResult;\n\n  /**\n   * The background color of the header\n   *\n   * @memberof ModalConfig\n   */\n  headerColor: string;\n\n  /**\n   * The background color of the body\n   *\n   * @memberof ModalConfig\n   */\n  bodyColor: string;\n\n  /**\n   * Show or hide the processing indicator\n   *\n   * @memberof ModalConfig\n   */\n  showProcessingIndicator: boolean;\n\n  /**\n   * Set the processing image mode, currently `processing` or `complete`\n   *\n   * @memberof ModalConfig\n   */\n  processingImageMode: string;\n\n  /**\n   * Show the close button\n   *\n   * @memberof ModalConfig\n   */\n  showCloseButton: boolean;\n\n  /**\n   * Show the close button\n   *\n   * @memberof ModalConfig\n   */\n  showHeaderLogo: boolean;\n\n  /**\n   * Close the modal if the user taps on the background\n   *\n   * @memberof ModalConfig\n   */\n  closeOnBackdropClick: boolean;\n\n  constructor(options?: {\n    title?: TemplateResult;\n    subtitle?: TemplateResult;\n    headline?: TemplateResult;\n    message?: TemplateResult;\n    headerColor?: string;\n    bodyColor?: string;\n    showProcessingIndicator?: boolean;\n    processingImageMode?: string;\n    showCloseButton?: boolean;\n    showHeaderLogo?: boolean;\n    closeOnBackdropClick?: boolean;\n  }) {\n    this.title = options?.title;\n    this.subtitle = options?.subtitle;\n    this.headline = options?.headline;\n    this.message = options?.message;\n\n    this.headerColor = options?.headerColor ?? '#55A183';\n    this.bodyColor = options?.bodyColor ?? '#f5f5f7';\n    this.showProcessingIndicator = options?.showProcessingIndicator ?? false;\n    this.processingImageMode = options?.processingImageMode ?? 'complete';\n    this.showCloseButton = options?.showCloseButton ?? true;\n    this.showHeaderLogo = options?.showHeaderLogo ?? true;\n    this.closeOnBackdropClick = options?.closeOnBackdropClick ?? true;\n  }\n}\n"]}
+{"version":3,"file":"modal-config.js","sourceRoot":"","sources":["../../src/modal-config.ts"],"names":[],"mappings":"AAEA;;;;;GAKG;AACH,MAAM,OAAO,WAAW;IAkFtB,YAAY,OAYX;;QACC,IAAI,CAAC,KAAK,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,CAAC;QAC5B,IAAI,CAAC,QAAQ,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,QAAQ,CAAC;QAClC,IAAI,CAAC,QAAQ,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,QAAQ,CAAC;QAClC,IAAI,CAAC,OAAO,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO,CAAC;QAEhC,IAAI,CAAC,WAAW,SAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,WAAW,mCAAI,SAAS,CAAC;QACrD,IAAI,CAAC,SAAS,SAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,SAAS,mCAAI,SAAS,CAAC;QACjD,IAAI,CAAC,uBAAuB,SAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,uBAAuB,mCAAI,KAAK,CAAC;QACzE,IAAI,CAAC,mBAAmB,SAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,mBAAmB,mCAAI,UAAU,CAAC;QACtE,IAAI,CAAC,eAAe,SAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,eAAe,mCAAI,IAAI,CAAC;QACxD,IAAI,CAAC,cAAc,SAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,cAAc,mCAAI,IAAI,CAAC;QACtD,IAAI,CAAC,oBAAoB,SAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,oBAAoB,mCAAI,IAAI,CAAC;IACpE,CAAC;CACF","sourcesContent":["import { TemplateResult } from 'lit';\r\n\r\n/**\r\n * Configuration to show a modal\r\n *\r\n * @export\r\n * @class ModalConfig\r\n */\r\nexport class ModalConfig {\r\n  /**\r\n   * The title that shows in the header\r\n   *\r\n   * @type {(TemplateResult | undefined)}\r\n   * @memberof ModalConfig\r\n   */\r\n  title?: TemplateResult;\r\n\r\n  /**\r\n   * The subtitle shown in the header under the title\r\n   *\r\n   * @type {(TemplateResult | undefined)}\r\n   * @memberof ModalConfig\r\n   */\r\n  subtitle?: TemplateResult;\r\n\r\n  /**\r\n   * The headline shown at the top of the content section\r\n   *\r\n   * @type {(TemplateResult | undefined)}\r\n   * @memberof ModalConfig\r\n   */\r\n  headline?: TemplateResult;\r\n\r\n  /**\r\n   * The text shown below the headline in the content section\r\n   *\r\n   * @type {(TemplateResult | undefined)}\r\n   * @memberof ModalConfig\r\n   */\r\n  message?: TemplateResult;\r\n\r\n  /**\r\n   * The background color of the header\r\n   *\r\n   * @memberof ModalConfig\r\n   */\r\n  headerColor: string;\r\n\r\n  /**\r\n   * The background color of the body\r\n   *\r\n   * @memberof ModalConfig\r\n   */\r\n  bodyColor: string;\r\n\r\n  /**\r\n   * Show or hide the processing indicator\r\n   *\r\n   * @memberof ModalConfig\r\n   */\r\n  showProcessingIndicator: boolean;\r\n\r\n  /**\r\n   * Set the processing image mode, currently `processing` or `complete`\r\n   *\r\n   * @memberof ModalConfig\r\n   */\r\n  processingImageMode: string;\r\n\r\n  /**\r\n   * Show the close button\r\n   *\r\n   * @memberof ModalConfig\r\n   */\r\n  showCloseButton: boolean;\r\n\r\n  /**\r\n   * Show the close button\r\n   *\r\n   * @memberof ModalConfig\r\n   */\r\n  showHeaderLogo: boolean;\r\n\r\n  /**\r\n   * Close the modal if the user taps on the background\r\n   *\r\n   * @memberof ModalConfig\r\n   */\r\n  closeOnBackdropClick: boolean;\r\n\r\n  constructor(options?: {\r\n    title?: TemplateResult;\r\n    subtitle?: TemplateResult;\r\n    headline?: TemplateResult;\r\n    message?: TemplateResult;\r\n    headerColor?: string;\r\n    bodyColor?: string;\r\n    showProcessingIndicator?: boolean;\r\n    processingImageMode?: string;\r\n    showCloseButton?: boolean;\r\n    showHeaderLogo?: boolean;\r\n    closeOnBackdropClick?: boolean;\r\n  }) {\r\n    this.title = options?.title;\r\n    this.subtitle = options?.subtitle;\r\n    this.headline = options?.headline;\r\n    this.message = options?.message;\r\n\r\n    this.headerColor = options?.headerColor ?? '#55A183';\r\n    this.bodyColor = options?.bodyColor ?? '#f5f5f7';\r\n    this.showProcessingIndicator = options?.showProcessingIndicator ?? false;\r\n    this.processingImageMode = options?.processingImageMode ?? 'complete';\r\n    this.showCloseButton = options?.showCloseButton ?? true;\r\n    this.showHeaderLogo = options?.showHeaderLogo ?? true;\r\n    this.closeOnBackdropClick = options?.closeOnBackdropClick ?? true;\r\n  }\r\n}\r\n"]}

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.map

@@ -1 +1 @@
-{"version":3,"file":"modal-manager-host-bridge-interface.js","sourceRoot":"","sources":["../../src/modal-manager-host-bridge-interface.ts"],"names":[],"mappings":"","sourcesContent":["import { ModalManagerMode } from './modal-manager-mode';\n\n/**\n * The ModalManagerHostBridgeInterface is a delegate interface for\n * the host to implement environment-specific changes when the modal\n * is open or closed.\n *\n * A default implementation is provided, but can be overridden if\n * it does not work for the environment.\n */\nexport interface ModalManagerHostBridgeInterface {\n  handleModeChange(mode: ModalManagerMode): void;\n}\n"]}
+{"version":3,"file":"modal-manager-host-bridge-interface.js","sourceRoot":"","sources":["../../src/modal-manager-host-bridge-interface.ts"],"names":[],"mappings":"","sourcesContent":["import { ModalManagerMode } from './modal-manager-mode';\r\n\r\n/**\r\n * The ModalManagerHostBridgeInterface is a delegate interface for\r\n * the host to implement environment-specific changes when the modal\r\n * is open or closed.\r\n *\r\n * A default implementation is provided, but can be overridden if\r\n * it does not work for the environment.\r\n */\r\nexport interface ModalManagerHostBridgeInterface {\r\n  handleModeChange(mode: ModalManagerMode): void;\r\n}\r\n"]}

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-host-bridge.js.map

@@ -1 +1 @@
-{"version":3,"file":"modal-manager-host-bridge.js","sourceRoot":"","sources":["../../src/modal-manager-host-bridge.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAI7C,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAExD;;;;;;;;;;;;;GAaG;AACH,MAAM,OAAO,sBAAsB;IAGjC,YAAY,YAAmC;QAuBvC,0BAAqB,GAAyB,QAAQ,CAC5D,GAAG,EACH,IAAI,CAAC,0BAA0B,EAC/B,EAAE,SAAS,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,CACxC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QA1BX,IAAI,CAAC,YAAY,GAAG,YAAY,CAAC;IACnC,CAAC;IAED;;;;;OAKG;IACH,gBAAgB,CAAC,IAAsB;QACrC,QAAQ,IAAI,EAAE;YACZ,KAAK,gBAAgB,CAAC,IAAI;gBACxB,IAAI,CAAC,mBAAmB,EAAE,CAAC;gBAC3B,IAAI,CAAC,kBAAkB,EAAE,CAAC;gBAC1B,MAAM;YACR,KAAK,gBAAgB,CAAC,MAAM;gBAC1B,IAAI,CAAC,kBAAkB,EAAE,CAAC;gBAC1B,IAAI,CAAC,oBAAoB,EAAE,CAAC;gBAC5B,MAAM;SACT;IACH,CAAC;IAQD,yFAAyF;IACzF,mGAAmG;IACnG,mGAAmG;IACnG,kBAAkB;IAClB,0FAA0F;IAC1F,qFAAqF;IACrF,yCAAyC;IACjC,0BAA0B;QAChC,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,WAAW,CACjC,mBAAmB,EACnB,GAAG,MAAM,CAAC,WAAW,IAAI,CAC1B,CAAC;IACJ,CAAC;IAEO,kBAAkB;QACxB,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,oBAAoB,CAAC,CAAC;IACpD,CAAC;IAEO,oBAAoB;QAC1B,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,oBAAoB,CAAC,CAAC;IACvD,CAAC;IAEO,mBAAmB;QACzB,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,qBAAqB,CAAC,CAAC;IAChE,CAAC;IAEO,kBAAkB;QACxB,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAAC,qBAAqB,CAAC,CAAC;IACnE,CAAC;CACF","sourcesContent":["import { throttle } from 'throttle-debounce';\n\nimport { ModalManagerHostBridgeInterface } from './modal-manager-host-bridge-interface';\nimport { ModalManagerInterface } from './modal-manager-interface';\nimport { ModalManagerMode } from './modal-manager-mode';\n\n/**\n * The `ModalManagerHostBridge` is a bridge between the `ModalManager` and the\n * host that sets up environment-specific changes when the modal opens and closes.\n *\n * For instance, when the modal opens, this adds a class to the `<body>` tag for styling\n * and adds a `resize` listener to fix a Safari shadow root issue.\n *\n * Consumers can create their own `ModalManagerHostBridgeInterface` classes and pass\n * them into the `ModalManager` if this one does not work for their environment.\n *\n * @export\n * @class ModalManagerHostBridge\n * @implements {ModalManagerHostBridgeInterface}\n */\nexport class ModalManagerHostBridge implements ModalManagerHostBridgeInterface {\n  private modalManager: ModalManagerInterface;\n\n  constructor(modalManager: ModalManagerInterface) {\n    this.modalManager = modalManager;\n  }\n\n  /**\n   * Handle the mode change\n   *\n   * @private\n   * @memberof ModalManager\n   */\n  handleModeChange(mode: ModalManagerMode): void {\n    switch (mode) {\n      case ModalManagerMode.Open:\n        this.startResizeListener();\n        this.stopDocumentScroll();\n        break;\n      case ModalManagerMode.Closed:\n        this.stopResizeListener();\n        this.resumeDocumentScroll();\n        break;\n    }\n  }\n\n  private windowResizeThrottler: throttle<() => void> = throttle(\n    100,\n    this.updateModalContainerHeight,\n    { noLeading: false, noTrailing: false }\n  ).bind(this);\n\n  // This is a workaround for Safari. Safari does not update shadowRoot elements calculated\n  // based on the viewport size (ie. `calc(100vh - 10px)`). It does an initial calculation correctly,\n  // but resizing the window does not cause the calculation to update. Firefox and Chrome both handle\n  // this correctly.\n  // It doesn't matter what css variable you set, it is just forcing Safari to do an update.\n  // Also note that the value has to change on each update for Safari to do the update,\n  // ie. you can't just set a static value.\n  private updateModalContainerHeight(): void {\n    this.modalManager.style.setProperty(\n      '--containerHeight',\n      `${window.innerHeight}px`\n    );\n  }\n\n  private stopDocumentScroll(): void {\n    document.body.classList.add('modal-manager-open');\n  }\n\n  private resumeDocumentScroll(): void {\n    document.body.classList.remove('modal-manager-open');\n  }\n\n  private startResizeListener(): void {\n    window.addEventListener('resize', this.windowResizeThrottler);\n  }\n\n  private stopResizeListener(): void {\n    window.removeEventListener('resize', this.windowResizeThrottler);\n  }\n}\n"]}
+{"version":3,"file":"modal-manager-host-bridge.js","sourceRoot":"","sources":["../../src/modal-manager-host-bridge.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAI7C,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAExD;;;;;;;;;;;;;GAaG;AACH,MAAM,OAAO,sBAAsB;IAGjC,YAAY,YAAmC;QAuBvC,0BAAqB,GAAyB,QAAQ,CAC5D,GAAG,EACH,IAAI,CAAC,0BAA0B,EAC/B,EAAE,SAAS,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,CACxC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QA1BX,IAAI,CAAC,YAAY,GAAG,YAAY,CAAC;IACnC,CAAC;IAED;;;;;OAKG;IACH,gBAAgB,CAAC,IAAsB;QACrC,QAAQ,IAAI,EAAE;YACZ,KAAK,gBAAgB,CAAC,IAAI;gBACxB,IAAI,CAAC,mBAAmB,EAAE,CAAC;gBAC3B,IAAI,CAAC,kBAAkB,EAAE,CAAC;gBAC1B,MAAM;YACR,KAAK,gBAAgB,CAAC,MAAM;gBAC1B,IAAI,CAAC,kBAAkB,EAAE,CAAC;gBAC1B,IAAI,CAAC,oBAAoB,EAAE,CAAC;gBAC5B,MAAM;SACT;IACH,CAAC;IAQD,yFAAyF;IACzF,mGAAmG;IACnG,mGAAmG;IACnG,kBAAkB;IAClB,0FAA0F;IAC1F,qFAAqF;IACrF,yCAAyC;IACjC,0BAA0B;QAChC,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,WAAW,CACjC,mBAAmB,EACnB,GAAG,MAAM,CAAC,WAAW,IAAI,CAC1B,CAAC;IACJ,CAAC;IAEO,kBAAkB;QACxB,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,oBAAoB,CAAC,CAAC;IACpD,CAAC;IAEO,oBAAoB;QAC1B,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,oBAAoB,CAAC,CAAC;IACvD,CAAC;IAEO,mBAAmB;QACzB,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,qBAAqB,CAAC,CAAC;IAChE,CAAC;IAEO,kBAAkB;QACxB,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAAC,qBAAqB,CAAC,CAAC;IACnE,CAAC;CACF","sourcesContent":["import { throttle } from 'throttle-debounce';\r\n\r\nimport { ModalManagerHostBridgeInterface } from './modal-manager-host-bridge-interface';\r\nimport { ModalManagerInterface } from './modal-manager-interface';\r\nimport { ModalManagerMode } from './modal-manager-mode';\r\n\r\n/**\r\n * The `ModalManagerHostBridge` is a bridge between the `ModalManager` and the\r\n * host that sets up environment-specific changes when the modal opens and closes.\r\n *\r\n * For instance, when the modal opens, this adds a class to the `<body>` tag for styling\r\n * and adds a `resize` listener to fix a Safari shadow root issue.\r\n *\r\n * Consumers can create their own `ModalManagerHostBridgeInterface` classes and pass\r\n * them into the `ModalManager` if this one does not work for their environment.\r\n *\r\n * @export\r\n * @class ModalManagerHostBridge\r\n * @implements {ModalManagerHostBridgeInterface}\r\n */\r\nexport class ModalManagerHostBridge implements ModalManagerHostBridgeInterface {\r\n  private modalManager: ModalManagerInterface;\r\n\r\n  constructor(modalManager: ModalManagerInterface) {\r\n    this.modalManager = modalManager;\r\n  }\r\n\r\n  /**\r\n   * Handle the mode change\r\n   *\r\n   * @private\r\n   * @memberof ModalManager\r\n   */\r\n  handleModeChange(mode: ModalManagerMode): void {\r\n    switch (mode) {\r\n      case ModalManagerMode.Open:\r\n        this.startResizeListener();\r\n        this.stopDocumentScroll();\r\n        break;\r\n      case ModalManagerMode.Closed:\r\n        this.stopResizeListener();\r\n        this.resumeDocumentScroll();\r\n        break;\r\n    }\r\n  }\r\n\r\n  private windowResizeThrottler: throttle<() => void> = throttle(\r\n    100,\r\n    this.updateModalContainerHeight,\r\n    { noLeading: false, noTrailing: false }\r\n  ).bind(this);\r\n\r\n  // This is a workaround for Safari. Safari does not update shadowRoot elements calculated\r\n  // based on the viewport size (ie. `calc(100vh - 10px)`). It does an initial calculation correctly,\r\n  // but resizing the window does not cause the calculation to update. Firefox and Chrome both handle\r\n  // this correctly.\r\n  // It doesn't matter what css variable you set, it is just forcing Safari to do an update.\r\n  // Also note that the value has to change on each update for Safari to do the update,\r\n  // ie. you can't just set a static value.\r\n  private updateModalContainerHeight(): void {\r\n    this.modalManager.style.setProperty(\r\n      '--containerHeight',\r\n      `${window.innerHeight}px`\r\n    );\r\n  }\r\n\r\n  private stopDocumentScroll(): void {\r\n    document.body.classList.add('modal-manager-open');\r\n  }\r\n\r\n  private resumeDocumentScroll(): void {\r\n    document.body.classList.remove('modal-manager-open');\r\n  }\r\n\r\n  private startResizeListener(): void {\r\n    window.addEventListener('resize', this.windowResizeThrottler);\r\n  }\r\n\r\n  private stopResizeListener(): void {\r\n    window.removeEventListener('resize', this.windowResizeThrottler);\r\n  }\r\n}\r\n"]}

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

@@ -1,25 +1,25 @@
-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
-     */
-    showModal(options: {
-        config: ModalConfig;
-        customModalContent?: TemplateResult;
-        userClosedModalCallback?: () => 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
+     */
+    showModal(options: {
+        config: ModalConfig;
+        customModalContent?: TemplateResult;
+        userClosedModalCallback?: () => void;
+    }): Promise<void>;
+    /**
+     * Close the currently open modal
+     */
+    closeModal(): void;
+}

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

@@ -1 +1 @@
-{"version":3,"file":"modal-manager-interface.js","sourceRoot":"","sources":["../../src/modal-manager-interface.ts"],"names":[],"mappings":"","sourcesContent":["import { LitElement, TemplateResult } from 'lit';\nimport { ModalConfig } from './modal-config';\nimport { ModalManagerMode } from './modal-manager-mode';\n\nexport interface ModalManagerInterface extends LitElement {\n  /**\n   * Get the current modal mode.\n   */\n  getMode(): ModalManagerMode;\n\n  /**\n   * Show a modal from a given ModalConfig\n   *\n   * @param config ModalConfig\n   * @param customModalContent TemplateResult | undefined\n   * @param userClosedModalCallback () => void | undefined an optional callback when the modal is closed\n   */\n  showModal(options: {\n    config: ModalConfig;\n    customModalContent?: TemplateResult;\n    userClosedModalCallback?: () => void;\n  }): Promise<void>;\n\n  /**\n   * Close the currently open modal\n   */\n  closeModal(): void;\n}\n"]}
+{"version":3,"file":"modal-manager-interface.js","sourceRoot":"","sources":["../../src/modal-manager-interface.ts"],"names":[],"mappings":"","sourcesContent":["import { LitElement, TemplateResult } from 'lit';\r\nimport { ModalConfig } from './modal-config';\r\nimport { ModalManagerMode } from './modal-manager-mode';\r\n\r\nexport interface ModalManagerInterface extends LitElement {\r\n  /**\r\n   * Get the current modal mode.\r\n   */\r\n  getMode(): ModalManagerMode;\r\n\r\n  /**\r\n   * Show a modal from a given ModalConfig\r\n   *\r\n   * @param config ModalConfig\r\n   * @param customModalContent TemplateResult | undefined\r\n   * @param userClosedModalCallback () => void | undefined an optional callback when the modal is closed\r\n   */\r\n  showModal(options: {\r\n    config: ModalConfig;\r\n    customModalContent?: TemplateResult;\r\n    userClosedModalCallback?: () => void;\r\n  }): Promise<void>;\r\n\r\n  /**\r\n   * Close the currently open modal\r\n   */\r\n  closeModal(): void;\r\n}\r\n"]}

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

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

@@ -1 +1 @@
-{"version":3,"file":"modal-manager-mode.js","sourceRoot":"","sources":["../../src/modal-manager-mode.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,MAAM,CAAN,IAAY,gBAGX;AAHD,WAAY,gBAAgB;IAC1B,iCAAa,CAAA;IACb,qCAAiB,CAAA;AACnB,CAAC,EAHW,gBAAgB,KAAhB,gBAAgB,QAG3B","sourcesContent":["/**\n * Various modes the modal can be in\n *\n * @export\n * @enum {number}\n */\nexport enum ModalManagerMode {\n  Open = 'open',\n  Closed = 'closed',\n}\n"]}
+{"version":3,"file":"modal-manager-mode.js","sourceRoot":"","sources":["../../src/modal-manager-mode.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,MAAM,CAAN,IAAY,gBAGX;AAHD,WAAY,gBAAgB;IAC1B,iCAAa,CAAA;IACb,qCAAiB,CAAA;AACnB,CAAC,EAHW,gBAAgB,KAAhB,gBAAgB,QAG3B","sourcesContent":["/**\r\n * Various modes the modal can be in\r\n *\r\n * @export\r\n * @enum {number}\r\n */\r\nexport enum ModalManagerMode {\r\n  Open = 'open',\r\n  Closed = 'closed',\r\n}\r\n"]}